// Archivo JScript
var NavegarNorahua = function() {
    $$("div#tertiaryNav div").setStyle("display","block");
    this.primaryNav = $("MenuNorahua");
    this.secondaryNav = $$("#MenuNorahua ul");
    this.primaryNavItems = $$("#MenuNorahua li");
    this.primaryNavChildren = primaryNav.getChildren();
    this.currentSection = $$("#MenuNorahua .current");
    this.tertiaryNav = $("tertiaryNav");
    var NAV_ORIGIN = "-999em" 
    setupTertiaryNav();
    for(var i=0;i<this.primaryNavChildren.length;i++){
        var currentSection = this.currentSection;
        var currentChild = this.primaryNavChildren[i];
        var primaryNavItems = this.primaryNavItems;
        currentChild.onmouseover = function() {
			list = "cancelTimer";//cancels the timer from firing
            changeClass(currentSection);
			clearClass(primaryNavItems)
            changeClass(this);
        }
        currentChild.onmouseout = function(){  	
			changeClass(this,500);//Set the menu hover delay here
        } 
    }
    
    function clearClass(navItems){
        for(var i=0;i<navItems.length;i++){
            navItems[i].className = "";
        }
    }
    function changeClass(listItem,timer){
		if (timer > 0) {//if a delay is set
			list = listItem;//assign the current listItem to a global variable	
			var tymer = setTimeout("hideMenu();",timer);//start the timer to hide the menu
			if (tymer) clearTimeout(tymer-1);//Stop the previous timer from firing
		}
		else {
			listItem.toggleClass("current");
		}
    }
	hideMenu = function () {
		if(list != "cancelTimer" && list.hasClass("current")) {//If the timer hasn't been cancelled already and isn't already selected
	 		list.toggleClass("current");//toggle & hide the navigation
			changeClass(currentSection);//change back to the default selection
		}
	}
	
    function changeClassWithDelay(listItem){
        (function(){listItem.toggleClass("current")}).delay(1000);
    }
    
    function setupTertiaryNav(){
        
        if ($("tertiaryNav")){
			$("tertiaryNav").style.width = "auto";
			$("tertiaryNav").style.overflow = "visible";
			//$$("div#tertiaryNav div").setStyle("visibility","visible")
		} 
		setStyles();
        onNavClick();
        onNavItemClick();
    }
    
 function setStyles(){
        //return;
        var tertiaryNavArray = ($("tertiaryNav")) ? this.tertiaryNav.getChildren() : null;      
        if(tertiaryNavArray){
			// DEFINE MAX HEIGHT FOR DROPDOWNS (dynamic depending on size of browser window).
			maxDropHeight=parseInt(window.getSize().size.y/2);
			minDropHeight=200; // if list is under this height don't bother with bar no matter how big the browser window.
			tolerance=50; // if list is within this many pixels of max drop height, don't bother with a scrollbar
           
		    for(var i=0;i<tertiaryNavArray.length;i++){
                var currentNav = tertiaryNavArray[i];
               	currentNav.addClass("tertiaryNavItem");
                var spanArray = $$(".tertiaryNavItem span");
                var listArray = $$(".tertiaryNavItem ul");
                
                for(var i=0;i<spanArray.length;i++){
                    var currentList = listArray[i];
                    var currentSpan = spanArray[i]
					currentList.parentNav=currentNav
					currentList.parentSpan=currentSpan	
					if(currentList.getSize().size.y>=(maxDropHeight+tolerance)&& currentList.getSize().size.y>minDropHeight){
						currentList.setStyle("height", maxDropHeight + "px");
						currentList.setStyle("overflow", "hidden");
						setupSlider(currentList,i,maxDropHeight)
						if(currentList.getSize().size.x>currentSpan.getSize().size.x){
							currentList.xWidth=currentList.getSize().size.x-4
						}else{
							currentList.xWidth=currentSpan.getSize().size.x-4
						}	
						currentList.reposition=positionSlider
						currentList.reposition()
						currentList.slider.toggleClass("hide");	
                    }
                    if(currentList.getSize().size.x<=currentSpan.getSize().size.x){
                        currentList.setStyle("width", currentSpan.getSize().size.x + "px");
                    }                      
                }
            }
        }
		$('sliderTemplate').addClass("hide");
    }
    
    function onNavClick(){
        var tertiaryNavArray = $$(".tertiaryNavItem span a");
		var tertiaryListArray = $$(".tertiaryNavItem ul");
        for(var i=0;i<tertiaryNavArray.length;i++){
            var currentNav = tertiaryNavArray[i];
			var currentList = tertiaryListArray[i];
			currentList.readyToBlur=false;
			currentNav.siblingList=currentList;
            currentNav.onclick = function() {
                checkNav(this.siblingList);
                toggleNav(this.siblingList);
                this.focus()
				return false;
            }
			currentList.onmouseout= function(){
				this.readyToBlur=true;
			}
			currentList.onmouseover= function(){
				this.readyToBlur=false;
			}
			if(currentList.slider){
				currentList.slider.onmouseout = function(){
					this.parent.readyToBlur =true;
				}
				currentList.slider.onmouseover = function(){
					this.parent.readyToBlur =false;
				}
				currentList.slider.knob.addEvent("blur",function(){
				if(this.parent.readyToBlur&&this.parent.hasClass("open")){
					checkNav(this.parent);
                	toggleNav(this.parent);	
				}
				return false;
			})	
			}
			currentNav.onmouseout= function(){
				this.siblingList.readyToBlur=true;
			}
			currentNav.onmouseover= function(){
				this.siblingList.readyToBlur=false;
			}		
			currentNav.onblur= function(){
				if(this.siblingList.readyToBlur&&this.siblingList.hasClass("open")){
					checkNav(this.siblingList);
                	toggleNav(this.siblingList);	
				}
				return false;
			}
	
        }
        
        function checkNav(list){
            var listItems = $$(".tertiaryNavItem ul");        
            for(var i=0;i<listItems.length;i++){
                if(listItems[i].hasClass("open") && listItems[i]!=list){
                    listItems[i].setStyle("left", NAV_ORIGIN);
                    listItems[i].toggleClass("open");	
					if(listItems[i].slider){
						addWheeling(listItems[i])
						listItems[i].slider.toggleClass("hide"); 
						list.reposition();
					}
						  
                }
            }
        }
        
        function toggleNav(list){
            var currentSpan = list.getPrevious(); 
            if(!list.hasClass("open")){
                list.setStyle("top", currentSpan.getSize().size.y + "px");
                list.setStyle("left", currentSpan.offsetLeft + "px");
                list.toggleClass("open");
				if(list.slider){
					addWheeling(list)
					list.slider.toggleClass("hide"); 
					list.reposition();
				}
					     
            } else {
                list.setStyle("left", NAV_ORIGIN);
                list.toggleClass("open");
				if(list.slider){
					addWheeling(list)
					list.slider.toggleClass("hide");
					list.reposition();
				}
					
            }
        }
    }
    
    function onNavItemClick(){
        var listItems = $$(".tertiaryNavItem ul li a");
        
        for(var i=0;i<listItems.length;i++){
            var currentItem=listItems[i];
			
            currentItem.onclick = function(){
                var itemHTML = this.innerHTML;
                var parentList = this.getParent().getParent();
                var parentSpan = parentList.getPrevious();
                setItem(itemHTML, parentSpan);
               	closeList(parentList);
                if (this.href && this.href != window.location.href)
                    return true;
                else
                    return false;
            }
        }
        
        function setItem(itemHTML, parentSpan){
            parentSpan.getChildren().setHTML(itemHTML);
        }
        
        function closeList(list){
            list.setStyle("left", NAV_ORIGIN);
            list.toggleClass("open");
			if(list.slider)
				list.slider.toggleClass("hide");
        }
    }
}

window.addEvent('domready', NavegarNorahua);