//Javascript Website Acoe


//Snelheid waarin de elementen infaden
var s = 400;

//Als het document geladen wordt
$(document).ready(function()
{	
	//Testen of de animatie al is afgespeeld
	if ($.cookie('animatie') != '1') {

	//Items onzichtbaar maken
	$("#header_left_item1").hide();
	$("#nav1_container_item2").hide();
	$("#header_right_item3").hide();
	$("#nav2_container_item4").hide();
	$("#content_item5").hide();
	$("#dot").hide();
	$("#title").hide();
	
	
	//Eerste element laten infaden, als dit klaar is functie om het tweede element te laten infaden aanroepen
	$("#header_left_item1").fadeIn(s, function() {toonElementTwee(); });
	
	//Animatie is afgespeeld
	$.cookie('animatie', '1');
	}
});



function toonElementTwee() 
{
	$("#nav1_container_item2").fadeIn(s, function() {toonElementDrie(); });
}

function toonElementDrie() 
{
	$("#header_right_item3").fadeIn(s, function() {toonElementVier(); });
}

function toonElementVier() 
{
	$("#dot").fadeIn(s);
	$("#nav2_container_item4").fadeIn(s, function() {toonElementVijf(); });
}

function toonElementVijf() 
{
	$("#title").fadeIn(s, function() {toonElementZes(); });
}

function toonElementZes() 
{
	$("#content_item5").fadeIn(s);
}