var isIE,isNS
var beginX,beginY;
var pos=12
var posY=0;
var engaged=false;
var top=130;
var left=150;
var DisplayTime;
var TimerID;

DisplayTime=0;

beginX=0;
beginY=0;

isIE=false;
isNS=false;

//get browser data...
if(navigator.appName=="Microsoft Internet Explorer") {
	isIE=true;
	document.onmouseup=hidemenu;
	document.onmousemove=starttime;
}
//if the browser is netscape then capture the mouse-events...
if(navigator.appName=="Netscape") {
	isNS=true;
	document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN | Event.MOUSEUP)
	document.onmouseup=hidemenu;
	document.onmousemove=starttime;
}

//hide the menu
function hidemenu() {
	if(isIE) {
		menu.style.visibility="hidden";
	}
	if(isNS) {
		document.layers["menu"].visibility = "hidden";
	}
}

function starttime() {
	clearTimeout(TimerID);
	TimerID=setTimeout("hidemenu()",1500);
}

//display's the menu
function showmenu() {
	if(isIE) {
		//move the menu
		menu.style.left = left;
		menu.style.top = top;
		//then make the menu visible
		menu.style.visibility="visible";
	}
	if(isNS) {
		//move the menu
		document.layers["menu"].left = left;
		document.layers["menu"].top = top;
		//then make the menu visible
		document.layers["menu"].visibility = "visible";
	}
	starttime();
}

//changemenuoptions
function changemenu(aLeft) {
	var header,footer;
	
	left=aLeft;
	
	hidemenu();	
	header="<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#314B9D\"><tr><td><table cellspacing=\"1\" cellpadding=\"0\" border=\"0\" bgcolor=\"#314B9D\"><tr><td bgcolor=\"#FFFFFF\"><nobr>";
	footer="</nobr></td></tr></table></td></tr></table>";
	content="";
	
	for(var x=1;x<arguments.length;x+=2) {
		content+="&nbsp;<a href=\"" + arguments[x+1] + "\" class=\"menuoption\">" + arguments[x] + "</a>&nbsp;<br>";
	}
	if(isIE) {
		menu.innerHTML=header + content + footer;
	}
	if(isNS) {
		document.layers["menu"].document.write(header + content + footer);
		document.layers["menu"].document.close();
	}
	showmenu();
}

function togglemymenu(aObjectNumber) {
	if(document.all('menubg' + aObjectNumber).style.backgroundColor=='#ffffff') {
		document.all('menubg' + aObjectNumber).style.backgroundColor='#314B9D';
		document.all('menuitem' + aObjectNumber).style.color='#ffffff';
	} else {
		document.all('menubg' + aObjectNumber).style.backgroundColor='#ffffff';
		document.all('menuitem' + aObjectNumber).style.color='#314B9D';
		switch(aObjectNumber) {
			case 2:	changemenu(265,'Bestuur','/overvictoria/bestuur.php','Technische staf','/overvictoria/staf.php','Clubgebouw','/overvictoria/clubgebouw.php','Contact','/overvictoria/contact.php');
					break;
			case 3:	changemenu(353,'Fanfare','/secties/fanfare.php','Drumband','/secties/drumband.php','Majorettes','/secties/majorettes.php','Blaaskapel','/secties/blaaskapel/');
					break;
			case 5:	changemenu(449,'Aanmelden','/donateurs/aanmelden.php');
					break;
			case 8:	changemenu(648,'Adressen van leden','/leden/adressen.php','Optredens','/leden/optredens.php','Nieuwsbrief','/leden/nieuwsbrief.php');
					break;
			default : hidemenu();
		}
		
	}
}
function togglebutton(aObjectName) {
	if(document.all('bg' + aObjectName).style.backgroundColor=='#ffffff') {
		document.all('bg' + aObjectName).style.backgroundColor='#314B9D';
		document.all('item' + aObjectName).style.color='#ffffff';
	} else {
		document.all('bg' + aObjectName).style.backgroundColor='#ffffff';
		document.all('item' + aObjectName).style.color='#314B9D';
	}
}

function writemenu(aObjectNumber,aName,aLink) {
	switch(aObjectNumber) {
		case 0: aWidth=54;
				break;
		case 1: aWidth=48;
				break;
		case 2: aWidth=83;
				break;
		case 3: aWidth=49;
				break;
		case 4: aWidth=37;
				break;
		case 5: aWidth=67;
				break;
		case 6: aWidth=76;
				break;
		case 7: aWidth=41;
				break;
		case 8: aWidth=42;
				break;
	}
	document.write('<td width=\"' + aWidth + '\"><table cellspacing=\"1\" cellpadding=\"3\" border=\"0\" bgcolor=\"#314B9D\"><tr><td onmouseover=\"togglemymeny(' + aObjectNumber + ')\" onmouseout=\"togglemymeny(' + aObjectNumber + ')\" style=\"background-color : #314B9D;\" id=\"menubg' + aObjectNumber + '\" class=\"menuitem\"><a href=\"' + aLink + '\" id=\"menuitem' + aObjectNumber + '\">' + aName + '</a></td></tr></table></td>');
}