window.onload = initmenus;

function initmenus(){
	for(var i=0;i<document.images.length;i++){
 		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);
 			setUpRollover2(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_knop&color=dpink&sub=1";
}

function setUpRolloverL(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_knop2&color=dpink&sub=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 ="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();}