var objActiveSubMenu=null

function InitPage()
{
	// Init fixed content to work in Mozilla as well as IE
	var objContentDiv = document.getElementById("content");
	if(objContentDiv)
	{
		if(!document.all)
		{
			objContentDiv.style.backgroundAttachment = "scroll";
		}
	}
	else
	{
		window.alert("Error: Could not find content layer.");
	}
	
	// Init headers to be transparent and have dropshadow
	InitHeaders();
	// Init Menu buttons and submenus
	InitMenu();
	// Init Links
	InitLinks();
}

function InitHeaders()
{
	var arrHeaders = document.getElementsByTagName("h1");
	var objParent = null;
	var objNextSibling = null;
	var strHeaderText = "";
	
	for(i=0;i<arrHeaders.length;i++)
	{
		objParent = arrHeaders[i].parentNode;
		strHeaderText = arrHeaders[i].innerHTML;

		var objNewDiv = document.createElement('div');
		objNewDiv.innerHTML = strHeaderText;
		objNewDiv.className = "h1textshadow";
		objParent.insertBefore(objNewDiv, arrHeaders[i]);

		var objNewDiv = document.createElement('div');
		objNewDiv.innerHTML = strHeaderText;
		objNewDiv.className = "h1text";
		objParent.insertBefore(objNewDiv, arrHeaders[i]);

		var objNewDiv = document.createElement('div');
		objNewDiv.innerHTML = "&nbsp;";
		objNewDiv.className = "h1";
		objParent.insertBefore(objNewDiv, arrHeaders[i]);

		arrHeaders[i].style.display="none";
	}
}

function ShowSubMenu(objEvent)
{
	var objElement = objEvent.srcElement ? objEvent.srcElement : objEvent.target;
	var isSubMenu, isSubMenuLink=false;
	var	objSubMenu;
	
	if(objElement.tagName)
	{
		if(objElement.tagName=="A")
		{
			isSubMenuLink = (objElement.id.indexOf("submenu")>-1);
			objElement = objElement.parentNode;
		}
	}
	
	isSubMenu = (objElement.id.indexOf("submenu")>-1);
	objSubMenu= document.getElementById("submenu"+objElement.id);
	
	if(objActiveSubMenu && !isSubMenu && !isSubMenuLink)
	{
		if(objSubMenu)
		{
			if(objActiveSubMenu.id!=objSubMenu.id)
			{
				objActiveSubMenu.style.visibility = "hidden";	
				objActiveSubMenu = null;
			}
		}
		else
		{
			objActiveSubMenu.style.visibility = "hidden";	
			objActiveSubMenu = null;
		}
	}
	
	if(objSubMenu)
	{
		objSubMenu.style.visibility = "visible";
		objActiveSubMenu = objSubMenu
	}
}

function LeaveSubMenu(objEvent)
{
	var objSubMenu = objEvent.srcElement ? objEvent.srcElement : objEvent.target;

	if(objSubMenu.tagName!="DIV")
	{
		objSubMenu = objSubMenu.parentNode;
	}
	
		var objTarget = (objEvent.relatedTarget) ? objEvent.relatedTarget : objEvent.toElement;
		
		if(objTarget)
		{
			if(objTarget.tagName!="A")
			{
				objSubMenu.style.visibility = "hidden";
			}
		}
	
}

function HideSubMenu(objEvent)
{
	var objMenu = objEvent.srcElement ? objEvent.srcElement : objEvent.target;
	var objTarget = (objEvent.relatedTarget) ? objEvent.relatedTarget : objEvent.toElement;
	
	if(objTarget)
	{
		if(objTarget.id.indexOf("menu")==-1)
		{
			if(objActiveSubMenu) {objActiveSubMenu.style.visibility = "hidden";}
		}
	}
}


function AttachEvent(objTarget, strEvent, objEventHandler)
{
	if(window.addEventListener){ // Mozilla, Netscape, Firefox
		objTarget.addEventListener(strEvent, objEventHandler, false);
	} 
	else 
	{ // IE
		objTarget.attachEvent("on"+strEvent, objEventHandler);
	}
}

