var slideActive = false;
var prevClicked = false;

pic1 = new Image(); 
pic1.src = "../images/menu-zij-maken-over.jpg"; 
pic2 = new Image(); 
pic2.src = "../images/menu-zij-werken-hier-over.jpg"; 
pic3 = new Image(); 
pic3.src = "../images/menu-bereiken-over.jpg"; 
pic4 = new Image(); 
pic4.src = "../images/menu-vrienden-over.jpg"; 
pic5 = new Image(); 
pic5.src = "../images/menu-zij-zijn-over.jpg"; 
pic6 = new Image(); 
pic6.src = "../images/raster-custom.gif"; // pic6.src = "images/raster-geel.gif"; 
pic7 = new Image(); 
pic7.src = "../images/raster-custom.gif"; // pic7.src = "images/raster-bruin.gif"; 
pic8 = new Image(); 
pic8.src = "../images/raster-custom.gif"; // pic8.src = "images/raster-dblauw.gif"; 
pic9 = new Image(); 
pic9.src = "../images/raster-custom.gif";  // pic9.src = "images/raster-rood.gif"; 
pic10 = new Image(); 
pic10.src = "../images/raster-custom.gif"; // pic10.src = "images/raster-groen.gif"; 

var mnuImages = new Array();
mnuImages[1] = "menu-zij-zijn";
mnuImages[2] = "menu-zij-maken";
mnuImages[3] = "menu-zij-werken-hier";
mnuImages[4] = "menu-bereiken";
mnuImages[5] = "menu-vrienden";


function menu(menuitem)
{
	if (slideActive)
		return false;

	var img = "";
	var color = "";
	var mnu_img_over = mnuImages[menuitem] + "-over.jpg";
	var google = "";

	if (menuitem == 1)
	{
		img = "raster-custom.gif"; // img = "raster-bruin.gif";
		//document.getElementById('mnu1').src = "images/menu-zij-zijn-over.jpg";
		color = "#896632";
		google = "zij-zijn";
	}
	else if (menuitem == 2)
	{
		img = "raster-custom.gif"; // img = "raster-dblauw.gif";
		color = "#002a5c";
		google = "zij-maken";
	}
	else if (menuitem == 3)
	{
		img = "raster-custom.gif"; // img = "raster-groen.gif";
		color = "#5fc4b9";
		google = "zij-werken-hier";
	}
	else if (menuitem == 4)
	{
		img = "raster-custom.gif"; // img = "raster-rood.gif";
		color = "#bf2e1b";
		google = "zij-zijn-te-bereiken";
	}
	else if (menuitem == 5)
	{
		img = "raster-custom.gif"; // img = "raster-geel.gif";
		color = "#b9b309";
		google = "vrienden";
	}

	pageTracker._trackPageview('/virtual/' + google);

	if (prevClicked)
	{
		prev_img = mnuImages[prevClicked] + ".jpg";
		$('#mnu' + prevClicked).attr("src", 'images/' + prev_img);
	}

	prevClicked = menuitem;

	$('#zeefdruk').css('backgroundColor', color);
	//$('#zeefdruk').css('backgroundImage','url(images/'+img+')'); 	

	doIt(menuitem);
	slideActive = true;
}

function setContainers(menuitem)
{
	if (menuitem == 1)
	{
		$('#right').height(410); 
		$('#rightContent').height(380);
		$('#navigation').hide();
	}
	else if (menuitem == 2)
	{
		$('#right').height(475); 
		$('#navigation').css('margin-top', 40);
		$('#navigation').show();

		$('#leftArrow').hide();
		$('#rightArrow').hide();

		$('#rightContent').height(448); 
	}
	else if (menuitem == 3)
	{
		$('#right').height(475); 
		$('#navigation').hide();
	}
	else if (menuitem == 4)
	{
		$('#right').height(475); 
		$('#navigation').hide();
		$('#rightContent').height(445); 
	}
	else if (menuitem == 5)
	{
		$('#right').height(230); 
		$('#rightContent').height(200);
		//$('#navigation').css('margin-top', 30);
		$('#navigation').hide();
	}
}

/* ###################### */

