jQuery(document).ready(function() {
	//jQuery('.description-section .form-section').hide();
	jQuery('.description-section a.description-button').click(function(e) {
		var el = jQuery(this);
		jQuery('.form-section',el.parent().parent()).slideToggle();
		el.toggleClass('selected');
		e.preventDefault();
	}).addClass('selected');
	
	if (jQuery('#file-upload').length > 0) {
        //disable step 2
        var formSection = jQuery('.header2 ~ div.form-section');
        formSection.append('<div class="disabled-form-overlay">&nbsp;</div>');
        jQuery('.disabled-form-overlay',formSection).height(formSection.height()+80).width(formSection.width());
        
        jQuery('#'+agreement).click(function(e) {
            if (jQuery(this).is(':checked') && jQuery('#'+agreement2).is(':checked') && uploader.files.length >= 1)
                jQuery('#uploadfiles').removeClass('disabled');
            else
                jQuery('#uploadfiles').addClass('disabled');
        });
        
        jQuery('#'+agreement2).click(function(e) {
            if (jQuery(this).is(':checked') && jQuery('#'+agreement).is(':checked') && uploader.files.length >= 1)
                jQuery('#uploadfiles').removeClass('disabled');
            else
                jQuery('#uploadfiles').addClass('disabled');
        });
        
	    var uploader = new plupload.Uploader({
		    runtimes : 'flash,silverlight',
		    browse_button : 'pick-files',
		    container : 'file-upload',
		    drop_element: 'file-list',
		    max_file_size : '10mb',
		    url : '/functions/upload.ashx',
		    flash_swf_url : '/swf/plupload.flash.swf',
		    silverlight_xap_url : '/swf/plupload.silverlight.xap',
		    filters : [
			    {title : "Image files", extensions : "jpg,gif,png"}
		    ]
	    });

	    uploader.bind('Init', function(up, params) {
	        //alert('init' + params.runtime);
		    jQuery('#'+next_btn_id).attr('disabled','disabled')
	    });

	    jQuery('#uploadfiles').click(function(e) {
	        if (jQuery('#uploadfiles').hasClass('disabled') || uploader.state != 1)
	            return;
	        //alert(uploader.state);
	       //remove the X.s
	       if (uploader.total.uploaded != uploader.files.length) {
	            jQuery.each(uploader.files, function(i, file) {
	                if (file.status < 5) {
	                    jQuery('#'+file.id +' a').remove();
	                    jQuery('#'+file.id).append('<span class="counter">0%</span>');
	                }
	            });
		        uploader.start();
		        
		        jQuery('.disabled-form-overlay').remove();
		        //jQuery('#'+next_btn_id).attr('disabled','').removeClass('disabled');
		    }
		    e.preventDefault();
	    });

	    uploader.init();

        uploader.bind('FilesAdded', function(up,files) {
            if (uploader.files.length >= 1) {
                jQuery('#file-list li#info-text').hide();
                
                if (jQuery('#'+agreement2).is(':checked') && jQuery('#'+agreement).is(':checked'))
                    jQuery('#uploadfiles').removeClass('disabled');
            }
                
		    jQuery.each(files, function(i, file) {
			    var container = '<li id="'+ file.id +'"><span>' + file.name + ' (' + plupload.formatSize(file.size) + ')</span><a href="#" title="Remove">Remove</a></li>';
			    jQuery('#file-list').append(container).find('a').click(function(e) {
			        e.preventDefault();
			        uploader.removeFile(file);
			        jQuery(this).parent().remove();
			        if (uploader.files.length == 0) {
                        jQuery('#file-list li#info-text').show();
                        jQuery('#uploadfiles').addClass('disabled');
                    }
                    
                    if (uploader.total.uploaded == uploader.files.length) {
		                jQuery('#'+next_btn_id).attr('disabled','').removeClass('disabled');
		            }
                    
                    uploader.refresh();
			    });
		    });
		    
		    if (uploader.total.uploaded != uploader.files.length) {
		        jQuery('#'+next_btn_id).attr('disabled','disabled').addClass('disabled');
		    }
		    uploader.refresh();
	    });
    	
	    uploader.bind('UploadProgress', function(up, file) {
	        jQuery('#' + file.id + " span.counter").html(file.percent + "%");
	    });

	    uploader.bind('Error', function(up, err) {
		    jQuery('#file-list').append("<div>Error: " + err.code +
			    ", Message: " + err.message +
			    (err.file ? ", File: " + err.file.name : "") +
			    "</div>"
		    );
	    });

	    uploader.bind('FileUploaded', function(up, file, response) {
		    jQuery('#' + file.id).addClass("uploaded");
		    
		    if (uploader.total.uploaded == uploader.files.length) {
		        jQuery('#'+next_btn_id).attr('disabled','').removeClass('disabled');
		    }
		    var objResponse = JSON.parse(response.response);
		    if(objResponse.success){
                var oldValue = jQuery('#'+images_id).val();
                jQuery('#'+images_id).val(oldValue +";"+ objResponse.response.image);
                
                jQuery('#file-upload .success').html('Sucessfully uploaded ' + uploader.total.uploaded + ' files.');
                uploader.refresh();
                
                //jQuery('.disabled-form-overlay').remove();
	        }
	    });
	}
});