jQuery.browser={};(function(){jQuery.browser.msie=false; jQuery.browser.version=0;if(navigator.userAgent.match(/MSIE ([0-9]+)./)){ jQuery.browser.msie=true;jQuery.browser.version=RegExp.$1;}})();

$(function(){
    var t;
    var t2;
 var i;

 if(!$.browser.msie) {
    $(".nav li").each(function  () {
      $(this).mouseenter(function(){
       var width=35+20;
       for (var ia = 0; ia < $(this).index(); ia++) {
         width+=$(".nav li").eq(ia).width()+35;
       };
       $(".nav-line").css({"left":width,"width":$(this).width()});
        clearTimeout(t);
        clearTimeout(t2);
        $(".xiala").removeClass("fadeInDown fadeOutUp xiala-show");
        i=$(".xiala").eq($(this).index());
        i.addClass("fadeInDown xiala-show");
      }).mouseleave(function(){
        
       t=setTimeout(function(){
        clearTimeout(t);
        
        $(".xiala").removeClass("fadeInDown ");
        i.addClass("fadeOutUp");
        navon();
      },500);
      t2=setTimeout(function(){
        clearTimeout(t);
        clearTimeout(t2);
        $(".xiala").removeClass("fadeInDown xiala-show");
        
      },1000);
    });
    })
    $(".xiala").each(function  () {

      $(this).mouseenter(function(){
      clearTimeout(t);
        clearTimeout(t2);
      //$(".xiala").show();
    }).mouseleave(function(){
      
      t=setTimeout(function(){
        clearTimeout(t);
        
        $(".xiala").removeClass("fadeInDown ");
        i.addClass("fadeOutUp");
        navon();
      },500);
      t2=setTimeout(function(){
        clearTimeout(t);
        clearTimeout(t2);
        $(".xiala").removeClass("fadeInDown xiala-show");
        
      },1000);
    });
    })
    
    }else{
$(".xiala").hide();
$(".nav li").each(function  () {
      $(this).mouseenter(function(){
 
        clearTimeout(t);
        clearTimeout(t2);
        $(".xiala").hide();
        i=$(".xiala").eq($(this).index());
        i.show();
      }).mouseleave(function(){
        
       t=setTimeout(function(){
        clearTimeout(t);
        
        $(".xiala").hide();
        i.show();
        navon();
      },500);
      t2=setTimeout(function(){
        clearTimeout(t);
        clearTimeout(t2);
        $(".xiala").hide();
        
      },1000);
    });
    })
    $(".xiala").each(function  () {

      $(this).mouseenter(function(){
      clearTimeout(t);
        clearTimeout(t2);
      //$(".xiala").show();
    }).mouseleave(function(){
      
      t=setTimeout(function(){
        clearTimeout(t);
        
        $(".xiala").hide();
        i.show();
        navon();
      },500);
      t2=setTimeout(function(){
        clearTimeout(t);
        clearTimeout(t2);
        $(".xiala").hide();
        
      },1000);
    });
    })
    
    }
    function navon(){
     
      var width=35+20;
       for (var i = 0; i <  $(".nav .on").index(); i++) {
         width+=$(".nav li").eq(i).width()+35;
       };
      $(".nav-line").show();
      $(".nav-line").css({"left":width,"width":$(".nav .on").width()});
    }
    navon();
  })