
$(document).ready(function(){
    $("#AudioUploader").fileUpload({
        uploader: '/flash/uploader.swf',
        script: '/uploader.ashx',
        cancelImg: '/webimages/cancel.png',
        folder: '/uploads',
        buttonText: 'Select Audio...',
        fileDesc: 'Audio Files (*.wma, *.mp3, *.wav, *.ra)',
        fileExt: '*.wma;*.mp3;*.wav;*.ra',
        sizeLimit: '20971520',
        onSelect: function(e, queueID, fileObj) { $('#mainMods').toggleClass('changeState'); $("#AudioUpload").val('Upload').css('display','inline'); },
        onComplete: function(event, queueID, fileObj, response, data)
            {
                if (response > 0)
                {
                    $("#AudioUpload").css('display','none');
                    $("#AudioUploader").parent().css('display','none').after('<div class="uploadComplete">Upload Complete</div>');
                    $("#ctl00_ContentPlaceHolder1_UploadedAudio").val(fileObj['filePath']);
                }
                else
                {
                    $("#AudioUpload").val('Error Occurred');
                }
                $('#mainMods').toggleClass('changeState');
            }
    });
    
    $("#VideoUploader").fileUpload({
        uploader: '/flash/uploader.swf',
        script: '/uploader.ashx',
        cancelImg: '/webimages/cancel.png',
        folder: '/uploads',
        buttonText: 'Select Video...',
        fileDesc: 'Video Files (*.wmv, *.mov, *.rm, *.avi)',
        fileExt: '*.wmv;*.mov;*.rm;*.avi',
        sizeLimit: '26214400',
        onSelect: function(e, queueID, fileObj) { $('#mainMods').toggleClass('changeState'); $("#VideoUpload").val('Upload').css('display','inline'); },
        onComplete: function(event, queueID, fileObj, response, data)
            {
                if (response > 0)
                {
                    $("#VideoUpload").css('display','none');
                    $("#VideoUploader").parent().css('display','none').after('<div class="uploadComplete">Upload Complete</div>');
                    $("#ctl00_ContentPlaceHolder1_UploadedVideo").val(fileObj['filePath']);
                }
                else
                {
                    $("#VideoUpload").val('Error Occurred');
                }
                $('#mainMods').toggleClass('changeState');
            }
    });
    
    $("#DocumentUploader").fileUpload({
        uploader: '/flash/uploader.swf',
        script: '/uploader.ashx',
        cancelImg: '/webimages/cancel.png',
        folder: '/uploads',
        buttonText: 'Select Document...',
        fileDesc: 'Documents (*.doc, *.xls, *.ppt, *.pdf, *.odt, *.odp, *.docx, *.xlsx, *.pptx)',
        fileExt: '*.doc;*.xls;*.ppt;*.pdf;*.odt;*.odp;*.docx;*.xlsx;*.pptx',
        sizeLimit: '5242880',
        onSelect: function(e, queueID, fileObj) { $('#mainMods').toggleClass('changeState'); $("#DocumentUpload").val('Upload').css('display','inline'); },
        onComplete: function(event, queueID, fileObj, response, data)
            {
                if (response > 0)
                {
                    $("#DocumentUpload").css('display','none');
                    $("#DocumentUploader").parent().css('display','none').after('<div class="uploadComplete">Upload Complete</div>');
                    $("#ctl00_ContentPlaceHolder1_UploadedDocument").val(fileObj['filePath']);
                }
                else
                {
                    $("#DocumentUpload").val('Error Occurred');
                }
                $('#mainMods').toggleClass('changeState');
            }
    });
    
    $("#TemplateUploader").fileUpload({
        uploader: '/flash/uploader.swf',
        script: '/uploader.ashx',
        cancelImg: '/webimages/cancel.png',
        folder: '/uploads',
        buttonText: 'Select Template...',
        fileDesc: 'Templates (*.dot, *.pot, *.dotx, *.potx, *.xlt, *.xltx)',
        fileExt: '*.dot;*.pot;*.dotx;*.potx;*.xlt;*.xltx',
        sizeLimit: '5242880',
        onSelect: function(e, queueID, fileObj) { $('#mainMods').toggleClass('changeState'); $("#TemplateUpload").val('Upload').css('display','inline'); },
        onComplete: function(event, queueID, fileObj, response, data)
            {
                if (response > 0)
                {
                    $("#TemplateUpload").css('display','none');
                    $("#TemplateUploader").parent().css('display','none').after('<div class="uploadComplete">Upload Complete</div>');
                    $("#ctl00_ContentPlaceHolder1_UploadedTemplate").val(fileObj['filePath']);
                }
                else
                {
                    $("#TemplateUpload").val('Error Occurred');
                }
                $('#mainMods').toggleClass('changeState');
            }
    });
    
    $("#GraphicUploader").fileUpload({
        uploader: '/flash/uploader.swf',
        script: '/uploader.ashx',
        cancelImg: '/webimages/cancel.png',
        folder: '/uploads',
        buttonText: 'Select Graphic...',
        fileDesc: 'Graphic Files (*.png, *.jpg, *.jpeg, *.gif, *.wmf, *.vsd, *.vsdx, *.odg)',
        fileExt: '*.png;*.jpg;*.jpeg;*.gif;*.wmf;*.vsd;*.vsdx;*.odg',
        sizeLimit: '5242880',
        onSelect: function(e, queueID, fileObj) { $('#mainMods').toggleClass('changeState'); $("#GraphicUpload").val('Upload').css('display','inline'); },
        onComplete: function(event, queueID, fileObj, response, data)
            {
                if (response > 0)
                {
                    $("#GraphicUpload").css('display','none');
                    $("#GraphicUploader").parent().css('display','none').after('<div class="uploadComplete">Upload Complete</div>');
                    $("#ctl00_ContentPlaceHolder1_UploadedGraphic").val(fileObj['filePath']);
                }
                else
                {
                    $("#GraphicUpload").val('Error Occurred');
                }
                $('#mainMods').toggleClass('changeState');
            }
    });
    
    $("#PhotoUpload").fileUpload({
        uploader: '/flash/uploader.swf',
        script: '/uploader.ashx',
        cancelImg: '/webimages/cancel.png',
        folder: '/uploads',
        buttonText: 'Select Image...',
        fileDesc: 'Image Files (*.png, *.jpg, *.jpeg, *.gif)',
        fileExt: '*.png;*.jpg;*.jpeg;*.gif',
        sizeLimit: '5242880',
        onSelect: function(e, queueID, fileObj) { $('#mainMods').toggleClass('changeState'); $("#Upload").val('Upload').css('display','inline'); },
        onComplete: function(event, queueID, fileObj, response, data)
            {
                if (response > 0)
                {
                    $("#ctl00_ContentPlaceHolder1_UploadedPhoto").val(fileObj['filePath']);
                    $("#Upload").css('display','none');
                    $("#PhotoUpload").parent().css('display','none').after('<div class="uploadComplete">Upload Complete</div>');
                }
                else
                {
                    $("#Upload").val('Error Occurred');
                }
                $('#mainMods').toggleClass('changeState');
            } 
    });
    
    $("#AvatarUpload").fileUpload({
        uploader: '/flash/uploader.swf',
        script: '/uploaderAvatar.ashx',
        cancelImg: '/webimages/cancel.png',
        folder: '/uploads',
        buttonText: 'Browse...',
        fileDesc: 'Image Files (*.png, *.jpg, *.jpeg, *.gif)',
        fileExt: '*.png;*.jpg;*.jpeg;*.gif',
        sizeLimit: '5242880',
        scriptData: {
            registrationGUID: $('#ctl00_ContentPlaceHolder1_AvatarRegistrationGUID').val(),
            userID: $('#ctl00_ContentPlaceHolder1_EktronUserID').val()
        },
        auto: true,
        onSelect: function(e, queueID, fileObj) { $('#mainMods').toggleClass('changeState'); $("#Upload").val('Upload').css('display','inline'); },
        onComplete: function(event, queueID, fileObj, response, data)
            {
                if (response != -1)
                {
                    // Update the image with the file path
                    // Need to get actual ID here
                    // $("#ctl00_ContentPlaceHolder1_UploadedPhoto").src = fileObj['filePath'];
                    //document.getElementById("ctl00_ContentPlaceHolder1_imgAvatar").src = response;
                    $("#ctl00_ContentPlaceHolder1_imgAvatar").attr("src",response);
                    $("#ctl00_ContentPlaceHolder1_imgAvatar").css('width','250px');
                    $("#Upload").css('display','none');
                    //$("#AvatarUpload").parent().css('display','none').after('<div class="uploadComplete">Upload Complete</div>');
                }
                else
                {
                    $("#Upload").val('Error Occurred');
                }
                $('#mainMods').toggleClass('changeState');
            }
    });
    
    $("#FileUploader1").fileUpload({
        uploader: '/flash/uploader.swf',
        script: '/uploader.ashx',
        cancelImg: '/webimages/cancel.png',
        folder: '/uploads',
        buttonText: 'Select File...',
        //fileDesc: 'Video Files (*.wmv, *.mov, *.rm, *.avi)',
        fileExt: '*.wma;*.mp3;*.wav;*.ra;*.doc;*.xls;*.ppt;*.pdf;*.odt;*.odp;*.docx;*.xlsx;*.pptx;*.png;*.jpg;*.jpeg;*.gif;*.wmf;*.vsd;*.vsdx;*.odg;*.wmv;*.mov;*.rm;*.avi;*.dot;*.pot;*.dotx;*.potx;*.xlt;*.xltx',
        sizeLimit: '26214400',
        onSelect: function(e, queueID, fileObj) { $('#mainMods').toggleClass('changeState');  $("#FileUpload1").val('Upload').css('display','inline'); },
        onComplete: function(event, queueID, fileObj, response, data)
            {
                if (response > 0)
                {
                    $("#FileUpload1").css('display','none');
                    $("#FileUploader1").parent().css('display','none').after('<div class="uploadComplete">Upload Complete</div>');
                    $("#ctl00_ContentPlaceHolder1_UploadedFile1").val(fileObj['filePath']);
                }
                else
                {
                    $("#FileUpload1").val('Error Occurred');
                }
                $('#mainMods').toggleClass('changeState');
            }
    });
    
    $("#FileUploader2").fileUpload({
        uploader: '/flash/uploader.swf',
        script: '/uploader.ashx',
        cancelImg: '/webimages/cancel.png',
        folder: '/uploads',
        buttonText: 'Select File...',
        //fileDesc: 'Video Files (*.wmv, *.mov, *.rm, *.avi)',
        fileExt: '*.wma;*.mp3;*.wav;*.ra;*.doc;*.xls;*.ppt;*.pdf;*.odt;*.odp;*.docx;*.xlsx;*.pptx;*.png;*.jpg;*.jpeg;*.gif;*.wmf;*.vsd;*.vsdx;*.odg;*.wmv;*.mov;*.rm;*.avi;*.dot;*.pot;*.dotx;*.potx;*.xlt;*.xltx',
        sizeLimit: '26214400',
        onSelect: function(e, queueID, fileObj) { $('#mainMods').toggleClass('changeState'); $("#FileUpload2").val('Upload').css('display','inline'); },
        onComplete: function(event, queueID, fileObj, response, data)
            {
                if (response > 0)
                {
                    $("#FileUpload2").css('display','none');
                    $("#FileUploader2").parent().css('display','none').after('<div class="uploadComplete">Upload Complete</div>');
                    $("#ctl00_ContentPlaceHolder1_UploadedFile2").val(fileObj['filePath']);
                }
                else
                {
                    $("#FileUpload2").val('Error Occurred');
                }
                $('#mainMods').toggleClass('changeState');
            }
    });
    
    $("#FileUploader3").fileUpload({
        uploader: '/flash/uploader.swf',
        script: '/uploader.ashx',
        cancelImg: '/webimages/cancel.png',
        folder: '/uploads',
        buttonText: 'Select File...',
        //fileDesc: 'Video Files (*.wmv, *.mov, *.rm, *.avi)',
        fileExt: '*.wma;*.mp3;*.wav;*.ra;*.doc;*.xls;*.ppt;*.pdf;*.odt;*.odp;*.docx;*.xlsx;*.pptx;*.png;*.jpg;*.jpeg;*.gif;*.wmf;*.vsd;*.vsdx;*.odg;*.wmv;*.mov;*.rm;*.avi;*.dot;*.pot;*.dotx;*.potx;*.xlt;*.xltx',
        sizeLimit: '26214400',
        onSelect: function(e, queueID, fileObj) { $('#mainMods').toggleClass('changeState'); $("#FileUpload3").val('Upload').css('display','inline'); },
        onComplete: function(event, queueID, fileObj, response, data)
            {
                if (response > 0)
                {
                    $("#FileUpload3").css('display','none');
                    $("#FileUploader3").parent().css('display','none').after('<div class="uploadComplete">Upload Complete</div>');
                    $("#ctl00_ContentPlaceHolder1_UploadedFile3").val(fileObj['filePath']);
                }
                else
                {
                    $("#FileUpload3").val('Error Occurred');
                }
                $('#mainMods').toggleClass('changeState');
            }
    });
    
    $("#FileUploader4").fileUpload({
        uploader: '/flash/uploader.swf',
        script: '/uploader.ashx',
        cancelImg: '/webimages/cancel.png',
        folder: '/uploads',
        buttonText: 'Select File...',
        //fileDesc: 'Video Files (*.wmv, *.mov, *.rm, *.avi)',
        fileExt: '*.wma;*.mp3;*.wav;*.ra;*.doc;*.xls;*.ppt;*.pdf;*.odt;*.odp;*.docx;*.xlsx;*.pptx;*.png;*.jpg;*.jpeg;*.gif;*.wmf;*.vsd;*.vsdx;*.odg;*.wmv;*.mov;*.rm;*.avi;*.dot;*.pot;*.dotx;*.potx;*.xlt;*.xltx',
        sizeLimit: '26214400',
        onSelect: function(e, queueID, fileObj) { $('#mainMods').toggleClass('changeState'); $("#FileUpload4").val('Upload').css('display','inline'); },
        onComplete: function(event, queueID, fileObj, response, data)
            {
                if (response > 0)
                {
                    $("#FileUpload4").css('display','none');
                    $("#FileUploader4").parent().css('display','none').after('<div class="uploadComplete">Upload Complete</div>');
                    $("#ctl00_ContentPlaceHolder1_UploadedFile4").val(fileObj['filePath']);
                }
                else
                {
                    $("#FileUpload4").val('Error Occurred');
                }
                $('#mainMods').toggleClass('changeState');
            }
    });
    
    $("#FileUploader5").fileUpload({
        uploader: '/flash/uploader.swf',
        script: '/uploader.ashx',
        cancelImg: '/webimages/cancel.png',
        folder: '/uploads',
        buttonText: 'Select File...',
        //fileDesc: 'Video Files (*.wmv, *.mov, *.rm, *.avi)',
        fileExt: '*.wma;*.mp3;*.wav;*.ra;*.doc;*.xls;*.ppt;*.pdf;*.odt;*.odp;*.docx;*.xlsx;*.pptx;*.png;*.jpg;*.jpeg;*.gif;*.wmf;*.vsd;*.vsdx;*.odg;*.wmv;*.mov;*.rm;*.avi;*.dot;*.pot;*.dotx;*.potx;*.xlt;*.xltx',
        sizeLimit: '26214400',
        onSelect: function(e, queueID, fileObj) { $('#mainMods').toggleClass('changeState'); $("#FileUpload5").val('Upload').css('display','inline'); },
        onComplete: function(event, queueID, fileObj, response, data)
            {
                if (response > 0)
                {
                    $("#FileUpload5").css('display','none');
                    $("#FileUploader5").parent().css('display','none').after('<div class="uploadComplete">Upload Complete</div>');
                    $("#ctl00_ContentPlaceHolder1_UploadedFile5").val(fileObj['filePath']);
                }
                else
                {
                    $("#FileUpload5").val('Error Occurred');
                }
                $('#mainMods').toggleClass('changeState');
            }
    });
    
    $("#FileUploader6").fileUpload({
        uploader: '/flash/uploader.swf',
        script: '/uploader.ashx',
        cancelImg: '/webimages/cancel.png',
        folder: '/uploads',
        buttonText: 'Select File...',
        //fileDesc: 'Video Files (*.wmv, *.mov, *.rm, *.avi)',
        fileExt: '*.wma;*.mp3;*.wav;*.ra;*.doc;*.xls;*.ppt;*.pdf;*.odt;*.odp;*.docx;*.xlsx;*.pptx;*.png;*.jpg;*.jpeg;*.gif;*.wmf;*.vsd;*.vsdx;*.odg;*.wmv;*.mov;*.rm;*.avi;*.dot;*.pot;*.dotx;*.potx;*.xlt;*.xltx',
        sizeLimit: '26214400',
        onSelect: function(e, queueID, fileObj) { $('#mainMods').toggleClass('changeState'); $("#FileUpload6").val('Upload').css('display','inline'); },
        onComplete: function(event, queueID, fileObj, response, data)
            {
                if (response > 0)
                {
                    $("#FileUpload6").css('display','none');
                    $("#FileUploader6").parent().css('display','none').after('<div class="uploadComplete">Upload Complete</div>');
                    $("#ctl00_ContentPlaceHolder1_UploadedFile6").val(fileObj['filePath']);
                }
                else
                {
                    $("#FileUpload6").val('Error Occurred');
                }
                $('#mainMods').toggleClass('changeState');
            }
    });
});