// Eerste deel is voor default.asp. Tweede deel is voor list scherm.

////////////////////////////////////
// DEEL 1 //////////////////////////
////////////////////////////////////

var verticaloffset_mainpage=-143 //vertical offset of tooltip from anchor link, if any
var horizontaloffset_mainpage=-31 //horizontal offset of tooltip from anchor link, if any
var bmainTumbTip = false

function displayballoontip_mainpage(obj, e){ //main ballooon tooltip function
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
if (typeof mainTumbTip!="undefined") //hide previous tumbpointer?
mainTumbTip.style.display="none";
if (typeof dropmenuobj!="undefined") //hide previous tooltip?
dropmenuobj.style.visibility="hidden"
clearhidemenu()
dropmenuobj=document.getElementById(obj.getAttribute("rel_mainpage"))
showhide(dropmenuobj.style, e)
dropmenuobj.x=getposOffset("mainpage", obj, "left")+horizontaloffset_mainpage
dropmenuobj.y=getposOffset("mainpage", obj, "top")+verticaloffset_mainpage
dropmenuobj.style.left=(dropmenuobj.x)+"px"
dropmenuobj.style.top=(dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight)+"px"
// Extra op het mainscherm. Toon pijltje naar vergroting.
mainTumbTip=document.getElementById('TumbPointer')
mainTumbTip.style.display="";
mainTumbTip.style.left=(dropmenuobj.x+41)+"px";
mainTumbTip.style.top=(dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+91)+"px";
mainTumbTip.style.position='absolute';
bmainTumbTip=true;
}

function reltoelement_mainpage(linkobj){ //tests if a link has "rel_mainpage" defined and it's the ID of an element on page
var relvalue=linkobj.getAttribute("rel_mainpage")
return (relvalue!=null && relvalue!="" && document.getElementById(relvalue)!=null && document.getElementById(relvalue).className=="balloonstyle")? true : false
}

function initalizetooltip_mainpage(){
var all_links=document.getElementsByTagName("a")
for (var i=0; i<all_links.length; i++){
if (reltoelement_mainpage(all_links[i])){ //if link has "rel_mainpage" defined and it's the ID of an element on page
all_links[i].onmouseover=function(e){
var evtobj=window.event? window.event : e
displayballoontip_mainpage(this, evtobj)
}
all_links[i].onmouseout=delayhidemenu
}
}
}

if (window.addEventListener)
window.addEventListener("load", initalizetooltip_mainpage, false)
else if (window.attachEvent)
window.attachEvent("onload", initalizetooltip_mainpage)
else if (document.getElementById)
window.onload=initalizetooltip_mainpage

////////////////////////////////////
// DEEL 2 //////////////////////////
////////////////////////////////////

var disappeardelay=250  //tooltip disappear delay (in miliseconds)
var verticaloffset=-2 //vertical offset of tooltip from anchor link, if any
var horizontaloffset=25 //horizontal offset of tooltip from anchor link, if any

/////No further editting needed

var ie=document.all
var ns6=document.getElementById&&!document.all

function getposOffset(call, what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
if(navigator.userAgent.indexOf('Chrome')!=-1)
{
	// Tijdelijke bug in Chrome 12! Ook nog aanwezig in Chrome 15, dus zal wel blijven...
	if(offsettype!="left" && call=="mainpage" && totaloffset<20) 
		totaloffset=27
	else if(offsettype!="left" && call!="mainpage" && totaloffset<10) 
		totaloffset=10	
}
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function showhide(obj, e){
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (e.type=="mouseover")
obj.visibility="visible"
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
if (whichedge=="rightedge"){
edgeoffsetx=-0
var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffsetx=dropmenuobj.contentmeasure-obj.offsetWidth
if (dropmenuobj.x-edgeoffsetx+dropmenuobj.contentmeasure>windowedge)
edgeoffsetx=dropmenuobj.x-windowedge+dropmenuobj.contentmeasure
return edgeoffsetx
}
else{
edgeoffsety=0
var topedge=ie && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure) //move up?
edgeoffsety=dropmenuobj.contentmeasure+obj.offsetHeight+(verticaloffset*2)
return edgeoffsety
}
}

function displayballoontip(obj, e){ //main ballooon tooltip function
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
if (typeof dropmenuobj!="undefined") //hide previous tooltip?
dropmenuobj.style.visibility="hidden"
clearhidemenu()
dropmenuobj=document.getElementById(obj.getAttribute("rel"))
showhide(dropmenuobj.style, e)
dropmenuobj.x=getposOffset("sub", obj, "left")+horizontaloffset
dropmenuobj.y=getposOffset("sub", obj, "top")+verticaloffset
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

function delayhidemenu(){
delayhide=setTimeout("dropmenuobj.style.visibility='hidden'; dropmenuobj.style.left=0; if (bmainTumbTip) mainTumbTip.style.display='none'",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

function reltoelement(linkobj){ //tests if a link has "rel" defined and it's the ID of an element on page
var relvalue=linkobj.getAttribute("rel")
return (relvalue!=null && relvalue!="" && document.getElementById(relvalue)!=null && document.getElementById(relvalue).className=="balloonstyle")? true : false
}

function initalizetooltip(){
var all_links=document.getElementsByTagName("a")
for (var i=0; i<all_links.length; i++){
if (reltoelement(all_links[i])){ //if link has "rel" defined and it's the ID of an element on page
all_links[i].onmouseover=function(e){
var evtobj=window.event? window.event : e
displayballoontip(this, evtobj)
}
all_links[i].onmouseout=delayhidemenu
}
}
}

if (window.addEventListener)
window.addEventListener("load", initalizetooltip, false)
else if (window.attachEvent)
window.attachEvent("onload", initalizetooltip)
else if (document.getElementById)
window.onload=initalizetooltip