// JavaScript Document
document.errormessage = Array('<img src="images/forgot.png" />','<img src="images/tooyoung.png" />');

$(function(){
		$("body").css({background:'url(images/big_canvas.jpg) center center no-repeat'});
})

function checkAge()
{
	var data = $("#form_agecheck").serialize();
	var url = 'backend/agechecker.php';
	$("#submit").css({'visibility':'hidden'});
	$.ajax({
		type: 'GET',
		url: url,
		data : 'json=Y&'+data,
		dataType: "json",
		success: function(json) {
			if (json.success)
			{
				document.lang = $("#select_lang").val();
				playOutro();
				
			}else {
				$("#submit").css({'visibility':'visible'});
				$("#warningDiv").html(document.errormessage[json.error]).css({background: '#F46E25',opacity : 0}).animate({opacity : 1});
									$("#form_agecheck").animate({opacity : 0.3});
				clearTimeout(document.ageTimeout);
				document.ageTimeout = setTimeout(function(){ 
					$("#warningDiv").animate({opacity : 0});
					$("#form_agecheck").animate({opacity : 1});
				},5000);
			}
		},
		error: function(json) {
			$("#submit").css({'visibility':'visible'});
			alert("Er is iets foutgegaan ("+json+")");
		}	
	}); //close $.ajax
}

function gotoLocation(){
	$("body").fadeOut(1000,function(){
		document.location.href = 'main.php?lang='+document.lang;
	});
}


function playOutro() {
	$("body").click(gotoLocation);
	$("#agecheck").fadeOut(500,function(){
		$(this).html('').addClass('thehat');
		$("#bottle").css({'visibility':'visible'}).hide().fadeIn(500,function(){
			$(".black-radial").fadeOut(500,function(){$(this).css({'background-image': 'none'}).show();});
			$("#agecheck").fadeIn(2000);
			setTimeout(gotoLocation,6000);
		});
		
	})


}