Current File : /home/aventura/public_html/js/menu.js

function menuInit(nombre){
	var nombredellink ='#'+nombre;
   	 var ua = navigator.userAgent.toLowerCase(),
        newPageLink = nombredellink, 
        oldPageLink,
        animationState = true,
        contentHolderLeft = ".contentPage_1",
        contentHolderRight = ".contentPage_2",
        overButton,
        outButton,
		menuButtons = $("#mainMenu > ul > li"),
		subMenuButtons = $(".subMenu > ul > li");
        
		//alert(nombre);
    initPage();
    addbutonEvent();
    
    function addbutonEvent(){
        $(menuButtons).children("a:first-child").click(clickHandler)
        $(menuButtons).hover(overHandler, outHandler);
        
        $(subMenuButtons).find("a").click(clickSubMenuHandler)
        $(subMenuButtons).hover(overSubMenuHandler, outSubMenuHandler);
        
      //  $(window).bind("hashchange", changeHash);
        
        if (ua.indexOf("msie") == -1) {
            $(".subMenu").css({"opacity":"0"});  
        }else{
            //-----IE------
            $(".subMenu").css({"top":"-600px"});
            //-----!IE-----        
        }
        
        function overHandler(){
            var item = $(this);
            if(item.find("a").attr("href").substring(1, item.find("a").attr("href").length) != newPageLink && overButton != item.index()){
                Cufon.replace(item.find("a:first"), { fontFamily: "Bebas Neue", color:"#8b2786"});  
            }
            if(item.find(".subMenu").length==1){
                //---------sub menu part hide-------
                if (ua.indexOf("msie") == -1) {
                    item.find(".subMenu").stop().css({"top":"39px"}).animate({"opacity":"1"},300,"easeInOutCubic"); 
                }else{
                    //-----IE------
                    item.find(".subMenu").css({"top":"39px"});
                    //-----!IE-----  
                }
            }
        }
        function outHandler(){
            var item = $(this);
            if(item.find("a").attr("href").substring(1, item.find("a").attr("href").length) != newPageLink && overButton != item.index()){
                Cufon.replace(item.find("a:first"), { fontFamily: "Bebas Neue", color:"#FFF"});
            }
            if(item.find(".subMenu").length==1){                
                //---------sub menu part hide-------
                if (ua.indexOf("msie") == -1) {
                    item.find(".subMenu").stop().animate({"opacity":"0"}, 300, "easeInOutCubic",
                        function onComplete(){                        
                            item.find(".subMenu").css({"top":"-600px"});
                        }
                    )                      
                }else{
                    //-----IE------
                    item.find(".subMenu").css({"top":"-600px"}); 
                    //-----!IE-----
                }  
            }
        }
        function overSubMenuHandler(){
            var item = $(this);
            if(item.find("a").attr("href").substring(1, item.find("a").attr("href").length) != newPageLink){
                Cufon.replace(item.find("a:first"), { fontFamily: "Bebas Neue", color:"#8b2786"});  
            }
        }
        function outSubMenuHandler(){
            var item = $(this);
            if(item.find("a").attr("href").substring(1, item.find("a").attr("href").length) != newPageLink){
                Cufon.replace(item.find("a:first"), { fontFamily: "Bebas Neue", color:"#FFF"});
            }
        }
        function clickHandler(){
            outButton = overButton;
            overButton = $(this).parent().index();
        }
        function clickSubMenuHandler(){
            overButton=$(this).parent().parent().parent().index();
            
        }
        function changeHash(){
            if(animationState == false && window.location.hash != ""){
                animationState = true;
                oldPageLink = newPageLink;
              //  changePage();
            }
        }
    }
    function initPage(){
        $(contentHolderLeft).css({"left":(-$(document).width())+"px", "display":"none"});
        $(contentHolderRight).css({"left":($(document).width())+"px", "display":"none"});
    	// changePage();
    }
    function changePage(){
        if(newPageLink.length != 0){

			//alert (window.location.hash);
            if($("article[id = '"+nombredellink+"']").length !=0){
                newPageLink = window.location.hash.substring(1, window.location.hash.length);
                overButton= $(subMenuButtons).find("a[href$='"+newPageLink+"']:first").parent().parent().parent().index()
                //---------button change-----------
                Cufon.replace($(menuButtons).find("a[href$='"+oldPageLink+"']:first"), { fontFamily: "Bebas Neue", color:"#FFF"});
                if(outButton!=-1){
                    Cufon.replace($(menuButtons).eq(outButton).find("a:first"), { fontFamily: "Bebas Neue", color:"#fff"});
                }
                if(overButton!=-1){
                    Cufon.replace($(menuButtons).eq(overButton).find("a:first"), { fontFamily: "Bebas Neue", color:"#8b2786"});
                    outButton = overButton;
                }
                Cufon.replace($(menuButtons).find("a[href$='"+newPageLink+"']:first"), { fontFamily: "Bebas Neue", color:"#8b2786"});
                //---------page change-----------
                $("#"+oldPageLink).children(contentHolderLeft).stop().animate({left:(-$(document).width())}, 600, "easeInCubic");
                $("#"+oldPageLink).children(contentHolderRight).stop().animate({left:($(document).width())}, 600, "easeInCubic");
                $("#"+newPageLink).children(contentHolderLeft).css({"display":"inline-block", left:(-$(document).width())}).stop().delay(500).animate({left:"22px"}, 600, "easeOutCubic");
                $("#"+newPageLink).children(contentHolderRight).css({"display":"inline-block", left:($(document).width())}).stop().delay(500).animate({left:"305px"}, 600, "easeOutCubic", changePageComplete);
            }else{
                animationState = true;
                window.location.hash = "";
                changePageComplete();
            }
        }else{
            overButton=0;
            newPageLink = $("#allPages article").eq(0).attr("id");
            window.location.hash = "#"+newPageLink;
            //---------button change-----------
            Cufon.replace($(menuButtons).find("a[href$='"+newPageLink+"']:first"), { fontFamily: "Bebas Neue", color:"#8b2786"});
            //---------page change-----------
            $("#"+newPageLink).children(contentHolderLeft).css({"display":"inline-block"}).stop().animate({left:"22px"}, 600, "easeOutCubic");
            $("#"+newPageLink).children(contentHolderRight).css({"display":"inline-block"}).stop().animate({left:"305px"}, 600, "easeOutCubic", changePageComplete);
        }
    }
    function changePageComplete(){
        animationState = false;
        if(oldPageLink!=newPageLink){
            $("#"+oldPageLink).children(contentHolderLeft).css({"display":"none"});
            $("#"+oldPageLink).children(contentHolderRight).css({"display":"none"});
        }
        if(window.location.hash.substring(1, window.location.hash.length)!= newPageLink){
            animationState = true
            oldPageLink = newPageLink;
            changePage();
        }
    }
}