$(document).ready(function(){
	$('.doSubmit').addClass('hidden');
	$('.clearSubmit').addClass('hidden');
	$('.subButtonMessage').addClass('hidden');
	$('.subButtonFile').addClass('hidden');

	var button = $('#subButton'), interval;
	new AjaxUpload(button,{
		action: '/file/upload.cfm', 
		name: 'userfile',
		onSubmit : function(file, ext){		
			button.text('Uploading');
			if (ext && /^(jpg|png|jpeg|gif|tif|zip|sit|stuffit|octet-stream|psd|mspublisher|x-quark-express|quarkxpress|x-tiff|tiff|pdf|postscript|)$/.test(ext)){
					
			} else {
				$('<p></p>').appendTo($('.text')).text("Error: File Type Not allowed");
				$('.clearSubmit').removeClass('hidden');
				$('#subButton').addClass('hidden');
				$('.subButtonMessage').removeClass('hidden');
				
				$('div.clearSubmit').click(function() {
					$('.clearSubmit').addClass('hidden');	
					$('.text').addClass('hidden');
					$('#subButton').removeClass('hidden');
					button.text('Upload your file');
					$('.subButtonMessage').addClass('hidden');
				});
				// cancel upload
				return false;				
			} 
			
			//this.disable();
			
			interval = window.setInterval(function(){
				var text = button.text();
				if (text.length < 13){
					button.text(text + '.');					
				} else {
					button.text('Uploading');				
				}
			}, 200);
		},
		onComplete: function(file, response){
			button.text('Thanks!');	
			window.clearInterval(interval);
			this.disable();
			$('.subButtonFile').removeClass('hidden');
			$('<em></em>').appendTo($('.subButtonFile .file')).text(file);
			$('#subButton').addClass('hidden');
			$('.doSubmit').removeClass('hidden');
			$('#userFile').val(file);
			//$(".fileSet").html( "<cfset userFile=\"form." + file +"/>");							
		}
	});
		
});