var lastopen = "";

function menuopensluit(d){
	if(document.getElementById(d).style.display == "none" || document.getElementById(d).style.display == ""){
		document.getElementById(d).style.display = "block";
	}else{
		document.getElementById(d).style.display = "none";
	}
	
	if(lastopen != "" && lastopen != d){
		document.getElementById(lastopen).style.display = "none";
	}
	lastopen = d;
}



function kleur( a ){
	document.getElementById(a + "kleur").style.display = "block";
	document.getElementById(a + "grijs").style.display = "none";
}

function grijs( a ){
	document.getElementById(a + "grijs").style.display = "block";
	document.getElementById(a + "kleur").style.display = "none";
}

function popUp(url) {
	props=window.open(url, 'poppage', 'toolbar=0, scrollbars=0, location=0, status=0, menubar=0, resizable=0, left = 0, top = 0, width=820, height=620');
}


    function showHideDiv(id)
    {
        var divstyle = new String();
        divstyle = document.getElementById(id).style.visibility;
        if(divstyle.toLowerCase()=="visible" || divstyle == "")
        {
            document.getElementById(id).style.visibility = "hidden";
        }
        else
        {
            document.getElementById(id).style.visibility = "visible";
        }}


/*
 * JTip
 * By Cody Lindley (http://www.codylindley.com)
 * Added support for image maps by Vincent Verbruggen (http://www.tse-web.be)
 * Under an Attribution, Share Alike License
 * JTip is built on top of the very light weight jquery library.
 */

//on page load (as soon as its ready) call JT_init
$(document).ready(JT_init);

function JT_init(){
	$(".jTip")
		.hover(function(){JT_show(this.href,this.id,$ga(this,'alt'))},function(){$('#JT').remove()})
		.click(function(){return false});	   
}

function JT_show(url,linkId,title){
	if(title==''||title==null)title=" ";
	var de = document.documentElement;
	var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var hasArea = w - getAbsoluteLeft(linkId);
	var clickElementy = getAbsoluteTop(linkId) - 3; //set y position
	
	var queryString = url.replace(/^[^\?]+\??/,'');
	var params = parseQuery( queryString );
	if(params['width'] === undefined){params['width'] = 250};
	if(params['link'] !== undefined){
	$('#' + linkId).bind('click',function(){window.location = params['link']});
	$('#' + linkId).css('cursor','pointer');
	}
	
	if(hasArea>((params['width']*1)+75)){
		$("body").append("<div id='JT' style='width:"+params['width']*1+"px'><div id='JT_arrow_left'></div><div id='JT_close_left'>"+title+"</div><div id='JT_copy'><div class='JT_loader'><div></div></div>");//right side
		var arrowOffset = getElementWidth(linkId) + 11;
		var clickElementx = getAbsoluteLeft(linkId) + arrowOffset; //set x position
	}else{
		$("body").append("<div id='JT' style='width:"+params['width']*1+"px'><div id='JT_arrow_right' style='left:"+((params['width']*1)+1)+"px'></div><div id='JT_close_right'>"+title+"</div><div id='JT_copy'><div class='JT_loader'><div></div></div>");//left side
		var clickElementx = getAbsoluteLeft(linkId) - ((params['width']*1) + 15); //set x position
	}
	
	$('#JT').css({left: clickElementx+"px", top: clickElementy+"px"});
	$('#JT').show();
	$('#JT_copy').load(url);

}

function getElementWidth(objectId) {
	o = $i(objectId);
	var w = o.offsetWidth;
	if(o.tagName=='AREA') {
		var coords = $ga(o,'coords').split(",");
		var x = 0;
		var dx = coords[0]*1;
		for(var i=0;i<coords.length;i+=2) {
			dx = (coords[i]*1<dx?coords[i]*1:dx);
			x = (coords[i]*1>x?coords[i]*1:x);
		}
		w = x-dx+1;
	}
	return w
}

function getAbsoluteLeft(objectId) {
	// Get an object left position from the upper left viewport corner
	o = $i(objectId)
	if(o.tagName=='AREA') {
		v = $i($ga(o.parentNode,'name'));
		oLeft = v.offsetLeft;
		while(v.offsetParent!=null) { // Parse the parent hierarchy up to the document element
			vParent = v.offsetParent  // Get parent object reference
			oLeft += vParent.offsetLeft // Add parent left position
			v = vParent
		}
		var coords = $ga(o,'coords').split(",");
		var x = coords[0]*1;
		for(var i=0;i<coords.length;i+=2) {
			x = (coords[i]*1<x?coords[i]*1:x);
		}
		oLeft += x+1;
	}
	else {
		oLeft=o.offsetLeft;				// Get left position from the parent object
		while(o.offsetParent!=null) {   // Parse the parent hierarchy up to the document element
			oParent = o.offsetParent    // Get parent object reference
			oLeft += oParent.offsetLeft // Add parent left position
			o = oParent
		}
	}
	return oLeft
}

function getAbsoluteTop(objectId) {
	// Get an object top position from the upper left viewport corner
	o = $i(objectId)
	var y=0;
	oTop = o.offsetTop;
	if(o.tagName=='AREA') {
		v = $i($ga(o.parentNode,'name'));
		oTop = v.offsetTop;
		while(v.offsetParent!=null) { // Parse the parent hierarchy up to the document element
			vParent = v.offsetParent  // Get parent object reference
			oTop += vParent.offsetTop // Add parent left position
			v = vParent
		}
		var coords = $ga(o,'coords').split(",");
		var dy = coords[1]*1;
		for(var i=1;i<coords.length;i+=2) {
			dy = (coords[i]*1<dy?coords[i]*1:dy);
			y = (coords[i]*1>y?coords[i]*1:y);
		}
		y = y-Math.floor((y-dy)/2)-7;
	}
	oTop += y;			          // Get top position from the parent object
	while(o.offsetParent!=null) { // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent  // Get parent object reference
		oTop += oParent.offsetTop // Add parent top position
		o = oParent
	}
	return oTop
}

function parseQuery ( query ) {
   var Params = new Object ();
   if ( ! query ) return Params; // return empty object
   var Pairs = query.split(/[;&]/);
   for ( var i = 0; i < Pairs.length; i++ ) {
      var KeyVal = Pairs[i].split('=');
      if ( ! KeyVal || KeyVal.length != 2 ) continue;
      var key = unescape( KeyVal[0] );
      var val = unescape( KeyVal[1] );
      val = val.replace(/\+/g, ' ');
      Params[key] = val;
   }
   return Params;
}

function blockEvents(evt) {
              if(evt.target){
              evt.preventDefault();
              }else{
              evt.returnValue = false;
              }
}

Xoffset=-60;    // modify these values to ...
Yoffset= 20;    // change the popup position.

var old,skn,iex=(document.all),yyy=-1000;

var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all

if (ns4)
skn=document.dek
else if (ns6)
skn=document.getElementById("dek").style
else if (ie4)
skn=document.all.dek.style
if(ns4)document.captureEvents(Event.MOUSEMOVE);
else{
skn.visibility="visible"
skn.display="none"
}
document.onmousemove=get_mouse;

function popup(msg,bak){
var content="<TABLE  WIDTH=250 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
"BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";
yyy=Yoffset;
 if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}
 if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''}
 if(ie4){document.all("dek").innerHTML=content;skn.display=''}
}

function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
skn.left=x+Xoffset;
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
skn.top=y+yyy;
}

function kill(){
yyy=-1000;
if(ns4){skn.visibility="hidden";}
else if (ns6||ie4)
skn.display="none"
}