<!-- load queue widget css and jquery -->
<style type="text/css">@import url(css/plupload.queue.css);</style>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("jquery", "1.3");
</script>


<!-- load plupload runtimes -->
<script type="text/javascript" src="/plupload/js/plupload.full.js"></script>
<!-- and jquery widget -->
<script type="text/javascript" src="/plupload/js/jquery.plupload.queue.js"></script>

<?php

print_r($_POST);

if(isset($_POST['submit'])){ //if form was submitted

    echo 'form was submitted';
    
    //do stuff here to posted images/data
    //i.e. rename, move, and create db record, etc
    

} else { //display record creation stuff
?>
<div>
    <form id="create" name="create" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST" >
        <!-- input fields -->
        <div id="uploader"> <!-- becomes a pluploader on page load -->
            <p>Your browser doesn't have HTML5, Flash, or HTML4 support.</p>
        </div>

        <input type="submit" name="submit" value="Create Records"/>
    </form>
</div>

<script type="text/javascript">
    $(function() {
        // Convert divs to queue widgets when the DOM is ready
        $("#uploader").pluploadQueue({
            // General settings
            runtimes : 'html5,flash,html4',
            url : 'pictures-upload.php',
            max_file_size : '3mb',
            
            // Resize images on clientside if we can
            //resize : {width : 300, height : 200, quality : 90},
            //causes issue with futher resizing
            //html5 - only works for FF3.5+, not on WebKit/Opera

            // Specify what files to browse for
            filters : [
                {title : "Image files", extensions : "jpg,gif,png"}
            ],

            // Flash settings
            flash_swf_url : '/plupload/js/plupload.flash.swf',

        });

        // Client side form validation
        $('form').submit(function(e) {
            var uploader = $('#uploader').pluploadQueue();

            // Validate number of uploaded files
            if (uploader.total.uploaded == 0) {
                // Files in queue upload them first
                if (uploader.files.length > 0) {
                    // When all files are uploaded submit form
                    uploader.bind('UploadProgress', function() {
                        if (uploader.total.uploaded == uploader.files.length){
                            alert('submitting the form');
                            //document.create.submit();
                            $('form').submit();
                        }
                    });

                    uploader.start();
                } else
                    alert('You must at least upload one file.');

                e.preventDefault();
            }
        });
        
    });
</script>
<?php
}
?>