function doIt(menuitem)
{
	var ua = navigator.userAgent.toLowerCase();

	var winWidth = $(window).width();
	var winHeight  = $(window).height();

	if (ua.indexOf('safari/') != -1)
		var correct = document.body.clientHeight - winHeight;
	else
		var correct = document.body.scrollHeight - winHeight;

	correct = correct * -1;
	
	$('.zeefdruk').css("bottom", (correct + 67)); // 69

	winWidth = 990;
	winHeight = winHeight - correct - 69 + 2;
	
	// check if body is decreased of scollbar
	if (orginal_width > parseInt($(document).width())) // body is smaller
	{
		newLeft = parseInt($('.zeefdruk').css("left")) - 8;
		$('.zeefdruk').css("left", newLeft);
	}
	else if (orginal_width < parseInt($(document).width()))
	{
		newLeft = parseInt($('.zeefdruk').css("left")) + 8;
		$('.zeefdruk').css("left", newLeft);	
	}
	orginal_width = $(document).width(); // override original

	$('.zeefdruk').animate({width: winWidth, height: winHeight},1500, function () { startWithDivs(menuitem) }); 
	setTimeout("$('.zeefdruk').animate({height: 0},\"1700\"); ", 1600);  // 850
	//setTimeout("$('.zeefdruk').hide();", 3000); // 1590
}

function createDiv(name)
{
	div = document.createElement('div');
	div.setAttribute('id', name);
	div.style.display = 'none';
	document.body.appendChild(div);
	delete div;
	xajax_test(name);
}

function mouseout(item)
{
	if (prevClicked != item)
		mnu_img = mnuImages[item] + ".jpg";
	else 
		mnu_img = mnuImages[item] + "-over.jpg";

	$('#mnu' + item).attr("src", 'images/' + mnu_img);
}


function hideContainers()
{
	$('#right').fadeOut('hide');
	$('#middle').fadeOut('hide');	
}

function showContainers()
{
	$('#right').fadeIn('slow');
	$('#middle').fadeIn('slow');
}

function r(url)
{
	location.href = url;
}


// #################################################### correctie container with middle

function correctContainer()
{
	var normal = 722;
	var discl_normal = 695;
	
	var cnt = document.getElementById("middle");
	var cont = document.getElementById("container");
	var total =  cnt.clientHeight + 223; // correctie voor boven + onder
	var nietOk = normal - total;
	var newContHeight = 0;

	if (nietOk < 0)
	{
		nietOk = nietOk * -1;
		newContHeight = nietOk + normal;
	}
	else
	{
		newContHeight = normal;
	}
	
	$('#container').animate({height: newContHeight},"slow");
	
	if (newContHeight > normal)
		discl_normal = discl_normal + (newContHeight - normal);

	$('#disclaimer').css("top", discl_normal + 'px');
}

function loadContent(menuitem)
{
	oLink = document.createElement("link")
	oLink.href = "../css/"+menuitem+".css";
	oLink.rel = "stylesheet";
	oLink.type = "text/css";
	document.body.appendChild(oLink);

	rc = document.getElementById('div'+menuitem+'-r').innerHTML;
	lc = document.getElementById('div'+menuitem+'-l').innerHTML;

	$('#middle').html(lc);
	$('#rightContent').html(rc);
	
	if (menuitem == 2)
		setTimeout('xajax_doFirstListAndPhoto(20);', 250);
	else if (menuitem == 5)
		setTimeout('xajax_doFirstListAndPhoto(23);', 250);
}


function doResize()
{
	var winWidth = $(window).width();
	var left = (winWidth - 990) / 2;
	$('.zeefdruk').css("left", left);
	$('#container').css("height", document.getElementById('middle').clientHeight + 170);

	//$('#disclaimer').css("top", document.getElementById('middle').clientHeight + 170);
	$('#disclaimer').css("right", left + 'px');
}

function startWithDivs(menuitem)
{
	hideContainers();
	setTimeout("showContainers();", 400);
	setTimeout("loadContent(" + menuitem + ");", 350);
	setTimeout("setContainers(" + menuitem + ");", 400);
	setTimeout("correctContainer();", 800);
}

// #################################################### load containers content

$(document).ready(function()
{
	setTimeout("createDiv('div1-l');", 500);
	setTimeout("createDiv('div1-r');", 600);
	setTimeout("createDiv('div2-l');", 700);
	setTimeout("createDiv('div2-r');", 800);
	setTimeout("createDiv('div3-l');", 900);
	setTimeout("createDiv('div3-r');", 1000);
	setTimeout("createDiv('div4-l');", 1100);
	setTimeout("createDiv('div4-r');", 1200);
	setTimeout("createDiv('div5-l');", 1300);
	setTimeout("createDiv('div5-r');", 1400);
});