// windows functions after page load ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
window.onload = function(e) {
	sfHover();
	setmainContent();
	setFooter();
} 
window.onresize = function() {
	setFooter();
	setmainContent();
}
// niet aanzetten
//if (window.attachEvent) window.attachEvent("onload", sfHover);
//retrieve style attribute value +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
function getStyle( element, cssRule )
{
  if( document.defaultView && document.defaultView.getComputedStyle )
  {
    var value = document.defaultView.getComputedStyle( element, '' ).getPropertyValue(cssRule);
  }
  else if ( element.currentStyle ) 
  var value = element.currentStyle[ cssRule ];
  else                             
  var value = false;
  return value;
}
// function hoofdnavigatie voor IE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
var sfHover = function() { 
                var sfEls = document.getElementById("hoofdnav").getElementsByTagName("li");
                for (var i=0; i<sfEls.length; i++) {
                               // onmouseover part+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
                               sfEls[i].onmouseover=function() {
                                               // spatie ivm met extra className 'selected'
                                               this.className+=" sfhover";
                                               //alert(this.className); 
                                               if (this.id)            
                                               {                              
                                                               //alert(this.lastsibling.nodeName);
                                                               realPreviousSibling(this,"on");  
                                                               // set backgroundcolor elementen hoofdnav
                                                               SetBackground(this);
                                               }                                             
                                               //als de status is selected in de hoofdnavigatie
                                               if (this.className.indexOf("selected") != -1)
                                                               {              
                                                               // alert("alert:"+this.className+".");
                                                               realPreviousSibling(this,"selected");     
                                                               // laatste item in de hoofdnav lijst geen divider
                                                               if (this.className.indexOf("last") != -1)
                                                               {
                                                                              document.getElementById(this.id).style.background = 'none';
                                                               }              
                                                               if (this.className.indexOf("selected") != -1)
                                                               {              
                                                                              SetBackground(this);
                                                                              realPreviousSibling(this,"selected"); 
                                                               }              
                                               }              
                                               if(document.all){
                                               		selectHide();     
                                               }                                             
                               }
                               //onmouseout part++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
                               sfEls[i].onmouseout=function() {
                                               if(document.all){
                                               		selectShow();
                                               }
                                               this.className=this.className.replace(new RegExp("sfhover\\b"), "");
                                               if (this.id)            
                                               {
												   				//alert("Mouse out met een id");
                                                               realPreviousSibling(this,"out");                
                                                               document.getElementById(this.id).style.background = "transparent url(/images/hoofdnav_divider.gif) no-repeat 100% 7px"; 
                                                               // als de status is selected in de hoofdnavigatie               
                                                               //irritant lijntje is nu opgelost ook voor firefox met de functie getNextSibling  
                                                               if( this.className.indexOf("last") == -1)
                                                               {
                                                                             // if (getNextSibling(this).className.indexOf("selected") != -1)
                                                                             // {
                                                                                              //document.getElementById(this.id).style.background = 'url(/images/spacer.gif) no-repeat 100% 7px';
                                                                             // }                              
                                                               } 
                                                               // laatste item in de hoofdnav lijst geen divider
                                                               if (this.className.indexOf("last") != -1)
                                                               {
                                                                              document.getElementById(this.id).style.background = 'none'; 
                                                               }              
                                                               if (this.className.indexOf("selected") != -1)
                                                               {              
                                                                              SetBackground(this);
                                                                              realPreviousSibling(this,"selected"); 
                                                               }
											   }
                               }
                               // laatste item in de hoofdnav lijst geen divider
                               if (sfEls[i].className == "last")
                               {
                                               document.getElementById(sfEls[i].id).style.background = 'none';
                               }
                               if (sfEls[i].className.indexOf("selected") != -1)
                               {                                                                             
                                               realPreviousSibling(sfEls[i],"selected");                                              
                               }                              
                }
} 

