$(document).ready(
function ()
{   
	////Top Nav Load Js
        $(".siteNavLi").find("div > ul a:last").css('border','none');
      // $(".siteNavLi:last > .siteNavLink").css({'background':'none'});
//        $(".siteNavLink").each(
//            function(){
////               if($.trim($(this).find("strong").text()).length<13&&$(this).find("strong").html().indexOf("Green")<0){
////                    $(this).css("padding","8px 0");
////                }
//                if($(this).find("span").html().indexOf("Green")==0){
//                    $(this).find("span:first").css({"background":"url(../../Images/greenLeaf.gif) no-repeat right center", "padding-right":"25px"});
//                } 
//            }
//        ); 
        //SubNav Pannels
//        $(".siteNavLi").each(
//               function(){
//                if(($(this).offset().left+90)>$(document.body).width()/2){
//                     $(this).removeClass("siteSecondNavLeft");
//                     $(this).addClass("siteSecondNavRight");
//                } 
//               } 
//        );

        $(".siteNavLi").hover(
            function() {
                this.canShow=true;   
                var show=showFunctionBuilder($(this),this);
                setTimeout(show,250);
                clearTimeout(this.closeTimer); 
//                //$(this).find("div").css({"left":"0px","width":"280px"});
//                //var secNavHeight=$(this).find("div > ul > li").length*30>$(this).find("div > dl > dd").length*25?$(this).find("div > ul > li").length*30:$(this).find("div > dl > dd").length*25;
//                var secNavHeight=$(this).find(".secNavContent > ul").height() > $(this).find(".secNavContent > dl").height() ? $(this).find(".secNavContent > ul").height():($(this).find(".secNavContent > dl").height()+8);
//                //alert($(this).find(".secNavContent > ul").height());
//                $(this).find(".siteSecondNav > dt").height(secNavHeight+5);
//                $(this).find(".siteNavBarLine").height(secNavHeight);
//                //$(this).find(".secNavContent> ul").height(secNavHeight);
//                $(this).find(".siteNavIframe").height(secNavHeight-10);
//               // $(this).find("div> ul").css({"float":"left","border-right":"solid 1px #DFDBD9","border-left":"none"});  
//                //$(this).find("div > dl").css("float","right"); 
////                $(this).find(".siteNavLink").css({"padding":"9px 0 17px 0"});
////                if($.trim($(this).find(".siteNavLink").find("strong").text()).length<13 && $(this).find(".siteNavLink").find("strong").html().indexOf("Green")<0){
////                    $(this).find(".siteNavLink").css("padding","18px 0 25px 0");
////                }                       

//            $(this).find(".siteSecondNav").css("visibility","visible");
//            $(this).find(".siteNavIframe").css("visibility","visible");
//            $(this).find(".secNavContent").css("visibility","visible");
//            $(this).find(".siteNavLink").addClass("selected");
            },
            function(){
                     this.canShow=false; 
                    var close=closeFunctionBuilder(this);
                    if(navigator.userAgent.indexOf("Safari")>0)  this.closeTimer = setTimeout(close,200);// only for safari
                    else this.closeTimer = setTimeout(close,50);
//               $(this).find(".siteNavLink").css({"padding":"0"});
//                if($.trim($(this).find(".siteNavLink").find("strong").text()).length<13 &&$(this).find(".siteNavLink").find("strong").html().indexOf("Green")<0){
//                   $(this).find(".siteNavLink").css({"padding":"8px 0"});
//                } 
//               if($(this).index($(".siteNavLi:last"))==0)
//                {
//                    $(this).find(".siteNavLink").css({'border-right':'none'});
//                }
            }	    
   );   
}
); 

//show the children menu
function showChildren(obj,objSelected)
{
   if(objSelected.canShow)
   { 
                //$(this).find("div").css({"left":"0px","width":"280px"});
                //var secNavHeight=$(this).find("div > ul > li").length*30>$(this).find("div > dl > dd").length*25?$(this).find("div > ul > li").length*30:$(this).find("div > dl > dd").length*25;
                var secNavHeight=obj.find(".secNavContent > ul").height() > obj.find(".secNavContent > dl").height() ? obj.find(".secNavContent > ul").height():(obj.find(".secNavContent > dl").height()+8);
                //alert(obj.find(".secNavContent > ul").height());
                obj.find(".siteSecondNav > dt").height(secNavHeight+5);
                obj.find(".siteNavBarLine").height(secNavHeight);
                //obj.find(".secNavContent> ul").height(secNavHeight);
                obj.find(".siteNavIframe").height(secNavHeight+2);
               // obj.find("div> ul").css({"float":"left","border-right":"solid 1px #DFDBD9","border-left":"none"});  
                //obj.find("div > dl").css("float","right"); 
//                obj.find(".siteNavLink").css({"padding":"9px 0 17px 0"});
//                if($.trim(obj.find(".siteNavLink").find("strong").text()).length<13 && obj.find(".siteNavLink").find("strong").html().indexOf("Green")<0){
//                    obj.find(".siteNavLink").css("padding","18px 0 25px 0");
//                }                       

            obj.find(".siteSecondNav").css("visibility","visible");
            obj.find(".siteNavIframe").css("visibility","visible");
            obj.find(".secNavContent").css("visibility","visible");
            obj.find(".siteNavLink").addClass("selected");
            obj.find(".lastNavLink").addClass("lastNavSelected");
            if (obj.attr("class").indexOf("firstNavLink")>=0)
                obj.find(".siteSecondNav > div > span").css("width",obj.width() + 38 + "px");
            else
                obj.find(".siteSecondNav > div > span").css("width",obj.width() + 20 + "px");
            if (obj.attr("className").indexOf("siteSecondNavRight")>=0)
            {
               newLeft = obj.width() -  obj.find(".siteSecondNav").width() + 2;
               obj.find("dl").css("left",  newLeft + "px");
               obj.find(".siteNavIframe").css("left",  newLeft + 10 + "px");
               obj.find(".siteNavBarLine").css("left",  newLeft + 143 + "px");
               obj.find("ul").css("left",  newLeft + 155 + "px");
               obj.find(".siteSecondNav > div > span").css("left",  obj.find(".siteSecondNav").width() - obj.width() - 21 + "px");
            }
    } 

}    
function closeChildren(objSelected)
{
    $(objSelected).find(".siteSecondNav").css("visibility","hidden");    
    $(objSelected).find(".siteNavIframe").css("visibility","hidden");  
    $(objSelected).find(".secNavContent").css("visibility","hidden");
    $(objSelected).find(".siteNavLink").removeClass("selected");
    $(objSelected).find(".lastNavLink").removeClass("lastNavSelected"); 
}
//builder the show function
//becase the arguments could not specified when calling the setTimeout function
//so use the transitive function
function showFunctionBuilder(obj, objSelected)
{
    return function(){
       showChildren(obj,objSelected);
   } 
} 
function closeFunctionBuilder(objSelected)
{
    return function(){
       closeChildren(objSelected);
   } 
}