//Pop-it menu- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
//This script was modified and customized for use by Peter Troon, http://www.troon.org/
//2004-01-08: Peter added support for Opera7

var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT

linkset[0]='<div class="menuitems"><a href="/web/ouderen/" target="_top" class="menulink">Ouderen</a></div>'
linkset[0]+='<div class="menuitems"><a href="/web/jongeren/" target="_top" class="menulink">Jongeren</a></div>'

linkset[1]='<div class="menuitems"><a href="/preken/" target="_top" class="menulink">Laatste Preek</a></div>'
linkset[1]+='<div class="menuitems"><a href="/preken/preek-1.html" target="_top" class="menulink">Vorige preek</a></div>'
linkset[1]+='<div class="menuitems"><a href="/preken/preek-2.html" target="_top" class="menulink">2 preken eerder</a></div>'
linkset[1]+='<div class="menuitems"><a href="/preken/preek-3.html" target="_top" class="menulink">3 preken eerder</a></div>'
linkset[1]+='<div class="menuitems"><a href="/preken/preek-4.html" target="_top" class="menulink">4 preken eerder</a></div>'
linkset[1]+='<div class="menuitems"><a href="/archief/preken.php" target="_top" class="menulink">Archief</a></div>'

linkset[2]='<div class="menuitems"><a href="/web/geschiedenis/welkom.html" target="_top" class="menulink">Welkom</a></div>'
linkset[2]+='<div class="menuitems"><a href="/kerk/" target="_top" class="menulink">De kerk</a></div>'
linkset[2]+='<div class="menuitems"><a href="/web/geschiedenis/inleiding.html" target="_top" class="menulink">Geschiedenis</a></div>'
linkset[2]+='<div class="menuitems"><a href="/kerk/list.php" target="_top" class="menulink">Foto\'s</a></div>'
linkset[2]+='<div class="menuitems"><a href="/kerk/schilderijen.html" target="_top" class="menulink">Schilderijen</a></div>'
linkset[2]+='<div class="menuitems"><a href="/kerk/contact.php" target="_top" class="menulink">Contact</a></div>'
linkset[2]+='<div class="menuitems"><a href="/kerk/colofon.html" target="_top" class="menulink">Colofon</a></div>'

linkset[3]='<div class="menuitems"><a href="/mededelingen/" target="_top" class="menulink">Mededelingen</a></div>'
linkset[3]+='<div class="menuitems"><a href="/web/artikelen/" target="_top" class="menulink">Artikelen</a></div>'
linkset[3]+='<div class="menuitems"><a href="/archief/artikelen.php" target="_top" class="menulink">Archief</a></div>'

linkset[4]='<div class="menuitems"><a href="/heilige/" target="_top" class="menulink">Heilige v/d Maand</a></div>'
linkset[4]+='<div class="menuitems"><a href="/archief/heiligen.php" target="_top" class="menulink">Archief</a></div>'


////No need to edit beyond here

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1;
var ns6=document.getElementById&&!document.all;
var ns4=document.layers;
var opera=window.opera?1:0;
var opera7=((navigator.userAgent.toLowerCase().indexOf('opera 7')>-1) || (navigator.userAgent.toLowerCase().indexOf('opera/7')>-1));
var operaOld=opera&&!opera7;
var linksetLength = linkset.length;
writeOperaMenu();

function writeOperaMenu() {
	if (opera7) {
		for (i = 0; i < linksetLength; i++) {
			document.write("<div id=\"operamenu"+i+"\" class=\"operajsmenu\" ");
			document.write("onmouseover=\"showmenu(event, linkset["+i+"],'hassub"+i+"');\"");
			document.write("onmouseout=\"hidemenu();\">"+linkset[i]+"</div>");
		}
	}
}

function findPosX(obj) {
	var curleft = 0;
	if (obj.offsetParent) {
		while (obj.offsetParent) {
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x) {
		curleft += obj.x;
	}
	return curleft;
}

function findPosY(obj) {
	var curtop = 0;
	if (obj.offsetParent) {
		while (obj.offsetParent) {
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

function showmenu(e, which, hassub){

if (!document.all&&!document.getElementById&&!document.layers)
return

clearhidemenu()
//alert(document.hassub0);

vertref=ie4? document.all[hassub] : ns6? document.getElementById(hassub) : ns4? "" : opera7? document.all[hassub] : ""
menuref=ie4? document.all.popupref : ns6? document.getElementById("popupref") : ns4? document.popupref : opera7? document.getElementById("popupref") : ""
menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""
menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj
menuref.thestyle=(ie4||ns6)? menuref.style : menuref

//alert('buh');

if (ie4||ns6)
menuobj.innerHTML=which
else{
	if (opera7) {
		hidemenu();
		var hassubLength = hassub.length;
		var hassubNo = hassub.substring(hassubLength-1,hassubLength);
		var opMenu = document.getElementById("operamenu"+hassubNo);
		opMenu.style.left = findPosX(menuref) + 170;
		opMenu.style.top = findPosY(vertref) + 10;
		opMenu.style.visibility='visible';
	}
	else {
		menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
		menuobj.document.close()
	}
}

menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
eventX=ie4? event.clientX : ns6? e.clientX : e.x
eventY=ie4? event.clientY : ns6? e.clientY : e.y

//Find out how close the mouse is to the corner of the window
var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY


//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
else {
//position the horizontal position of the menu where the mouse was clicked
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX
//alert('uitlijnen '+menuobj.thestyle.left);
if (!document.layers) {
	menuobj.thestyle.left = findPosX(menuref) + 171;
}
}

//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
else {
menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY
if (!document.layers) {
	menuobj.thestyle.top = findPosY(vertref) + 10;
}
}
menuobj.thestyle.visibility="visible"
return false
}

function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function hidemenu(){
if (window.menuobj) {
menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide";
}
else {
	if (opera7) {
		for (i=0;i<linksetLength;i++) {
			opMenu = document.getElementById("operamenu"+i);
			opMenu.style.visibility='hidden';
		}
	}
}
}

function dynamichide(e){
if (ie4&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}

function delayhidemenu(){
if (ie4||ns6||ns4||opera7)
delayhide=setTimeout("hidemenu()",500)
}

function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}

function highlightmenu(e,state){
if (document.all)
source_el=event.srcElement
else if (document.getElementById)
source_el=e.target
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
else{
while(source_el.id!="popmenu"){
source_el=document.getElementById? source_el.parentNode : source_el.parentElement
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
}
}
}

if (ie4||ns6)
document.onclick=hidemenu