$().ajaxStop($.unblockUI);
$.blockUI.defaults.message = '<h1>' + gettext('Toimetan. Palun oodake.') + '</h1>';
$.blockUI.defaults.fadeIn = 0;
$.blockUI.defaults.fadeOut = 0;

var fileNotSelectedText = gettext('Palun valige üles laetav pilt');

function updateUploadForm() {
    $.blockUI();
	$('#upload_form').ajaxSubmit({
		url: '/upload_form/', 
		success: function(responseText, statusText) {
			$('#upload_form').html(responseText);
		}
	});
};
	
function upload() {
    if ($("#id_image").val() == "") {
        alert(fileNotSelectedText);
        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) {
	}
	
	try {
		if (disableAutoLoad == true) {};
	}
	catch (err) {
		
		if (!Ext.fly('upload_form'))
			return;
		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://www.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 + 241, 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);
};