var activeSub=0;
var SubNum=0;

function reDo(){ window.location.reload() }

window.onresize = reDo;

//Define global variables
var mID = new Array() // id's of the menus
mID[1] = "menu-informatie"
mID[2] = "menu-zwanger"
mID[3] = "menu-wiezijnwij"

var timerID = null;
var timerOn = false;
var timecount = 300;
var bname = "none";
var newbrowser = true;
var check = false;
//Menu offsets
var EIdx=0; //Bowser dependent offset
var EIdy=0; //Bowser dependent offset

function initmenu(){
	if(navigator.appName.indexOf("Netscape") != -1){
		if (navigator.userAgent.indexOf("Mozilla/2.0") != -1) {bname = "Ns2";}
		else {
			if (navigator.userAgent.indexOf("Mozilla/3.0") != -1) {bname = "Ns3";}
			else {
				if (navigator.userAgent.indexOf("Mozilla/4.0") != -1) {bname = "Ns4";}
				else {
					if (navigator.userAgent.indexOf("Firefox") != -1) {bname = "Ns6";	}
				}
			}
		}
	}
	else {  // Not netscape.
		if(navigator.userAgent.indexOf("MSIE") != -1)
			EIdx=0; EIdy= 21;
			if (navigator.userAgent.indexOf("Mozilla/4.0") != -1) {
				bname = "Ie" + parseFloat(navigator.userAgent.match(/MSIE[ ](\d\.\d+)\.*/i)[1]);
			}
	}
	//Browser dependent layer reference
	if(document.getElementById){layerRef="1";}
	else if(document.all){layerRef="2";}
	
	check = true;
	//alert ("Browser = "+bname+"\n\nlayerRef = "+layerRef)
	add_menulayers();
}

//Add menu layers to HTML page
function add_menulayers() {
	var m = new Array()
	var str =""
	//Menu 1
	m[1]= "naamkeuze.htm,Naamkeuze"
	m[2]= "aangifte.htm,Aangifte"
	m[3]= "moeders_voor_moeders.htm,Moeders voor Moeders"
	m[4]= "erfelijkheid.htm,Erfelijkheid"
	m[5]= "verzekeringen.htm,Verzekeringen"
	m[6]= "werk_en_verlof.htm,Werk & Verlof"
	m[7]= "borst_en_flesvoeding.htm,Borst- en flesvoeding"
	m[8]= "gezond_zwanger.htm,Gezond zwanger"
	m[9]= "kraampakket.htm,Kraampakket"
	m[10]= "babyuitzet.htm,Babyuitzet"
	m[11]= "overige_links.htm,Overig en Links"
	str += appendMenu(m,11,mID[1]);

  //Menu 2
	m[1]= "zwanger_en_dan.htm,Zwanger en dan"
	m[2]= "de_bevalling.htm,De Bevalling"
	m[3]= "het_kraambed.htm,Na de bevalling"
	str += appendMenu(m,3,mID[2]);

  //Menu 3
	m[1]= "annemieke.htm,Annemieke"
	m[2]= "ingrid.htm,Ingrid"
	m[3]= "mirjam.htm,Mirjam"
	m[4]= "mary.htm,Mary"
	m[5]= "wilma.htm,Wilma"
	str += appendMenu(m,5,mID[3]);

	//alert(str)
	//Write to html page
	document.getElementById("menulayers").innerHTML=str;
}

function appendMenu (m,length,ID) {
	var txt ="";
	var hlp
	for (i=1; i<=length; i++) {
		hlp = m[i].split(",")
		txt+= '<a onMouseOver="stopTime(this);" onMouseOut="startTime(this);" class="menuitem" href="'+hlp[0]+'">'+hlp[1]+'</a><br />\n'
	}
	//Make html content
	var content ='<table class="menuTable" cellpadding="0" cellspacing="0" border="0"><tr><td class="lefttop"><img src="images/s.gif" width="6px"/></td><td class="bordertop"><img src="images/s.gif" width="6px"/></td><td class="righttop"><img src="images/s.gif" width="6px"></td></tr><tr><td class="borderleft"><img src="images/s.gif" width="6px"></td><td class="contentpanel">'
	content += '<div id="tipcontent">' + txt + '</div>';
	content += '</td><td class="borderright"><img src="images/s.gif" width="6px"></td></tr><tr><td class="leftbottom"><img src="images/s.gif" width="6px"></td><td class="borderbottom"><img src="images/s.gif" width="6px"></td><td class="rightbottom"><img src="images/s.gif" width="6px"></td></tr></table>'
	
	//Place in Back layer to prevents forms from showing through tooltip
	var zi;
	var frame = '<div id="'+ID+'" style="position: absolute; top: 0; left: 0; z-index: ' + zi + ';filter=alpha(opacity=90);opacity:0.90;">' + content + '</div>';
	return frame
}


//Get x-y position of element
function getPosition(elem){
	var x = elem.offsetLeft;
	var y = elem.offsetTop;
	while(elem.offsetParent){
		x += elem.offsetParent.offsetLeft;
		y += elem.offsetParent.offsetTop;
		if(elem==document.getElementsByTagName('body')[0]){
			break
		}
		else{
			elem = elem.offsetParent;
		}
	}
	return [x,y]
}

// Turns the layers on and off
function showLayer(elem,layerName, menuXoffset,menuYoffset ){
	hideAll(); 
	var x = getPosition(elem)[0] + menuXoffset + EIdx;
	var y = getPosition(elem)[1] + menuYoffset + EIdy;
	//alert(layerName+"\n"+menuXoffset+" , "+menuYoffset+"\n"+x+" , "+y)
	if(check){
  	if (bname =="none"){
			return;
		}
		else if (layerRef == "1"){
			elem = document.getElementById(layerName);
			elem.style.visibility = "visible";
			elem.style.left= x + "px";
			elem.style.top= y + "px";
		}
		else{
			eval(document+ "." + layerName + ".visibility='show'");
			eval(document+ "." + layerName + ".left='"+ x + "px'");
			eval(document+ "." + layerName + ".top='"+ y + "px'");
		}
	}
 	else {// alert ("Please wait for the page to finish loading.");
		return;
	}
}


function hideLayer(layerName){
	if(check){
		if (bname =="none"){
			return;
		}
		else if (layerRef == "1"){
			document.getElementById(layerName).style.visibility="hidden";
		}
		else{
			eval(document+ "." + layerName + ".visibility='hidden'");
		}
	}
	else {// alert ("Please wait for the page to finish loading.");
		return;
	}
}


function hideAll(){
	for (i=1;i<mID.length;i++){
		hideLayer(mID[i]);
	}
}


function startTime(elem) {
	elem.style.color = "#ffffff";
	if (timerOn == false) {
		timerID=setTimeout( "hideAll()" , timecount);
		timerOn = true;
	}
}


function stopTime(elem) {
	elem.style.color = "#ffb96d";
	if (timerOn) {
		clearTimeout(timerID);
		timerID = null;
		timerOn = false;
	}
}

function onLoad(){
	init();
}