image1 = new Image();
image1.src = "img/home.gif";

image2 = new Image();
image2.src = "img/homeOver.gif";

image3 = new Image();
image3.src = "img/homeHover.gif";

image11 = new Image();
image11.src = "img/contact.gif";

image12 = new Image();
image12.src = "img/contactOver.gif";

image13 = new Image();
image13.src = "img/contactHover.gif";

image21 = new Image();
image21.src = "img/klantenservice.gif";

image32 = new Image();
image32.src = "img/klantenserviceOver.gif";

image33 = new Image();
image33.src = "img/klantenserviceHover.gif";

image41 = new Image();
image41.src = "img/diensten.gif";

image42 = new Image();
image42.src = "img/dienstenOver.gif";

image43 = new Image();
image43.src = "img/dienstenHover.gif";

//The menu buttons need a line at the bottom...

var menuArray = new Array("home", "diensten", "klantenservice", "contact");

var menuOver = new Array(image2.src, image42.src, image32.src, image12.src);
var menuHover = new Array(image3.src, image43.src, image33.src, image13.src);

function menuMOver(ownId, num) {
  $(menuArray[num]).src= menuOver[num];
  num++;
  while(num <= 3)
  {
    $(menuArray[num]).src= menuHover[num];
    num++;
  }
}

function menuMOut() {
  for(var i=0; i < menuArray.length; i++)
  {
    $(menuArray[i]).src='img/'+menuArray[i]+'.gif';
  }
}

function showDiv(uid) {
  $(uid).style.display = "block";
}

function hideDiv(uid) {
  $(uid).style.display = "none";
}

//function to position the subMenu's
function posMenu() {
	if (document.compatMode && document.compatMode != "BackCompat")
	   bodyWidth = document.documentElement.clientWidth;
	else
	   bodyWidth = document.body.clientWidth;
	
	sum = (bodyWidth - 1016) / 2;
	
	if(sum > 0) {
		$('dropmenu_diensten').style.left = (sum + 73)+'px';
		$('dropmenu_klantenservice').style.left = (sum + 155)+'px';
		//$('dropmenu_contact').style.left = (sum + 269)+'px';
	}
	else {
		$('dropmenu_diensten').style.left = '74px';
		$('dropmenu_klantenservice').style.left = '156px';
		//$('dropmenu_contact').style.left = '270px';
	}
}

window.onload = function () { menuMOver('home', 0); posMenu(); }
window.onresize = function () { posMenu(); }