// change style properties for div id hoofdnav ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
function realPreviousSibling(node, status){ 
	if(node.id == "listitem_1"){
		// home button heeft geen tempNode.id : null		
		return false;
	} 
	var tempNode=node.previousSibling;	
 	while(tempNode.nodeType!=1){
 		tempNode=tempNode.previousSibling;
 	}		
		if (status == "on")
  		{
		//alert(tempNode.id);
	 	return document.getElementById(node.id).style.border = '3px solid #fff';
		}
	  	if (status == "out")
	  	{	  			
		return document.getElementById(node.id).style.border = 'none';		
	  	}		
		if (status == "selected")
	  	{		
		return document.getElementById(tempNode.id).style.background = 'url(/images/spacer.gif) no-repeat 100% 7px';	
	  	}	 
}
//open external links in new window ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
function externalLinks() {
 if (!document.getElementsByTagName) return;
 var anchors = document.getElementsByTagName("a");
 for (var i=0; i<anchors.length; i++) {
   var anchor = anchors[i];
   if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external")
     anchor.target = "_blank";
 }
}





/*	reset input values wanneer het de fieldset weer op display:none wordt gezet door een onclick event
anders worden de waarden wel verstuurd.
*/
function ResetInFieldset(name){
 	if(name){	
	var e = name.getElementsByTagName("input");
		for (i=0;i<e.length;i++)
		{
			if (e[i].type=="checkbox" || e[i].type=="radio" || e[i].type=="text")
			{
			e[i].checked = false;
			e[i].value = "";
			}
		}
	}
}

/* windowed element bug: select menu's verbergen */
function selectHide(){ 
	var IE7 = (navigator.appVersion.indexOf("MSIE 7.0") != -1)
	if(IE7) return false;
	/*
	selects = document.getElementById("content").document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "hidden";
	}
	*/
	return true;
}
function selectShow(){
	var IE7 = (navigator.appVersion.indexOf("MSIE 7.0") != -1)
	if(IE7) return false;
	/*
	if (document.getElementById("content").document.getElementsByTagName("select")) {
		selects = document.getElementById("content").document.getElementsByTagName("select");
		for (i = 0; i != selects.length; i++) {
			selects[i].style.visibility = "visible";
		}
	}
	*/
	return true;
} 
//====================== De laatste 3 submenus klappen open naar links;
function realignMenu() {
	var wid = document.body.offsetWidth;
	// set value width view port: 1124px
	if (wid < 1124) {
		// create class last 3 ul items hoofdnav		
		if(document.getElementById("listitem_10"))
		createStyleRule("listitem_10");		
		if(document.getElementById("listitem_9"))
		createStyleRule("listitem_9");
		if(document.getElementById("listitem_8"))
		createStyleRule("listitem_8"); 
	} else {
		// delete class last 3 ul items hoofdnav	
		if(document.getElementById("listitem_10"))	
		RemoveAttribute("listitem_10");		 
		if(document.getElementById("listitem_9"))
		RemoveAttribute("listitem_9"); 
		if(document.getElementById("listitem_8"))
		RemoveAttribute("listitem_8"); 
	}
} 
//====================== Function that creates styles dynamically before page is loaded
function createStyleRule(selector) {
	if (!document.getElementById(selector).getElementsByTagName("ul")[0]) return false;
   	var d = document.getElementById(selector).getElementsByTagName("ul")[0]; 
	// wanneer alleen een style attribuut wordt gebruikt voor IE: OK
	d.setAttribute("className", "pos_ul");
	d.setAttribute("class", "pos_ul");
	var d2 = document.getElementById(selector).getElementsByTagName("ul"); 
	// wanneer alleen een style attribuut wordt gebruikt voor IE: OK
	for (var i=1;i<d2.length;i++)
	{
	d2[i].setAttribute("className", "pos_ul_ul");
	d2[i].setAttribute("class", "pos_ul_ul");
	} 
} 
function RemoveAttribute(selector){
	if (!document.getElementById(selector).getElementsByTagName("ul")[0]) return false;
	var d = document.getElementById(selector).getElementsByTagName("ul")[0]; 
	if(d.className == "pos_ul")
	{
	d.removeAttribute("className");
	d.removeAttribute("class");
	}
	var d2 = document.getElementById(selector).getElementsByTagName("ul"); 
	// wanneer alleen een style attribuut wordt gebruikt voor IE: OK
	for (var i=1;i<d2.length;i++)
	{
	d2[i].removeAttribute("className");
	d2[i].removeAttribute("class");
	}
}