var FILE_CHANGED_CHECK_TIMER_INTERVAL = 100;

var lastSelectedFile = "";

$(document).ready(function() {

	// Initialize tabs
	$("#tabs").tabs();

	// Initialize accordion
	$("#tipsBlock-accordion").accordion({
		active: 1,
		header: "h3",
		autoHeight: false
	});

	// Add upload message
	$("body").append('<div id="imageUploadMessageWrapper"><div id="imageUploadMessageContainer"><div id="imageUploadMessage"><div></div><b>Een momentje geduld alsjeblieft, jouw foto wordt nu ingeladen. S.V.P. niet meer klikken.</b><br />Grote foto\'s duren iets langer, dus hoe langer je wacht...hoe mooier jouw kaart!</div></div></div>');
	$.blockUI.defaults.css = {};

	$("#imageUploadButton").click(ajaxFileUpload);

	setInterval("checkFileCnahged()", FILE_CHANGED_CHECK_TIMER_INTERVAL);

});

function checkFileCnahged() {
	var currentSelectedFile = $("#imageUploadInput-file").val();
	if (currentSelectedFile != lastSelectedFile) {
		lastSelectedFile = currentSelectedFile;
		fileChanged(currentSelectedFile);
	}
}

function fileChanged(file) {
	$("#imageUploadInput-fileName").html(file.split('\\').reverse()[0].split('/').reverse()[0]);
	$("#imageUploadButton").removeClass("disabled");
}

function ajaxFileUpload() {
	if(!$("#imageUploadButton").hasClass('disabled')) {
		$("#loading")
		.ajaxStart(function(){
			$(this).show();
			$("#uploadError").empty();
			// Block mouse events and show message
			var $imageUploadPanel = $("#imageUploadPanel");
			var $imageUploadMessageWrapper = $("#imageUploadMessageWrapper");
			var imageUploadPanelOffset = $imageUploadPanel.offset();
			$.blockUI({
				css: {
					top: (imageUploadPanelOffset.top + ($imageUploadPanel.outerHeight() - $imageUploadMessageWrapper.outerHeight()) / 2) + "px",
					cursor: "wait"
				},
				overlayCSS:  { 
					backgroundColor: 'transparent', 
					opacity: 0.0 
				},
				message: $("#imageUploadMessageWrapper")
			});
		})
		.ajaxComplete(function(){
			// Unblock mouse events
			$.unblockUI();
			$(this).hide();
		});

		$.ajaxFileUpload
		(
			{
				url:'/gallery/uploadphoto/ajaxfileupload.php',
				secureuri:false,
				fileElementId:'imageUploadInput-file',
				dataType: 'json',
				success: function (data, status)
				{
					if(typeof(data.error) != 'undefined')
					{
						if(data.error != '')
						{
							$("#uploadError").append(data.error);
							$("#imageUploadButton").addClass("disabled");
						}else
						{
							//alert(data.msg);
							//$("#uploadSuccess").append(data.msg);
							if(data.msg != '') {
								document.location.href = '/index.php?module=choiceformat';
							}	
						}
					}
				},
				error: function (data, status, e)
				{
					alert(e);
					//$("#uploadError").append(data.error);
				}
			}
		)
		
		return false;
	} 	

}