﻿$(function () {

    function slideNavBlock(indexNum,speed) {

        var currentShow = $("#nav_content > .nav_block_content").index($(".currentShow"));

        if (indexNum != currentShow) {

            var indexBanner = $("#nav_content > .nav_block_content:eq(" + indexNum + ")");
            var currentBanner = $("#nav_content > .currentShow");

            var leftDistance = (currentShow - indexNum) * 960;

            $("#nav_content").animate({ left: '+=' + leftDistance }, speed);
            currentBanner.removeClass("currentShow");
            indexBanner.addClass("currentShow");

        }

    }

    function toggle(id) {
        $("#" + id).toggle("blind", {}, "slow");
    }

    function hide(id) {
        $("#" + id).hide("blind", {}, "slow");
    }
    function show(id) {
        $("#" + id).show("blind", {}, "slow");
    }

    $("#nav_bar li:odd").addClass("split");

    //导航菜单下拉
    $("#nav_bar .drop").mouseover(function () {
        var myIndex = $("#nav_bar  .drop").index(this); //找到当前链接的序号
        var currentShowIndex = $("#nav_content > .nav_block_content").index($(".currentShow"));
        //判断导航块是否已经下拉
        if (!$("#nav_block").is(":hidden")) {            //导航块已经下拉
            //判断已经下拉的是否是点击的链接？如果是，则收起导航块；
//            if (myIndex == currentShowIndex) {
//                hide("nav_block");
//            }
//            else {
                slideNavBlock(myIndex,500);
//            }
        }
        else {
            slideNavBlock(myIndex,0);
            show("nav_block");
        }
        return false;
    })

    $("#nav_bar a:not(.drop)").mouseover(function () {
        $("#nav_block:visible").hide("blind", {}, "slow");
        return false;
    })

    $("#nav_container").mouseleave(function () {
        $("#nav_block:visible").hide("blind", {}, "slow");
        return false;
    })

//    $("#nav_block img").hover(function () {
//        $(this).animate({ height: 264 }, 200);
//    },
//            function () {
//                $(this).removeAttr("style");
//            })
})
