$(function(){
	
    (function(){
      var time = null;
      var list = $("#navlist");
      var box = $("#navbox");
      var lista = list.find(".down");
      for(var i=0,j=lista.length;i<j;i++){
        if(lista[i].classname == "on"){
          var olda = i;
        }
      }
      var box_show = function(hei){
        box.stop().animate({
          height:hei,
          opacity:1
        },400);
      }
      var box_hide = function(){
        box.stop().animate({
          height:0,
          opacity:0
        },200);
      }
      lista.hover(function(){
        lista.removeclass("on");
        $(this).addclass("on");
        cleartimeout(time);
        var index = list.find(".down").index($(this));
        box.find(".conter").hide().eq(index).show();
        var _height = box.find(".conter").eq(index).height()+0;
        box_show(_height)
      },function(){
        time = settimeout(function(){  
          box.find(".conter").hide();
          box_hide();
        },50);
        lista.removeclass("on");
        lista.eq(olda).addclass("on");
      });
      box.find(".conter").hover(function(){
        var _index = box.find(".conter").index($(this));
        lista.removeclass("on");
        lista.eq(_index).addclass("on");
        cleartimeout(time);
        $(this).show();
        var _height = $(this).height()+0;
        box_show(_height);
      },function(){
        time = settimeout(function(){    
          $(this).hide();
          box_hide();
        },50);
        lista.removeclass("on");
        lista.eq(olda).addclass("on");
      });
    })();

})