$(function(){
    var banner = $("#banner");
    var banner_center = $("#banner_center");
    var blackObj = $("#change_img");
    var blackSrc = $(blackObj).attr("src");
    var colorSrc = $(blackObj).attr("alt");
    var back_top = $("#go_top");
    var eachItem = $("#itemsScroll").find("li");
    var appendTarget = $("#item_btns");
    var oPics = $("#pic_items");
    var eachCollege = $("#colleges li");
    var oldSrc = null;
    var curShowIndex = 0;
    var i = -1;
    var avilWid = $(document).width();
    var scale = avilWid/1160;
        scale = ((scale + 0.2)*100)/100;
        scale = scale.toFixed(2);
        if(scale < 0.65){
            scale = 0.65;
        }
//    计算当前屏幕的宽度和图片原来的宽高比例，得到一个两位小数,为保证图片不失真，加20%
        autoSuit(scale);

    function autoSuit(scale){
        $(banner).css({
            "width":avilWid + "px",
            "height":272 * scale + "px"
        });
        $(banner).find("img").css({
            "width":avilWid + "px",
            "height":272 * scale + "px"
        })
            .attr({
                "width":avilWid + "px",
                "height":272 * scale + "px"
            });
        $(banner_center).attr({
            "width":avilWid + "px",
            "height":283 * scale + "px"
        }).css({
                "width":avilWid + "px",
                "height":283 * scale + "px"
            });
    }
//    根据该比例，给图片神马的设置宽高

    $(banner).hover(function(){
        $(blackObj).attr("src",colorSrc);
    },function(){
        $(blackObj).attr("src",blackSrc);
    });
//     banner的切换

    $(back_top).click(function(){
        $(window).scrollTop(0);
    });
//    回到顶部代码

    $("#followUs").floatadv();
//      调用右侧广告代码

    $(oPics).find("li").each(function(){
        $(this).hover(function(){
            oldSrc = $(this).find("img").attr("src");
            $(this).find("img")
                .attr("src",$(this).find("img").attr("alt"))
        },function(){
            $(this).find("img")
                .attr("src",oldSrc);
        });
    });
//      小图的鼠标悬停动作（由原来的黑白图片切换为彩色图片）

    $(eachItem).each(function(){
        $(appendTarget).append("<li class='floatL'></li>");
    });
    addClass(0);
//      页面加载时动态创建按钮，并为第一个按钮添加高亮样式，示意当前显示

    var T = null;
    T = setInterval(scrollBox,3000);
    var index = 0;
//      定时器调用自动切换代码，没3秒一次

    $(eachCollege).each(function(){
        $(this).mouseover(function(){
            $(eachCollege).each(function(){
                $(this).find(".each_college_top")
                    .removeClass("cur_college");
            });
    /***
     * 防止鼠标移到其他学院标题上时当前学院上的高亮样式还未清除，
     * 所以在每次鼠标移到的时候做一次循环，
     * 把每个".each_college_top"上的高亮样式清除
     * ***/
            $(this).find(".each_college_top")
                .removeClass("cur_college")
                .addClass("cur_college");
//     给鼠标移上的学院加上高亮显示
            if(curShowIndex > -1){
                $(eachCollege).eq(curShowIndex)
                    .find(".each_college_top")
                    .removeClass("cur_college")
                    .addClass("cur_college");
            }
        });
        $(this).mouseout(function(){
            $(this) .find(".each_college_top")
                .removeClass("cur_college");
            if(curShowIndex > -1){
                $(eachCollege).eq(curShowIndex)
                    .find(".each_college_top")
                    .removeClass("cur_college")
                    .addClass("cur_college");
            }
        });
        $(this).click(function(){
            i = $(this).index();
            $(eachCollege).each(function(){
                $(this).find(".each_college_top")
                    .removeClass("cur_college");
                if($(this).index() != i){
                    $(this).find(".each_college_content").slideUp(150);
                }
            });
            /***
             * 判断鼠标点击地址，当鼠标点击地址不等于i时，详细内容收上去隐藏，不显示
             * ***/
            $(this).find(".each_college_top")
                .removeClass("cur_college")
                .addClass("cur_college");
            if(curShowIndex == $(this).index()){
                return;
            }
                $(this).find(".each_college_content")
                    .slideDown(150);
            curShowIndex = $(this).index();
        });
    });
//    每个学院的鼠标操作

//    自动切换代码封装
    function scrollBox(){
        index = parseInt(index + 1) === $(eachItem).length ? 0 : parseInt(index + 1);
        addClass(index);
        var first = $("#itemsScroll li:first");
        var width = (-(first.outerWidth(true)))  + "px";
        $("#itemsScroll").animate({left:width},{
            duration:500,
            complete:function(){
                $("#itemsScroll").append(first).css("left","0");
            }
        });
    }
//    为老师的轮播按钮添加按钮类名切换
    function addClass(index){
        $(appendTarget).find("li")
            .eq(index)
            .removeClass("cur_item")
            .addClass("cur_item")
            .siblings()
            .removeClass("cur_item");
    }
});

//      右侧微博广告代码封装
$.fn.floatadv = function(loaded) {
    var obj = this;
    body_height = parseInt($(window).height());
    block_height = parseInt(obj.height());
    top_position = parseInt((body_height/2) - (block_height/2) + $(window).scrollTop());
    if (body_height<block_height) { top_position = 0 + $(window).scrollTop(); }
    if(!loaded) {
        obj.css({"position": "absolute"});
        obj.css({ "top": top_position });
        $(window).bind("resize", function() {
            obj.floatadv(!loaded);
        });
        $(window).bind("scroll", function() {
            obj.floatadv(!loaded);
        });
    } else {
        obj.stop();
        obj.css({"position": "absolute"});
        obj.animate({ "top": top_position }, 400, "linear");
    }
};