$().ajaxStop($.unblockUI);
$.blockUI.defaults.message = '<h1>Toimetan. Palun oodake.</h1>';
$.blockUI.defaults.fadeIn = 0;
$.blockUI.defaults.fadeOut = 0;
		function updateUploadForm() {
            $.blockUI();
			$('#upload_form').ajaxSubmit({
				url: '/upload_form/', 
				success: function(responseText, statusText) {
					$('#upload_form').html(responseText);
				}
			});
			/*Ext.fly('upload_form').load({
			   url: '/upload_form/',
			   form: 'upload_form'//
			});*/
		};
	
	function upload() {
        if ($("#id_image").val() == "") {
            alert("Palun valige üles laetav pilt");
            return;
        }
		showUploadProgress();
		/*var id = $('#X-Progress-ID').val();
		$('#upload_form').ajaxSubmit({
			url: '/upload/?X-Progress-ID=' + id,
			beforeSubmit: function(a,f,o) {
				showUploadProgress();
				var runner = Ext.TaskMgr.start({
					run: function(){
						var id = $('#X-Progress-ID').val();
						$.getJSON('/upload_progress/?X-Progress-ID=' + id, 
							function (data) {
								var uploaded = data['uploaded'];
								var length = data['length'];
								var percent = Math.round(100*uploaded/length);
								if (percent >= 100) {
									percent = 100;
									Ext.TaskMgr.stop(runner);
								}
								if (percent > 10) {
									setProgress(percent);
								} else {
									//$('#upload_progress_bar').html('');
								}
							}
						);
					},
					interval: 2500
				});
			},
			success: function(data) {
				if (data != '') {
					setProgress(100);
					window.location = window.location.protocol + "//" + window.location.host + data;
				}
			} 
		});*/
		return false;
	};
	
	function setProgress(percent) {
		var bar = $('#upload_progress_bar')
		var oldWidth = bar.width();
		var newWidth = (456 * percent)/100;
		var width = oldWidth;
		bar.animate( { width: newWidth + 'px'}, 500);//.html(percent + '%')
	};
		
		Ext.onReady(function() {
			var url = '/upload_form/';
			try {
				url += '?pic_id=' + pic_id;
			} catch (e) {
			}
			Ext.fly('upload_form').load({
				url: url,
				method: 'GET',
				success: function(response, opts) {					
				}
			});
			
			$('#upload_form').uploadProgress({
				jqueryPath: "/static/js/jquery-1.3.2.js",
				progressBar: '#upload_progress_bar',
				progressUrl: '/upload_progress',
				start: function() {
					//$("#upload_form").hide();
					filename = $("#id_image").val().split(/[\/\\]/).pop();
					//#$("#progress_filename").html('Uploading ' + filename + "...");
					//$("#progress_container").show();
					showUploadProgress();
				},
				uploadProgressPath: "/static/js/jquery.uploadProgress.js",
				uploading: function(upload) {
					if (upload.percents == 100) {
						window.clearTimeout(this.timer);
						//$("#progress_filename").html('Processing ' + filename + "...");
					} else {
						//$("#progress_filename").html('Uploading ' + filename + ': ' + upload.percents + '%');
					}
				},
				success: function() {
					alert('VALMA!');
				},
                error: function(upload) {
                    if (upload.status == 413) {
                        alert('Fail on üleslaadimiseks liiga suur.');
                        window.location = 'http://shop.artprint.ee';
                    }
                },
				interval: 1000
			});
			
		});
		
		function showPanel(id) {
			var ps = Ext.select('.options').setVisible(false);
			try {
				var c = Ext.fly('poster');
				var x = c.getX();
				var y = c.getY();
				Ext.fly(id).setLocation(x + 241, y);
			} catch (e) {
				var c = Ext.fly('order');
				var x = c.getX();
				var y = c.getY();
				Ext.fly(id).setLocation(x - 520, y);
			}
			Ext.fly(id).setVisible(true);
		};
		
		function hidePanel(id) {
			Ext.fly(id).setVisible(false);
		};

		function setOptionValue(id, value) {
			var element = document.getElementById(id);
			element.value = value;
			updateUploadForm();
		};
		
		function showUploadPanel() {
			Ext.fly('upload_panel').setVisible(true);
			Ext.fly('upload_inputs').setVisible(true);
			Ext.fly('upload_progress').setVisible(false);
		};
		
		function showUploadProgress() {
			Ext.fly('upload_inputs').setStyle('display', 'none');
			Ext.fly('upload_progress').setVisible(true);
		};