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

function setNavigationMainPaddings() {

    var items = ge('navigation-main').getElementsByTagName('A');
		var j=0;
    for(var i = 0; i < items.length; 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
           
            var itemPaddingLeft = findOffsetLeft(items[i].parentNode.parentNode.parentNode) - findOffsetLeft(ge('wrapper')) - 25;
            var safePaddingRight = 0;

        		
            if(itemPaddingLeft>630){
                var itemOffsetLeft = findOffsetLeft(items[i].parentNode.parentNode.parentNode) - findOffsetLeft(ge('wrapper')) - 25;
 		
                safePaddingRight = 965 - itemOffsetLeft - 185;
                items[i].style.marginLeft = itemPaddingLeft + 25 + 'px';
                items[i].style.paddingLeft = '10px';
                items[i].style.paddingRight = '10px'; // Probleem met iexplore7 en agenda safePaddingRight+'px';
                //items[i].style.paddingRight = (965-itemPaddingLeft)+'px';

      	}
      	else{
      				items[i].style.paddingLeft = itemPaddingLeft + 36 + 'px';
      	}
            if(items[i].nextSibling) {
            	if(itemPaddingLeft>630){
                addClassName(items[i], 'hasChild2');
              }else{
              	addClassName(items[i], 'hasChild');
              }
            } 

            items[i].parentNode.parentNode.onmouseover = function() {
                addClassName(this.parentNode.firstChild, 'highlighted-parent');
            }

            items[i].parentNode.parentNode.onmouseout = function() {
                removeClassName(this.parentNode.firstChild, 'highlighted-parent');
            }

       } else {

            // Level 3
           
            var itemOffsetLeft = findOffsetLeft(items[i].parentNode.parentNode.parentNode.parentNode.parentNode) - findOffsetLeft(ge('wrapper')) - 25;
            
            var itemOffsetRight = findOffsetLeft(items[i].parentNode.parentNode.parentNode.parentNode.parentNode) - findOffsetLeft(ge('wrapper')) - 365;
            
            if(itemOffsetLeft>630){

									
						
								
		            items[i].parentNode.parentNode.onmouseover = function() {
		                    addClassName(this.parentNode.firstChild, 'highlighted-parent');
		                    addClassName(this.parentNode.parentNode, 'highlighted-parent');
		            }
		
		            items[i].parentNode.parentNode.onmouseout = function() {
		                removeClassName(this.parentNode.firstChild, 'highlighted-parent');
		                removeClassName(this.parentNode.parentNode, 'highlighted-parent');
		            }           
		            
		            
            		//console.log(items[i].style);
		            items[i].parentNode.parentNode.style.marginLeft = itemOffsetRight+'px';


		             items[i].parentNode.parentNode.style.width = '170px';

		             var safePaddingRight = 965 - itemOffsetLeft - 356 > 0 ? 965 - itemOffsetLeft - 356 : 0;		             	
            	
            }else{
	            items[i].parentNode.parentNode.style.marginLeft = itemOffsetLeft + 'px';
	            var safePaddingRight = 965 - itemOffsetLeft - 356 > 0 ? 965 - itemOffsetLeft - 356 : 0;
	            items[i].style.paddingRight = safePaddingRight + 'px';      
	
	            items[i].parentNode.parentNode.onmouseover = function() {
	                    addClassName(this.parentNode.firstChild, 'highlighted-parent');
	                    addClassName(this.parentNode.parentNode, 'highlighted-parent');
	            }
	
	            items[i].parentNode.parentNode.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].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.3 : 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;

}