//Document event handlers
//***********************************
if (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) >= 3){
	document.onmouseover = doOver;
	document.onmouseout  = doOut;
	document.onmousedown = doDown;
	document.onmouseup   = doUp;
}



//Netscape resize fix
//*********************************** oud
//function reDo(){ window.location.reload() }
//window.onresize = reDo;
//*********************************** nieuw
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);


//IE5 right click menu
//***********************************
//set the skin of the menu (0 or 1, with 1 rendering a default Windows menu like skin)

//Grey Ice : overige functies in /include/layout/footer.asp
var menuskin=1


//set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar
var display_url=0


function showmenuie5(){
//Find out how close the mouse is to the corner of the window
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<ie5menu.offsetWidth)
//move the horizontal position of the menu to the left by it's width
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
//position the horizontal position of the menu where the mouse was clicked
ie5menu.style.left=document.body.scrollLeft+event.clientX

//same concept with the vertical position
if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY

ie5menu.style.visibility="visible"
return false
}

function hidemenuie5(){
ie5menu.style.visibility="hidden"
}

function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}

function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}

function jumptoie5(){
if (event.srcElement.className=="menuitems"){
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
else
window.location=event.srcElement.url
}
}


//Coolbuttons
//***********************************
///////////////////////////////////////////////////////////////////////
//     This Button Script was designed by Erik Arvidsson for WebFX   //
//                                                                   //
//     For more info and examples see: http://webfx.eae.net/         //
//     or send mail to erik@eae.net                                  //
//                                                                   //
//     Feel free to use this code as lomg as this disclaimer is      //
//     intact.                                                       //
///////////////////////////////////////////////////////////////////////


function doOver() {
	var toEl = getReal(window.event.toElement, "className", "coolButton");
	var fromEl = getReal(window.event.fromElement, "className", "coolButton");
	if (toEl == fromEl) return;
	var el = toEl;
	
//	alert(el);
	
//	var cDisabled = el.getAttribute("cDisabled");
	var cDisabled = el.cDisabled;
//	alert(cDisabled);
	cDisabled = (cDisabled != null); // If CDISABLED atribute is present
	
	if (el.className == "menubutton")
		el.onselectstart = new Function("return false");
	
	if ((el.className == "menubutton") && !cDisabled) {
		makeRaised(el);
		makeGray(el,false);
	}
	if ((el.className == "startmenu") && !cDisabled) {
		el.style.backgroundColor = "#FFCE26";
	}
	if ((el.className == "menu") && !cDisabled) {
		el.className = "menuover"; 
	}
	if ((el.className == "linksMenu") && !cDisabled) {
		el.style.backgroundColor = "#C6EFEF";
	}
}

function doOut() {
	var toEl = getReal(window.event.toElement, "className", "coolButton");
	var fromEl = getReal(window.event.fromElement, "className", "coolButton");
	if (toEl == fromEl) return;
	var el = fromEl;

//	var cDisabled = el.getAttribute("cDisabled");
	var cDisabled = el.cDisabled;
	cDisabled = (cDisabled != null); // If CDISABLED atribute is present

	var cToggle = el.cToggle;
	toggle_disabled = (cToggle != null); // If CTOGGLE atribute is present

	if (cToggle && el.value) {
		makePressed(el);
		makeGray(el,true);
	}
	else if ((el.className == "menubutton") && !cDisabled) {
		makeFlat(el);
		makeGray(el,true);
	}
	if ((el.className == "startmenu") && !cDisabled) {
		el.style.backgroundColor = "";
	}
	if ((el.className == "menuover") && !cDisabled) {
		el.className = "menu";
	}
	if ((el.className == "linksMenu") && !cDisabled) {
		el.style.backgroundColor = "";
	}
}

function doDown() {
	el = getReal(window.event.srcElement, "className", "coolButton");
	
	var cDisabled = el.cDisabled;
	cDisabled = (cDisabled != null); // If CDISABLED atribute is present
	
	if ((el.className == "coolButton") && !cDisabled) {
		makePressed(el)
	}
}

