﻿
// 设置滚动
var bannerTimeout;
var newsTimeout;
var newsTextTimeout;


jQuery(function ($) {

    // Banner
    (function () {

        //return;

        var bnnList = $(".banner .banner_warp");
        var menu = $(".banner_menu ul").empty();

        bnnList
		.css({ position: "absolute", left: 0, top: 0 })
		.each(function () {

		    $('<li></li>').append($(this).html()).appendTo(menu)
				.find("a")
				.attr("href", "javascript:void(0);");

		    //.css({ width: "48px", height: "32px" });

		});

        menu.css({ width: (menu.find("li").width() + 16) * menu.find("li").size() });

        $(".banner").css({ overflow: "hidden", position: "relative" })
		.bind({
		    "prev": function () {
		        var prev = $(".current", this).prev();
		        prev = prev.size() ? prev : bnnList.filter(":last");
		        prev.trigger("show");
		    },
		    "next": function () {
		        var next = $(".current", this).next();
		        next = next.size() ? next : bnnList.filter(":first");
		        next.trigger("show");
		    }
		})
		.find(".banner_menu li").click(function () {

		    var idx = $(".banner_menu li").index(this);
		    bnnList.eq(idx).trigger("show");

		    $(".banner_menu li a").removeClass("hover");
		    $("a", this).addClass("hover");

		});

        var wth = document.body.offsetWidth;
        var bsr = $('<div class="banner_scroll_banner"></div>').css({ width: "100%" }).prependTo(".banner");

        // 更新banner的宽度为浏览器的最大宽度（即100%），窗口重置大小时执行
        resetBannerWidth();
        $(window, document.body).bind("resize", function () {
            resetBannerWidth();
        });

        // 方法：更新banner的宽
        function resetBannerWidth() {
            var wth = document.body.offsetWidth;
            bsr
            //.width(wth * bnnList.css({ width: wth }).size() + 100)
			.css({ position: "absolute",left:"0px" });

            var curr = bnnList.filter(".current");
            curr = curr.size() ? curr : bnnList.filter(":first")
            curr.parent().animate({ left: 0 - curr[0].offsetLeft }, 0);
        }

        bnnList.appendTo(bsr)
        //.css({ width: wth, float: "left" })
		.bind({
		    "show": function (event, data) {
		        clearTimeout(bannerTimeout);
		        var left = 0 - this.offsetLeft;
		        var _this = this;

		        $(this)
				.fadeIn(600, "linear", function () {
				    var _next = $(_this).next();
				    _next = _next.size()
							? _next
							: $(_this).prevAll(":last");

				    // 缩略图样式
				    var idx = bnnList.index(_this);
				    $(".banner_menu li a").removeClass("hover")
					.eq(idx).addClass("hover");

				    bannerTimeout = setTimeout(function () { _next.trigger("show"); }, 5000);
				})
				.addClass("current")
				.siblings().fadeOut().removeClass("current");
		    }
		});



        // 开始轮换
        // $(".banner_warp").parent().css({ left: 0 - $(".banner_warp:last")[0].offsetLeft });
        bnnList.filter(":first").trigger("show");
    })();

    // 热点新闻滚动
    (function () {


        var speed = 200;
        $(".news_link").css({ height: "30px", overflow: "hidden" })
			.find("ul").bind({
			    "prev": function () {
			        clearTimeout(newsTimeout);
			        var ul = this;
			        var n = $("li.current", this).prev();
			        n = n.size() ? n : $("li:last", this);
			        var _time = $("a", n).text().length * speed * 1.1;
			        n.slideDown(function () { textProcess($("a", n)) }).addClass("current");
			        n.siblings(":visible").slideUp().removeClass("current");
			        newsTimeout = setTimeout(function () { $(ul).trigger("next"); }, _time);
			    },
			    "next": function () {
			        clearTimeout(newsTimeout);
			        var ul = this;
			        var n = $("li.current", this).next();
			        n = n.size() ? n : $("li:first", this);
			        var _time = $("a", n).text().length * speed * 1.1;
			        n.slideDown(function () { textProcess($("a", n)) }).addClass("current");
			        n.siblings(":visible").slideUp().removeClass("current");
			        newsTimeout = setTimeout(function () { $(ul).trigger("next"); }, _time);
			    }
			})
			.trigger("next");

        function textProcess(tag) {

            return;
            if ($.browser.msie && $.browser.version < 8) return;

            clearInterval(newsTextTimeout);
            var text = $(tag).text();
            var light = $('<span style="color:#333; margin-left:0;"></span>');
            var remain = $('<span style="margin-left:0;"></span>');

            $(tag).html("").append(light).append(remain);

            remain.html(text);

            newsTextTimeout = setInterval(function () {
                light.html(light.text() + remain.text().substr(0, 1));
                remain.html(remain.text().substr(1));
            }, speed * 0.8);
        }

        // 控制：上一条、下一条
        $(".news_arrow a").click(function () {
            var rel = $(this).hasClass("pre") ? "prev" : "next";
            $(".news_link ul").trigger(rel);
            return false;
        });
    })();
});
