//
//                                  _oo8oo_
//                                 o8888888o
//                                 88" . "88
//                                 (| -_- |)
//                                 0\  =  /0
//                               ___/'==='\___
//                             .' \\|     |// '.
//                            / \\|||  :  |||// \
//                           / _||||| -:- |||||_ \
//                          |   | \\\  -  /// |   |
//                          | \_|  ''\---/''  |_/ |
//                          \  .-\__  '-'  __/-.  /
//                        ___'. .'  /--.--\  '. .'___
//                     ."" '<  '.___\_<|>_/___.'  >' "".
//                    | | :  `- \`.:`\ _ /`:.`/ -`  : | |
//                    \  \ `-.   \_ __\ /__ _/   .-` /  /
//                =====`-.____`.___ \_____/ ___.`____.-`=====
//                                  `=---=`
//
//
//               ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//
//                          佛祖保佑         永不宕机/永无bug
//
$(function(){
    focus()
	var length=$(".skin li").length*26;
	$(".skin").height(length)
	$(".skin").css("top",-length-1+"px")
});
function focus(){
    var focus=$(".focus");
    $(".header-main li").bind("mouseover",function(){
        var dom=$(this);
        var index=dom.index();

        focus.stop().animate({left:dom.position().left+25+"px",width:dom.find("a").width()+"px"},300)
    })
    $(".header-main li").bind("mouseout",function(){
        focus.stop().animate({left:$(".current").position().left+25+"px",width:$(".current").find("a").width()+"px"},300)
    })
    domindex()
    var skin=$(".skin");
    $(".select a").click(function(){
        skin.slideToggle("fast")
		
    })
    skin.find("li").hover(function(){
        $(this).addClass("ali")
    },function(){
        $(this).removeClass("ali")
    })

	
	
    skin.find("li").click(function(){
        $(".select span").html($(this).text());
        skin.slideUp("fast")
    })
}
function add(num){
	$(".bastit li").eq(num).addClass("in-on")
}
function domindex(){
    var cus=$(".current");
    var parent=$(".header-main li");
    $(".focus").css({left:cus.position().left+25+"px",width:cus.width()+"px"});
}
function addcurrent(num){
    $(".header-main li").eq(num).addClass("current").siblings().removeClass("current")
}
function Hover(obj, calssName) {
	obj.hover(function(){
		$(this).addClass(calssName);
	},function(){
		$(this).removeClass(calssName);
	})
}