﻿$(function() {
    //导航切换效果
    var indexNavList = $("#nav ul li");
    var indexSubNavUl = $("#subnav ul");
    var navCurIndex = 0;
    indexNavList.each(function(i) {
        var me = $(this);
        me.bind("mouseover", function() {
            if (!me.hasClass("hover")) {
                me.addClass("hover");
                indexNavList.eq(navCurIndex).removeClass("hover");
                indexSubNavUl.eq(i).show().siblings().hide();
            };
            navCurIndex = i;
        });
    });
    indexSubNavUl.children("li").hover(function() {
        if (!$(this).hasClass("hover")) {
            $(this).addClass("hover");
        };
    }, function() {
        $(this).removeClass("hover");
    });
    //模拟下拉选择
    var secCourseSelect = $("#sectype_box");
    var secValue = $("#sectype_value");
    var courseTypeList = $("#sectype_box ul.mul_select");
    var courseTypeItem = courseTypeList.children("li");
    secCourseSelect.bind("click", function(event) {
        var eTargetParent = event.target.parentNode;
        if (eTargetParent.nodeName != "UL" && eTargetParent.className != "mul_select") {
            secValue.css({ background: "#999", color: "#fff", border: "1px dotted #ddd" });
            courseTypeList.slideDown("fast");
            courseTypeItem.bind("mouseover", function() {
                var me = $(this);
                if (!me.hasClass("hover")) me.addClass("hover").siblings().removeClass("hover");
            });
            courseTypeItem.bind("click", function() {
                var me = $(this);
                me.addClass("hover").siblings().removeClass("hover");
                secValue.attr("value", me.attr("value")).text(me.text()).css({ background: "#fff", color: "#666", border: "1px solid #fff" });
                courseTypeList.hide();
            });
            $(document).click(function(event) {
                var eTarget = event.target;
                if (eTarget.getAttribute("id") != "sectype_box" || eTarget.getAttribute("id") != "sectype_value") {
                    courseTypeList.hide();
                }
            });
        }
    });
    //[placeHolder]html5使用该属性即可 输入框默认文字效果
    var keyInput = $("#course_key").children("input.inp_text");
    var keyInputVal = "课程搜索";
    keyInput.bind("focus", function() {
        var me = $(this);
        if (me.val() == keyInputVal) me.val("");
        me.css("color", "#666");
    });
    keyInput.bind("blur", function() {
        var me = $(this);
        if (me.val() == "") me.val(keyInputVal);
        me.css("color", "#A5A5A5");
    });
    //轮换广告
    //所有flash帧
    var flashFrame = $("#flash_imgbox ul li");
    //帧索引容器
    var frameIndexBox = $("#flash_index ul li");
    //所有的time集合
    var timeArr = [];
    flashFrame.each(function(i) {
        timeArr.push($(this).attr("showtime"));
    });
    //创建计时器实例
    var timer = new Timer(timeArr, timeArr.length);
    timer.predone = function() {
        var gdTime = timer.times[timer.current] * 1000;
    };
    timer.begin();
    timer.done = function() {
        frameIndexBox.eq(timer.current).addClass("cur").siblings().removeClass("cur");
        //如果当前帧不是最后一帧 则隐藏当前帧跳到下一帧
        if (timer.current < flashFrame.length) {
            flashFrame.eq(timer.current - 1).fadeOut("fast").next().fadeIn("fast");
            timer.begin();
        } else {
            //如果是最后一帧 显示第一帧 隐藏其它帧 并重新加载计时器
            timer.reload();
            flashFrame.filter(":first").fadeIn("fast").siblings().fadeOut("fast");
            frameIndexBox.eq(0).addClass("cur").siblings().removeClass("cur");
        }
    };
    //数字索引点击事件
    frameIndexBox.each(function(i) {
        var me = $(this);
        me.click(function() {
            if (!me.hasClass("cur")) {
                me.addClass("cur").siblings().removeClass("cur");
            };
            flashFrame.eq(i).fadeIn("fast").siblings().fadeOut("fast");
            timer.stop();
            timer.current = i;
            timer.begin();
        });
    });
    //学员心声滚动
    $("#voice_listbox ul").mulMarquee({ direction: 'up', isEqual: false });
    //报名
    $("#ol_sign_scroll").Scroll({ line: 1, speed: 1000, timer: 4000 });
    //开课计划
    $("#ol_sign_scroll2").Scroll2({ line: 1, speed: 1000, timer: 4000 });
});
//切换菜单
$(function() {
    var conTabMenu = $("div.tab_menu");
    conTabMenu.each(function() {
        var theMenu = $(this).children("ul").children("li");
        theMenu.filter(":first").addClass("cur");
        var conTabContent = $(this).next("div.tab_content")
        conTabContent.children("div").filter(":first").addClass("cur");
        theMenu.each(function(i) {
            var me = $(this);
            me.bind("mouseover", function() {
                if (!me.hasClass("cur")) {
                    me.addClass("cur").siblings().removeClass("cur");
                    conTabContent.children("div").eq(i).addClass("cur").siblings().removeClass("cur");
                    //                              return false;						  
                }
            });
            //                      if(me.find("a").length>0){
            //                        me.children("a").bind("click",function(){
            //                              return false;
            //                        });
            //                      }
        });
    });
});

//index  alert
function ScrollImgLeft() {
    var speed = 30;
    var scroll_begin = document.getElementById("scroll_begin");
    var scroll_end = document.getElementById("scroll_end");
    var scroll_div = document.getElementById("scroll_div");
    if (scroll_begin.scrollWidth > parseInt(document.body.clientWidth) / 2) {
        scroll_end.innerHTML = scroll_begin.innerHTML;
        function Marquee() {
            if (scroll_end.offsetWidth - scroll_div.scrollLeft <= 0)
                scroll_div.scrollLeft -= scroll_begin.offsetWidth
            else
                scroll_div.scrollLeft++
        }
        var MyMar = setInterval(Marquee, speed);
        scroll_div.onmouseover = function() { clearInterval(MyMar) }
        scroll_div.onmouseout = function() { MyMar = setInterval(Marquee, speed) }
    }
}    


