//These arrays will be used to store the current desired state of each navigationelement
var lsarrFieldID = new Array();
var lsarrFieldStatus = new Array();
var lsCurrentNode, i, loNavRoot;

//Create the start-function
startList = function() {

	//Toggle the current category
	switch(document.body.id) {
		case "onzeLeningen":
			lsCurrentNode = "NavLeningen";
			break;
		case "doorlopendKrediet":
			lsCurrentNode = "NavLeningen";
			break;
		case "persoonlijkeLening":
			lsCurrentNode = "NavLeningen";
			break;
		case "voordeelkrediet":
			lsCurrentNode = "NavLeningen";
			break;
		case "voordeelkrediet":
			lsCurrentNode = "NavLeningen";
			break;
		case "hypotheken":
			lsCurrentNode = "NavLeningen";
			break;
		case "berekenen":
			lsCurrentNode = "NavBerekenen";
			break;
		case "maandlasten":
			lsCurrentNode = "NavBerekenen";
			break;
		case "maxlenen":
			lsCurrentNode = "NavBerekenen";
			break;
		case "besparing":
			lsCurrentNode = "NavBerekenen";
			break;
		case "overOns":
			lsCurrentNode = "NavOverOns";
			break;
		case "veelgesteldeVragen":
			lsCurrentNode = "NavOverOns";
			break;
		case "contact":
			lsCurrentNode = "NavOverOns";
			break;
		case "vacatures":
			lsCurrentNode = "NavOverOns";
			break;
		case "commercials":
			lsCurrentNode = "NavOverOns";
			break;
		default:
			lsCurrentNode = "";
	}

	//Get the navigationHTML as DOM-object
	loNavRoot = document.getElementById("nav");
	
	//Walk through all childnodes of the navigationHTML
	for (i=0; i<loNavRoot.childNodes.length; i++) {
	
		//If the current nodetype is a listitem
		node = loNavRoot.childNodes[i];
		if (node.nodeName=="LI" && node.id != "") {
			
			//Add current item to array (will be used for storing the current desired status)
			lsarrFieldID[lsarrFieldID.length] = node.id;
			lsarrFieldStatus[lsarrFieldStatus.length] = "disabled";
						
			//Create a function and attach it to the mouseover-event of the current element
			node.onmouseover= function() {
				//Set status
				for (i=0;i<lsarrFieldID.length;i++) {
					if (lsarrFieldID[i]==this.id) {
						lsarrFieldStatus[i]="enabled";
						break;
					}
				}
				setTimeout("toggle()", 300);
			}

			//Create a function and attach it to the mouseout-event of the current element
			node.onmouseout=function() {
				//Set status
				for (i=0;i<lsarrFieldID.length;i++) {
					if (lsarrFieldID[i]==this.id){
						lsarrFieldStatus[i]="disabled";
						break;
					}
				}
				setTimeout("toggle()", 300);
			}
		}
	}
	toggle();
}

function toggle() {

	var loObj;
	var lbAllClosed = true;
	
	//Loop through all navigation-items.
	for (i=0;i<lsarrFieldID.length;i++) {
		//Get current navigation-item.
		loObj = document.getElementById(lsarrFieldID[i])
		
		if (lsarrFieldStatus[i]=="enabled") { //If current navigation-item should be visible, expand it.
			lbAllClosed = false; //A node is opened, switch this boolean so the 'defaultNode' will not be expanded.
			expand(loObj);
		}
		else { //Else retract
			retract(loObj);
		}
	}
	
	//Get the 'currentNode' (e.g. on the 'berekenen'-page the 'bereken'-tab is the 'currentNode' (this node should be expanded when no other nodes are expanded).
	loObj = document.getElementById(lsCurrentNode)
	
	if (loObj) { //If 'currentNode' exists (homepage does not have a 'currentNode').
		if (lbAllClosed == true) { //If all nodes are closed...
			expand(loObj);
		}
		else { //If a node is already expanded...
			if (loObj.id != lsCurrentNode) { //Only retract the 'currentNode' when this node is not already expanded by the code above...
				retract(loObj);
			}
		}
	}
}

function expand(aoObj) {
	//Check if the current object already has a class 'over' attached, if not, add.
	if (aoObj.className.indexOf(" over") == -1) {
		aoObj.className+=" over";
	}
	//Check if the first childNode of current object already has a Hover-class instead of a normal one (default class is '<className>', when this function is called, the class is '<className>Hover)'.
	if (aoObj.childNodes[0].className.indexOf("Hover") == -1) {
		aoObj.childNodes[0].className += "Hover";
	}
}

function retract(aoObj) {
	//Remove the 'over' class from current object.
	aoObj.className=aoObj.className.replace(" over", "");
	//Remove the 'Hover' addition from the class of the childNode of the current object.
	aoObj.childNodes[0].className=aoObj.childNodes[0].className.replace("Hover", "");
}

//Dynamically add the start-function to the pageload event (using our own dsbwebclient to prevent conflicts with other js-functionality)
goGENFUNC.addCustomEvent(window,"load",startList);