function doUp() {
	el = getReal(window.event.srcElement, "className", "coolButton");
	
	var cDisabled = el.cDisabled;
	cDisabled = (cDisabled != null); // If CDISABLED atribute is present
	
	if ((el.className == "coolButton") && !cDisabled) {
		makeRaised(el);
	}
}


function getReal(el, type, value) {
	temp = el;
	while ((temp != null) && (temp.tagName != "BODY")) {
		if (eval("temp." + type) == value) {
			el = temp;
			return el;
		}
		temp = temp.parentElement;
	}
	return el;
}

function findChildren(el, type, value) {
	var children = el.children;
	var tmp = new Array();
	var j=0;
	
	for (var i=0; i<children.length; i++) {
		if (eval("children[i]." + type + "==\"" + value + "\"")) {
			tmp[tmp.length] = children[i];
		}
		tmp = tmp.concat(findChildren(children[i], type, value));
	}
	
	return tmp;
}

function disable(el) {

	if (document.readyState != "complete") {
		window.setTimeout("disable(" + el.id + ")", 100);	// If document not finished rendered try later.
		return;
	}
	
	var cDisabled = el.cDisabled;
	
	cDisabled = (cDisabled != null); // If CDISABLED atribute is present

	if (!cDisabled) {
		el.cDisabled = true;
		
		el.innerHTML = '<span style="background: buttonshadow; width: 100%; height: 100%; text-align: center;">' +
						'<span style="filter:Mask(Color=buttonface) DropShadow(Color=buttonhighlight, OffX=1, OffY=1, Positive=0); height: 100%; width: 100%%; text-align: center;">' +
						el.innerHTML +
						'</span>' +
						'</span>';

		if (el.onclick != null) {
			el.cDisabled_onclick = el.onclick;
			el.onclick = null;
		}
	}
}

function enable(el) {
	var cDisabled = el.cDisabled;
	
	cDisabled = (cDisabled != null); // If CDISABLED atribute is present
	
	if (cDisabled) {
		el.cDisabled = null;
		el.innerHTML = el.children[0].children[0].innerHTML;

		if (el.cDisabled_onclick != null) {
			el.onclick = el.cDisabled_onclick;
			el.cDisabled_onclick = null;
		}
	}
}

function addToggle(el) {
	var cDisabled = el.cDisabled;
	
	cDisabled = (cDisabled != null); // If CDISABLED atribute is present
	
	var cToggle = el.cToggle;
	
	cToggle = (cToggle != null); // If CTOGGLE atribute is present

	if (!cToggle && !cDisabled) {
		el.cToggle = true;
		
		if (el.value == null)
			el.value = 0;		// Start as not pressed down
		
		if (el.onclick != null)
			el.cToggle_onclick = el.onclick;	// Backup the onclick
		else 
			el.cToggle_onclick = "";

		el.onclick = new Function("toggle(" + el.id +"); " + el.id + ".cToggle_onclick();");
	}
}

function removeToggle(el) {
	var cDisabled = el.cDisabled;
	
	cDisabled = (cDisabled != null); // If CDISABLED atribute is present
	
	var cToggle = el.cToggle;
	
	cToggle = (cToggle != null); // If CTOGGLE atribute is present
	
	if (cToggle && !cDisabled) {
		el.cToggle = null;

		if (el.value) {
			toggle(el);
		}

		makeFlat(el);
		
		if (el.cToggle_onclick != null) {
			el.onclick = el.cToggle_onclick;
			el.cToggle_onclick = null;
		}
	}
}

function toggle(el) {
	el.value = !el.value;
	
	if (el.value)
		el.style.background = "URL(/images/tileback.gif)";
	else
		el.style.backgroundImage = "";

//	doOut(el);	
}


function makeFlat(el) {
	with (el.style) {
		background = "";
		border = "0px solid buttonface";
		padding      = "1px";
	}
}

function makeRaised(el) {
	with (el.style) {
		borderLeft   = "1px solid buttonhighlight";
		borderRight  = "1px solid buttonshadow";
		borderTop    = "1px solid buttonhighlight";
		borderBottom = "1px solid buttonshadow";
		padding      = "1px";
	}
}