function InitMenu()
{
	var objMenu = document.getElementById("menu")
	var arrButtonHeight = new Array(25,22,22,24,22,22,24,22,22,24);
	var arrMenu = new Array()
	var isMenuItem=false, hasChildren=false;
	
	function AddMenuItem(arrMenuItem, arrSubMenu)
	{
		arrMenu[arrMenu.length] = new Array(arrMenuItem, arrSubMenu);
	}
	
	AddMenuItem(Array("MARKETING 4U","index.aspx"), new Array(Array("BELACTIES","belacties.aspx"), Array("HUISSTIJL","huisstijl.aspx"), Array("MEETBAARHEID","meetbaar.aspx"), Array("WEBDESIGN","website.aspx"), Array("TEKSTEN","teksten.aspx"), Array("NIEUWSBRIEF","nieuwsbrief.aspx")));
	AddMenuItem(Array("HIGHLIGHTS 4U","index.aspx"), new Array(Array("RENDEMENT","rendement.aspx"), Array("MEETBAARHEID","meetbaar.aspx"), Array("FULL SERVICE","fullservice.aspx")));
	AddMenuItem(Array("NIEUWS","nieuws.aspx"), new Array(Array("NIEUWS","nieuws.aspx"), Array("ARCHIEF","archief.aspx")));
	AddMenuItem(Array("INHETCENTRUM.NL","inhetcentrum.aspx"), new Array());
	AddMenuItem(Array("AANBIEDINGEN","startpakket.aspx"), new Array(Array("STARTPAKKET","startpakket.aspx")));
	AddMenuItem(Array("VACATURES","vacatures.aspx"), new Array());
	//AddMenuItem(Array("MARKETING PROFILE","index.aspx"), new Array(Array("UW BEDRIJF","uwbedrijf.aspx")));
	//AddMenuItem(Array("DOWNLOAD","index.aspx"), new Array(Array("AANVRAAGFOLRMULIEREN","aanvraagformulieren.aspx")));
	AddMenuItem(Array("LINKS","links.aspx"), new Array());
	AddMenuItem(Array("FAQ","faq.aspx"), new Array());
	//AddMenuItem(Array("SITEMAP","index.aspx"), new Array());

	if(objMenu)
	{
		for(i=0;i<arrMenu.length;i++)
		{
			isMenuItem = (arrMenu[i]);
			hasChildren = (arrMenu[i][1].length>0);
			var objNewDiv = document.createElement('div');
			objNewDiv.className = "menubutton";
			objNewDiv.name = "blaat";
			objNewDiv.setAttribute("id",i);
			objNewDiv.style.background = "url('images/bg_button_"+(i+1)+".gif') top left no-repeat";
			objNewDiv.style.height = (arrButtonHeight[i]-5) + "px";
			AttachEvent(objNewDiv, "mouseover", ShowSubMenu);
			AttachEvent(objNewDiv, "mouseout", HideSubMenu);
			if(isMenuItem)
			{
				objNewDiv.innerHTML = "<a class='menu' href='" + arrMenu[i][0][1] +"'>"+arrMenu[i][0][0]+"</a>"
			}
			else
			{	
				objNewDiv.innerHTML = "&nbsp;"
			}
			objNewDiv.style.height = arrButtonHeight[i]+"px";
			
			if(isMenuItem && hasChildren)
			{
				var objSubMenuDiv = document.createElement('div');
				objSubMenuDiv.setAttribute("id", "submenu"+i);
				objSubMenuDiv.className = "submenu";
				for(j=0;j<arrMenu[i][1].length;j++)
				{
					objSubMenuDiv.innerHTML += "<a class='submenuitem' id='submenu' href='"+ arrMenu[i][1][j][1] +"'>&gt;&nbsp;"+arrMenu[i][1][j][0] + "</a>";
				}
				AttachEvent(objSubMenuDiv, "mouseout", LeaveSubMenu);
				objNewDiv.appendChild(objSubMenuDiv);
			}
			objMenu.appendChild(objNewDiv);
			
		}
	}
}

function FocusLink(objEvent)
{
	var objLink = objEvent.srcElement ? objEvent.srcElement : objEvent.target;
	
	if(objLink)
	{
		if(objLink.focus) objLink.blur();
	}
}

function InitLinks()
{
	var arrLinks = document.getElementsByTagName("A");
	
	for(i=0;i<arrLinks.length;i++)
	{
		AttachEvent(arrLinks[i], "focus", FocusLink );
	}
}