// Algemeen

var imgMnuOff	= new Image();
var imgMnuOn	= new Image();

imgMnuOff.src	= "img/mnu_bullet_off";
imgMnuOn.src	= "img/mnu_bullet_on";

var timer;

function hide(mnuID) {
	var mnu = mnuID
	timer = setTimeout('hideSubMnu(' + mnu + ')', 0);
}

function hideafterpause(mnuID) {
	setTimeout('hideSubMnu(' + mnuID + ')', 1000);
}

var subMnuState = "off";

// Main menu functies

function mnuOnMouseover(mnuID) {
	clearTimeout(timer);
	showSubMnu(mnuID);
}

function mnuOnMouseout(mnuID) {
	var mnuDiv = document.getElementById('mnu' + mnuID)
	var mnuTxt	= document.getElementById('mnuTxt' + mnuID);
	mnuDiv.style.background="url(img/mnu_bullet_on.gif)";
	mnuDiv.style.backgroundRepeat="no-repeat";
	mnuDiv.style.backgroundPosition="center";
}

function mnuMouseover(mnuID) {
	var mnuDiv 	= document.getElementById('mnu' + mnuID);
	var obj		= document.getElementById('img' + mnuID);
	var mnuTxt	= document.getElementById('mnuTxt' + mnuID);
	
	mnuDiv.style.backgroundImage="url(img/mnu_bullet_on.gif)";	
	mnuDiv.style.backgroundRepeat="no-repeat";
	mnuDiv.style.backgroundPosition="center";
	
	subMnuState = "on";	
	clearTimeout(timer);
	mnuTxt.className = "mnuItemTextOn"
	showSubMnu(mnuID);
}

function mnuMouseout(mnuID) {
	var mnuDiv = document.getElementById('mnu' + mnuID)
	var mnuTxt	= document.getElementById('mnuTxt' + mnuID);
	
	mnuDiv.style.background="url(img/mnu_bullet_off.gif)";
	mnuDiv.style.backgroundRepeat="no-repeat";
	mnuDiv.style.backgroundPosition="center"
	
	subMnuState = "off";
	hide(mnuID);
//	setTimeout('hideSubMnu(' + mnuID + ')', 100);
	
	mnuTxt.className = "mnuItemText"
}

function open_win(url) 
{
	window.open(url,menubar=0,resizable=0,scrollbars=0)
}


function getElementsByClassName(className, tag, elm) {
	var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}

// Submenu

function showSubMnu(mnuID) {
	aSubMnus = getElementsByClassName("clsSubMnu", "div", null)
	for(i=1; i<=aSubMnus.length; i++)
	{
		var obj = aSubMnus[i - 1].style.visibility = "hidden";
	}
	
	var subMnu = document.getElementById('subMnu' + mnuID);
	var obj = eval("document.getElementById('img" + mnuID + "')");
	subMnu.style.left = fnFindLeftPos(obj) - 18;
	//subMnu.style.top = fnFindTopPos(obj);
	
	subMnu.style.visibility = "visible";
}

function hideSubMnu(mnuID) {	
	var subMnu = document.getElementById('subMnu' + mnuID);
	
	if(subMnuState = "off") {
		subMnu.style.visibility = "hidden";
	} else {
		subMnu.style.visibility = "visible";
	}
}

function subMnuBgOn(mnuID) {
	var subMnuItem = document.getElementById('divSubmnuItem' + mnuID);
	subMnuItem.style.background="#d1c05d";
}

function subMnuBgOff(mnuID) {
	var subMnuItem = document.getElementById('divSubmnuItem' + mnuID);
	subMnuItem.style.background="";
}

function fnFindLeftPos(obj) {
	var curleft = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
		}
	}
	return [curleft];
}

function fnFindTopPos(obj) {
	var curtop = 0;
	if (obj.offsetParent) {
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curtop += obj.offsetTop
		}
	}
	return [curtop];
}

// pop-up
function resizeWindow() {
	var img = document.getElementById("img");
	var imgWidth	= img.offsetWidth+40;
	var imgHeight	= img.offsetHeight+100;
	window.resizeTo(imgWidth, imgHeight);
	window.moveTo((self.screen.width/2)-(imgWidth/2), (self.screen.height/2)-(imgHeight/2));
}

function popUpFoto(URL) {
	var	W = 500;
	var H = 500;
	var L = (screen.width - W) / 2;
	var T = (screen.height - H) / 2;
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width='+W+',height='+H+',left ='+L+',top ='+T+'');");
}