function makePressed(el) {
	with (el.style) {
		borderLeft   = "1px solid buttonshadow";
		borderRight  = "1px solid buttonhighlight";
		borderTop    = "1px solid buttonshadow";
		borderBottom = "1px solid buttonhighlight";
		paddingTop    = "2px";
		paddingLeft   = "2px";
		paddingBottom = "0px";
		paddingRight  = "0px";
	}
}

function makeGray(el,b) {
	var filtval;
	
	if (b)
		filtval = "gray()";
	else
		filtval = "";

	var imgs = findChildren(el, "tagName", "IMG");
		
	for (var i=0; i<imgs.length; i++) {
		imgs[i].style.filter = filtval;
	}

}
	


//DHTML layer functies
//***********************************

//-- start init
bName = navigator.appName;             
bVer = parseInt(navigator.appVersion);
if  (bName == "Netscape" && bVer >= 4) ver = "n4";
else if (bName == "Netscape" && bVer == 3) ver = "n3";
else if (bName == "Netscape" && bVer == 2) ver = "n2";
else if (bName == "Microsoft Internet Explorer" && bVer == 2) ver = "e3";
else if (bName == "Microsoft Internet Explorer" && bVer >= 3) ver = "e4";

if (ver=='n4') {
						layerRef="document.layers";
						styleSwitch="";
						visibleVar="show";
						widthClipSwitch=".clip.right";
						heightClipSwitch=".clip.bottom";
}
if (ver=='e4'){
						layerRef="document.all";
						styleSwitch=".style";
						visibleVar="visible";
						widthClipSwitch=".posWidth";
						heightClipSwitch=".posHeight";
}

function move_left(which,start,finish,step,speed){
		if (start <= finish)
		  {
		  eval(layerRef + '["' + which +'"]' + styleSwitch + '.left = start');
		  if (eval(layerRef + '["' + which +'text"]')) eval(layerRef + '["' + which +'text"]' + styleSwitch + '.left = start');
		  start=start+step;
		  setTimeout("move_left('"+which+"',"+start+","+finish+","+step+","+speed+")",speed);
		  }
}

function move_right(which,start,finish,step,speed){
		if (start >= finish)
		  {
		  eval(layerRef + '["' + which +'"]' + styleSwitch + '.left = start');
		  if (eval(layerRef + '["' + which +'text"]')) eval(layerRef + '["' + which +'text"]' + styleSwitch + '.left = start');
		  start=start-step;
		  setTimeout("move_right('"+which+"',"+start+","+finish+","+step+","+speed+")",speed);
		  }
}

function move_up(which,start,finish,step,speed){
		if (start >= finish)
		  {
		  eval(layerRef + '["' + which +'"]' + styleSwitch + '.top = start');
		  if (eval(layerRef + '["' + which +'text"]')) eval(layerRef + '["' + which +'text"]' + styleSwitch + '.top = start');
		  start=start-step;
		  setTimeout("move_up('"+which+"',"+start+","+finish+","+step+","+speed+")",speed);
		  }
}

function move_down(which,start,finish,step,speed){
		if (start <= finish)
		  {
		  eval(layerRef + '["' + which +'"]' + styleSwitch + '.top = start');
		  if (eval(layerRef + '["' + which +'text"]')) eval(layerRef + '["' + which +'text"]' + styleSwitch + '.top = start');
		  start=start+step;
		  setTimeout("move_down('"+which+"',"+start+","+finish+","+step+","+speed+")",speed);
		  }
}

//-- pulldown menu functions

function showHideLayer(layerName,wipe){
	if (eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility == visibleVar')){
		hideLayer(layerName);
	}else{
		showLayer(layerName);
		if (wipe)runWipeDown(layerName);

	}
}

	function showLayer(layerName){
	eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
}

function hideLayer(layerName){
	eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
}

	function showLayerAtPos(layerName,top_pos,left_pos){
			eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top='+top_pos);
			eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left='+left_pos);
			showLayer(layerName);
	}

	function changeLayerContent(targetlayer,tekst) {
		if (ver=='n4')
			{
			 eval(layerRef + '["'+targetlayer+'"].document.write("'+tekst+'")');
			 eval(layerRef + '["'+targetlayer+'"].document.close()');
			}
		if (ver=='e4')
			{
			eval(layerRef + '["'+targetlayer+'"].innerHTML="'+tekst+'"');
			}
  }