$(document).ready(function() { 
	var datacontainer = $(".carousel_form_container");
	var waitcontainer = $(".carousel_form_wait");
	var progressbox = $("#carousel_form_progressbox");
	var progressbar = $("#carousel_form_progressbar");
	var statustxt = $("#carousel_form_statustxt");
	var submitbutton = $("#carousel_form_submit_button");
	var myform 	= $("#carousel_form");
	var output 	= $("#carousel_form_output");
	var completed = "0%";
	
	$(myform).ajaxForm({
		beforeSend: function() { //before sending form
			submitbutton.attr("disabled", "disabled"); // disable upload button
			submitbutton.css("opacity", "0.5");
			statustxt.empty();
			progressbox.show(); //show progressbar
			progressbar.width(completed); //initial value 0% of progressbar
			statustxt.html(completed); //set status text
			statustxt.css("color","#000"); //initial color of status text
		},
		
		uploadProgress: function(event, position, total, percentComplete) { //on progress
			progressbar.width(percentComplete + "%") //update progressbar percent complete
			statustxt.html(percentComplete + "%"); //update status text
			if(percentComplete>48) {
				statustxt.css("color","#fff"); //change status text to white after 50%
			}
		},
		
		complete: function(response) { // on complete
			output.html(response.responseText); //update element with received data
			output.fadeIn(1000);myform.resetForm();  // reset formsubmitbutton.css("opacity", "1.0");
			submitbutton.removeAttr("disabled"); //enable submit button
			progressbox.hide(); // hide progressbar
		}
	});
});