var msie = false;

$(document).ready(function() {
	
	if(navigator.userAgent.indexOf("MSIE")>=0) msie = true;
	
	$("#start").hide();
	$("#proef").hide();
	
	initSoundManager();
	//soundEnabled = false;
	//enableButtons();
	
	$(document).pngFix();
	
	$("#back INPUT").click(function() {
		back();
	}).hover(function() {
		$(this).css("cursor", "pointer")
	}, function() {
		$(this).css("cursor", "default")
	});
	
	$("#verder INPUT").click(function() {
		next();
	}).hover(function() {
		$(this).css("cursor", "pointer")
	}, function() {
		$(this).css("cursor", "default")
	});
	
	$("#disclaimer").click(function() {
		$("#gebruiksvoorwaarden").dialog("open");
	}).css("cursor", "pointer");
	
	$("#lensmedia").click(function() {
		document.location.href = "http://www.lensmedia.nl";
	}).css("cursor", "pointer");
	
	$("#contact").click(function() {
		$("#formulier .error").html("");
		$("#formulier INPUT[name=naam]").val("");
		$("#formulier INPUT[name=email]").val("");
		$("#formulier INPUT[name=code]").val("");
		$("#formulier INPUT[name=telefoon]").val("");
		$("#formulier TEXTAREA[name=vraag]").val("");
		$("#formulier").dialog("open");
	}).css("cursor", "pointer");
	
	// Progressbar
	$("#progressbar").progressbar({
		value: 100,
		change: function(event, ui) {
			$("#progressbar-value").val(parseInt($(this).progressbar("option", "value")) + "%");
		}
	}).progressbar("disable");
	$("#progressbar").css({
		height: "10px"
	});				
	
	$("#reset").dialog({
		"buttons": {
			"Ja": function() {
				deinitEvents();
				//$("#tabs").tabs("select", 1);
				$("#tabs").data("disabled.tabs", []);
				$("#tabs").data("disabled.tabs", [2,3,4,5]);
				$(this).dialog("close");
			},
			"Nee": function() {
				$("#tabs").tabs("select", selected_tab);
				$(this).dialog("close");
			}
		},
		"close": function() {
			$("#tabs").tabs("select", selected_tab);
		},
		"autoOpen": false,
		"modal": true,
		"resizable": false,
		"width": 600,
		"height": 400
	});
	
	$("#gebruiksvoorwaarden").dialog({
		"buttons": {
			"OK": function() {
				$(this).dialog("close");
			}
		},
		"autoOpen": false,
		"modal": true,
		"resizable": false,
		"width": 600,
		"height": 400
	});
	
	$("#formulier").dialog({
		"buttons": {
			"Verzenden": function() {
				contact();
			},
			"Annuleren": function() {
				$(this).dialog("close");
			}
		},
		"autoOpen": false,
		"modal": true,
		"resizable": false,
		"width": 600,
		"height": 400
	});
	
	$("#ongeldig").dialog({
		"buttons": {
			"OK": function() {
				$(this).dialog("close");
			}
		},
		"autoOpen": false,
		"modal": true,
		"resizable": false,
		"width": 600,
		"height": 400
	});
	
	var selected_tab;
	
	$("#tabs").tabs({
		disabled: [2,3,4,5],
		select: function (event,ui) {
			if(soundEnabled) {
				if(sound) soundManager.destroySound(sound);
				soundManager.stopAll();
			}
			processPng();
			if(ui.index<=1 && $(this).tabs("option", "selected")>1) {
				selected_tab = $(this).tabs("option", "selected");
				$("#reset").dialog("open");
			}
		},
		selected: 1
	});
	
	$(".ui-tabs-nav").css("padding", "20px 0px 0px 2px");
	
});


function contact() {
	$.getJSON("../json/contact.php", {
										"naam": $("#formulier INPUT[name=naam]").val(),
										"email": $("#formulier INPUT[name=email]").val(),
										"code": $("#formulier INPUT[name=code]").val(),
										"telefoon": $("#formulier INPUT[name=telefoon]").val(),
										"vraag": $("#formulier TEXTAREA[name=vraag]").val()
								   }, function(data, textStatus) {
		if(data!=null && (data.result=="true" || data.result==true)) {
			$("#formulier").dialog("close");
		} else {
			$("#formulier .error").html("Je hebt niet alles (goed) ingevuld!");
		}
	});
}