var judge;
var judge1 = true;
var index1;
$(function() {
    $(".submenu li a").click(function(e) {
        var smenua = $(this).parent().parent().children("li").find("a");
        var panels = $(this).parent().parent().parent().children(".panel");
        var index = $.inArray(this, $(this).parent().parent().find("a"));
        if (panels.eq(index)[0]) {
            smenua.removeClass("on").eq(index).addClass("on");
            if (judge == true) {
                panels.addClass("hide").eq(index).removeClass("hide");
                if (judge1 == true) {
                    panels.eq(index1).css("display", "");
                    judge1 = false;
                }
            } else {
                panels.eq(index).slideToggle(1000);
                $("html,body").animate({ scrollTop: $("#end").offset().top }, 1000);
                judge = true;
                index1 = index;
            }
        }
    });

    $(".helpbar > li").hover(
    function() { $(this).addClass("show"); },
    function() { $(this).removeClass("show"); }
    );

    $(".ul-tabs > li > a").hover(function() {
        var as = $(".ul-tabs").find("a");
        var panels = $(".ul-tabs").parent().children(".stage");
        var index = $.inArray(this, as);
        if (panels.eq(index)[0]) {
            //alert("oox1x");
            as.removeClass("on").eq(index).addClass("on");
            panels.css("display", "none").eq(index).show().css("display", "block");
            return false;
        }
    });

});