window.onload = initmenus;

function initmenus(){
	for(var i=1; i<8; i++){
		var buttonName="menu"+i;
		var submenu="submenu"+i;
		var linkObj=document.getElementById(buttonName);
		var menuObj=document.getElementById(submenu);
		setupShowmenu(linkObj,menuObj);
	}
	for(var i=0;i<document.images.length;i++){
 		if(document.images[i].name=="subimg"){
 			var menuName = document.images[i].id;
 			var imgObj = document.images[i];
 			var parentID = document.images[i].parentNode.id;
 			var linkObj = document.getElementById(parentID);
 			setUpRollover(menuName,imgObj,linkObj);
 		}
 		if(document.images[i].name=="subimg_L"){
 			var menuName = document.images[i].id;
 			var imgObj = document.images[i];
 			var parentID = document.images[i].parentNode.id;
 			var linkObj = document.getElementById(parentID);
 			setUpRollover2(menuName,imgObj,linkObj);
 		}
 		if(document.images[i].name=="w_menu"){
 			var menuName = document.images[i].id;
 			var imgObj = document.images[i];
 			var parentID = document.images[i].parentNode.id;
 			var linkObj = document.getElementById(parentID);
 			setUpRollover3(menuName,imgObj,linkObj);
 		}
 		if(document.images[i].name=="bestel"){
 			var menuName = document.images[i].id;
 			var imgObj = document.images[i];
 			var parentID = document.images[i].parentNode.id;
 			var linkObj = document.getElementById(parentID);
 			setUpRollover4(menuName,imgObj,linkObj);
 		}
 		if(document.images[i].name=="meer"){
 			var menuName = document.images[i].id;
 			var imgObj = document.images[i];
 			var parentID = document.images[i].parentNode.id;
 			var linkObj = document.getElementById(parentID);
 			setUpRollover5(menuName,imgObj,linkObj);
 		}
 		if(document.images[i].name=="uw_bestelling"){
 			var menuName = document.images[i].id;
 			var imgObj = document.images[i];
 			var parentID = document.images[i].parentNode.id;
 			var linkObj = document.getElementById(parentID);
 			setUpRollover6(menuName,imgObj,linkObj);
 		}
 		if(document.images[i].name=="roll_over"){
 			var menuName = document.images[i].id;
 			var imgObj = document.images[i];
 			var parentID = document.images[i].parentNode.id;
 			var linkObj = document.getElementById(parentID);
 			setUpRollover7(menuName,imgObj,linkObj);
 		}
	}
}

function setupShowmenu(thisLink,ThisMenu){
	thisLink.menuTochange = ThisMenu;
	thisLink.onmouseover = showmenu;
	thisLink.onmouseout = hidemenu;
	ThisMenu.menuTochange = ThisMenu;
	ThisMenu.onmouseover = showmenu;
	ThisMenu.onmouseout = hidemenu;
}

function setUpRollover(thisMenu,thisImage,thisLink){
	thisLink.imgToChange = thisImage;
	thisLink.onmouseout = rollOut;
	thisLink.onmouseover = rollOver;
	
	thisLink.outImage = new Image();
	thisLink.outImage.src = thisImage.src;
	
	thisLink.overImage = new Image();
	thisLink.overImage.src ="menu_button.php?text="+thisMenu+"&button=sub_menu_button_over&over=1";
}

function setUpRollover2(thisMenu,thisImage,thisLink){
	thisLink.imgToChange = thisImage;
	thisLink.onmouseout = rollOut;
	thisLink.onmouseover = rollOver;
	
	thisLink.outImage = new Image();
	thisLink.outImage.src = thisImage.src;
	
	thisLink.overImage = new Image();
	thisLink.overImage.src ="menu_button.php?text="+thisMenu+"&button=sub_menu_button_L_over&over=1";
}

function setUpRollover3(thisMenu,thisImage,thisLink){
	thisLink.imgToChange = thisImage;
	thisLink.onmouseout = rollOut;
	thisLink.onmouseover = rollOver;
	
	thisLink.outImage = new Image();
	thisLink.outImage.src = thisImage.src;
	
	thisLink.overImage = new Image();
	thisLink.overImage.src ="winkel_menu_button.php?text="+thisMenu+"&color=red";
}

function setUpRollover4(thisMenu,thisImage,thisLink){
	thisLink.imgToChange = thisImage;
	thisLink.onmouseout = rollOut;
	thisLink.onmouseover = rollOver;
	
	thisLink.outImage = new Image();
	thisLink.outImage.src = thisImage.src;
	
	thisLink.overImage = new Image();
	thisLink.overImage.src ="images/bestel_over.png";
}

function setUpRollover5(thisMenu,thisImage,thisLink){
	thisLink.imgToChange = thisImage;
	thisLink.onmouseout = rollOut;
	thisLink.onmouseover = rollOver;
	
	thisLink.outImage = new Image();
	thisLink.outImage.src = thisImage.src;
	
	thisLink.overImage = new Image();
	thisLink.overImage.src ="images/meer_over.png";
}

function setUpRollover6(thisMenu,thisImage,thisLink){
	thisLink.imgToChange = thisImage;
	thisLink.onmouseout = rollOut;
	thisLink.onmouseover = rollOver;
	
	thisLink.outImage = new Image();
	thisLink.outImage.src = thisImage.src;
	
	thisLink.overImage = new Image();
	thisLink.overImage.src ="images/uw_bestelling_over.png";
}

function setUpRollover7(thisMenu,thisImage,thisLink){
	thisLink.imgToChange = thisImage;
	thisLink.onmouseout = rollOut;
	thisLink.onmouseover = rollOver;
	
	thisLink.outImage = new Image();
	thisLink.outImage.src = thisImage.src;
	
	thisLink.overImage = new Image();
	thisLink.overImage.src ="images/"+thisMenu+"_over.png";
}

function showmenu(){
	this.menuTochange.style.visibility="visible";
}
function hidemenu(){
	this.menuTochange.style.visibility="hidden";
}
function rollOver(){
	this.imgToChange.src = this.overImage.src;
}
function rollOut(){
	this.imgToChange.src = this.outImage.src;
}
function submitform(naam){document.forms[naam].submit();}