var menuHeight = 29;
var menuStatus = 0;
var menuCurrentItem = 0;
var menuCurrentHeight = 0;

function setNavigationMainPaddings() {

	var items = ge('navigation-main').getElementsByTagName('A');
	var iParentLevelOffsetLeft, oParent;
	var iParentTop, iHeight, iMenuHeight, iParentHeight;

	for(var i = 0, l = items.length; i < l; i++) {
	
		if(items[i].parentNode.parentNode.id == 'navigation-main') {
			
			// Level 1
			continue;
			
		} else if(items[i].parentNode.parentNode.parentNode.parentNode.id == 'navigation-main') {
			
			// Level 2
			
			// Find the left position of the <li> in the parent level
			iParentLevelOffsetLeft = items[i].parentNode.parentNode.parentNode.offsetLeft;
			
			if(iParentLevelOffsetLeft > 630){
				
				items[i].style.marginLeft = iParentLevelOffsetLeft + 25 + 'px';
				items[i].style.paddingLeft = '10px';
				items[i].style.width = 965 - iParentLevelOffsetLeft - 36 + 'px';
				
			} else {
				
				items[i].style.paddingLeft = iParentLevelOffsetLeft + 12 + 'px';
				
			}

			if(items[i].nextSibling) {
				if(iParentLevelOffsetLeft > 630){
					addClassName(items[i], 'hasChild2');
				} else {
					addClassName(items[i], 'hasChild');
				}
			} 
			
		} else {
			
			// Level 3
			
			// Find the left position of the <li> in the parent level
			oParent = items[i].parentNode.parentNode;
			iParentLevelOffsetLeft = oParent.parentNode.parentNode.parentNode.offsetLeft;
			
			if(iParentLevelOffsetLeft > 630){
				
				oParent.style.marginLeft = '0';
				items[i].style.paddingLeft = (iParentLevelOffsetLeft - 170 + 36) + 'px';
				addClassName(oParent, 'left-fold');
				
			} else {
				
				// Set <ul> margin-left, top and width
				oParent.style.marginLeft = (iParentLevelOffsetLeft - 116) + 'px'; // initiates the width of level 2
				oParent.style.width = Math.max(965 - iParentLevelOffsetLeft - 196, 0) + 'px';
				
				// Set <a> padding-right
				items[i].style.paddingRight = Math.max(965 - iParentLevelOffsetLeft - 356, 0) + 'px';
				
			}
			
			iParentTop = oParent.parentNode.offsetTop; // z
			iHeight = oParent.offsetHeight; // y
			iMenuHeight = oParent.parentNode.parentNode.offsetHeight - 7; // x
			iParentHeight = oParent.previousSibling.offsetTop + oParent.previousSibling.offsetHeight; // w
			
			oParent.style.top = (iMenuHeight - iHeight < iParentTop ? (iParentHeight - iHeight >= 0 ? iParentHeight - iHeight : iMenuHeight - iHeight) : iParentTop) + 'px';
			
			oParent.onmouseover = function() {
				addClassName(this.parentNode.firstChild, 'highlighted-parent');
				addClassName(this.parentNode.parentNode, 'highlighted-parent');
			}
			
			oParent.onmouseout = function() {
				removeClassName(this.parentNode.firstChild, 'highlighted-parent');
				removeClassName(this.parentNode.parentNode, 'highlighted-parent');
			}
			
		}
	}
}

function initSlideMenu() {
	var sfEls = ge('navigation-main').getElementsByTagName('LI');
	var j = 0;
	for (var i = 0; i < sfEls.length; i++) {
		
		if(sfEls[i].parentNode.parentNode.parentNode.id == 'navigation-main' && isIE6) {
			sfEls[i].onmouseover = function() {
	
				addClassName(this, 'sfhover');
			}	        
			sfEls[i].onmouseout = function() {
				removeClassName(this, 'sfhover');
			  
			}	        
		}
		
		
		// Geanimeerde navigatie
		if(sfEls[i].parentNode.id == 'navigation-main') {
			sfEls[i].setAttribute('itemNumber', j);
			sfEls[i].setAttribute('id', 'menuli_'+j);

			sfEls[i].onmouseover = function() {
				if (isIE6) {
					addClassName(this, 'sfhover');
				}
				i = this.getAttribute('itemNumber');
				if(menuStatus == 0) {
					menuCurrentHeight = 0;
					menuCurrentItem = i;
					window.intervalID = window.setInterval('animateMenuDown("'+i+'")', 20);
					menuStatus = 1;
				} else if(i != menuCurrentItem) {
					switchMenu(i);
				}
			}
			sfEls[i].onmouseout = function() {
				if (isIE6) {
					removeClassName(this, 'sfhover');
				} 
					//if(menuStatus==1)
						//ge('navigation-main').childNodes[this.getAttribute('itemNumber')].childNodes[1].style.height = 0;
				  
			}
			j++;
		}
	} 

/*	
	ge('navigation-corporate').onmouseover = function() {
		menuStatus = 0;
	menuCurrentHeight = 0;
	}
	
	ge('header').onmouseover = function() {
		menuStatus = 0;
		menuCurrentHeight = 0;
	}

	ge('webtrail').onmouseover = function() {
		menuStatus = 0;
		menuCurrentHeight = 0;
	}	

	ge('content').onmouseover = function() {
		menuStatus = 0;
		menuCurrentHeight = 0;
	}
*/
}

function initSlideMenuCorporate() {
	var sfEls = ge('navigation-corporate').getElementsByTagName('LI');
	for (var i = 0; i < sfEls.length; i++) {
		// if(sfEls[i].parentNode.parentNode.parentNode.id == 'navigation-corporate' && isIE6) {
		if(isIE6) {
			sfEls[i].onmouseover = function() {
				addClassName(this, 'sfhover');
			}
			sfEls[i].onmouseout = function() {
				removeClassName(this, 'sfhover');
			}
		}
	}
}

function animateMenuDown(item) {
	var oElm = ge('navigation-main').childNodes[item].childNodes[1];
	if(oElm) {  

		menuCurrentHeight = menuCurrentHeight > 0 ? menuCurrentHeight * 1.8 : 1;
		menuCurrentHeight = menuCurrentHeight <= menuHeight ? menuCurrentHeight : menuHeight;
		oElm.style.height = menuCurrentHeight + 'em';
		if(menuCurrentHeight >= menuHeight) {
			window.clearInterval(intervalID);
		}
	}
}

function switchMenu(item) {

	var oElmOld = ge('navigation-main').childNodes[menuCurrentItem].childNodes[1];
	var oElmNew = ge('navigation-main').childNodes[item].childNodes[1];

	if(typeof oElmNew != "undefined") {
		oElmNew.style.height = menuHeight + 'em';
	}
	   
	if(typeof oElmOld != "undefined") {
		oElmOld.style.height = 0;
	}
	  
	menuCurrentItem = item;

}
