function prepareMenu() {
// Eerst testen of de browser DOM Complaint is.
   if (!document.getElementsByTagName) return false;
   if (!document.createElement) return false;
   if (!document.getElementById("menu_vert")) return false;
   var menu = document.getElementById("menu_vert");
   var links = menu.getElementsByTagName("a");
// aan alle "A" tags met een class attribute gaan we een onclick event toevoegen.   
	for ( var i=0; i < links.length; i++) {
	     if (links[i].getAttribute("name")) {
			links[i].onclick = function() {
			return collapse(this);
			}
		}			
	}
}

function createVertMenu() {
// Eerst testen of de browser DOM Complaint is.
    if (!document.getElementsByTagName)	return false;
	if (!document.createElement) return false;
	if (!document.createTextNode) return false;
// Is er een element met de naam Javascript_off aanwezig in de html pagina?
	if (!document.getElementById("javascript_off"))return false;
// DOM wordt ondersteund en Javascript is aan --> nu beginnen met het dynamisch creeren van het menu.
	var ulCont;
	var vertMenuId = document.getElementById("menu_vert");
	var messageJavascriptOff = document.getElementById("javascript_off");
	vertMenuId.removeChild(messageJavascriptOff)
	if (vertMenuId.length < 1) return false;
	//var y=1;
		for(i=0;i<Link.length;i++) { 
			la = Link[i].split("|");
//Als la[i] = 0, dan betekent dit dat het een menu header is.		
				if (la[0] == "0") {
					var pCont = document.createElement("p");
					pCont.setAttribute("name", la[1]);
					var aCont = document.createElement("a");
					aCont.setAttribute("href","#");
					aCont.setAttribute("name", la[1]);
					//y++;
					//debugger
					if (i == "0") {
						var aContTextMin = document.createTextNode("-" + " " + la[1]); 
						aCont.appendChild(aContTextMin);
						ulCont = document.createElement("ul");
						ulCont.style.display = "block";
					} else {
						var aContTextPlus = document.createTextNode("+" + " " + la[1]);
						aCont.appendChild(aContTextPlus);
						ulCont=document.createElement("ul");
						ulCont.style.display = "none";
					}
					pCont.className = "KOPREGEL";
					pCont.appendChild(aCont);
					vertMenuId.appendChild(pCont);
//toevoeging
					if (la[3] !=="") {
					 var createDateString = la[3].split("/");
					 var result = checkNew(createDateString)
					 if (result == "true") {
					   var imgCont = document.createElement("img");
					   imgCont.setAttribute("src", "../images/new.gif");
					   aCont.appendChild(imgCont);
					  }
					 }

//einde toevoeging					
				}
//Als la[i] = 1, dan betekent dit dat het een menu item is.
				if (la[0] == "1") {
					var liCont = document.createElement("li");
					var aCont = document.createElement("a");
					aCont.setAttribute("target", "frame");
					aCont.setAttribute("href",la[2]);
					var aContText = document.createTextNode(la[1]);
					if (i == (Link.length - 1)) {
					   aCont.className ="noBorder";
					}
					aCont.appendChild(aContText);
					if (la[3] !=="") {
					 var createDateString = la[3].split("/");
					 var result = checkNew(createDateString)
					 if (result == "true") {
					   var imgCont = document.createElement("img");
					   imgCont.setAttribute("src", "../images/new.gif");
					   aCont.appendChild(imgCont);
					  }
					 }
					liCont.appendChild(aCont);
					ulCont.appendChild(liCont);
					vertMenuId.appendChild(ulCont);
				}
			
			
			}
 }

function checkNew(createDateString) {
  var createDate = new Date(createDateString[2],createDateString[1] - 1,createDateString[0]);
  var sysDate = new Date();
  var days = sysDate.getTime() - createDate.getTime();
  days = Math.floor( days / (1000 * 60 * 60 * 24));	
  if (days <= 3) {
   result = "true";
  }
  else {
   result = "false";
  }
  return result;
}

function collapse(clickedItem) {
 var clickedItemName = clickedItem.getAttribute("name");
 var pElements = document.getElementsByTagName("p");
 for (var i=0; i<pElements.length; i++) {
	pElementsAttr = pElements[i].getAttribute("name");
    var oldText = pElements[i].firstChild.firstChild.nodeValue;
    var sign = oldText.substring(0,1);
	var currentElement = pElements[i]; 
 	switch (sign) {
		case "-":
		  var oldText_array = oldText.split("-")
		  pElements[i].firstChild.firstChild.nodeValue = "+" + oldText_array[1];
		  var ulCont = pElements[i].nextSibling;
		  ulCont.style.display = "none";
		  break;
		case "+":
		 if (pElementsAttr == clickedItemName) {
		    var oldText_array = oldText.split("+");
            pElements[i].firstChild.firstChild.nodeValue = "-" + oldText_array[1];
            var ulCont = pElements[i].nextSibling;
		    ulCont.style.display = "block";
		 } 
		 break;
    }
  }
 return false;
 } 
 
addLoadEvent(createVertMenu);
addLoadEvent(prepareMenu);