﻿$(function() {
    //每4秒调用一次图片交换的方法
    setInterval("show()", 4000);
    $("#jdt td").click(function() {
        $("#jdt td").removeClass().addClass("black");
        $("#imgs").hide();
        $("#imgs").fadeIn("slow").attr("src", "images/logo" + $(this).index() + ".jpg");
        n = $(this).index();
        $("#lg" + n + "").removeClass().addClass("white");
    }).css("cursor", "pointer");

    //多字背景
    $("#duozi").hover(function() {
        $(this).addClass("dh_bj_dz");
    }, function() {
        $(this).removeClass();
    });
    //导航背景切换
    $("#daohang td").hover(function() {
        $(this).addClass("dh_bj_sz");
    }, function() {
        $(this).removeClass();
    });
    //////底部向左移动图片
    var demo = $("#demo");
    var lists = demo.find(".demoList");
    var l = $(lists[0]).width();
    demo.css("width", lists.length * l);

    demo.hover(function() {
        clearInterval(demoTimer);
    }, function() {
        demoTimer = setInterval(move, 4000);
    });
    move = function() {
        $("#demo").animate({
            marginLeft: -l
        }, 1000, function() {
            var lists = demo.find(".demoList");
            demo.css("margin-left", "0px")
				.append($(lists[0]));
        });
    }
    var demoTimer = setInterval(move, 4000);
initAd();//载入页面后，调用函数initAd()
});
	//悬浮
function initAd() {
document.all.AdLayer.style.posTop = -200;
//设置onLoad事件激发以后，广告层相对于固定后的y方向位置
document.all.AdLayer.style.visibility = 'visible'//设置层为可见
MoveLayer('AdLayer');//调用函数MoveLayer()
}
function MoveLayer(layerName) {
var x = 20;//浮动广告层固定于浏览器的x方向位置
var y = 200;//浮动广告层固定于浏览器的y方向位置
var diff = (document.documentElement.scrollTop + y - document.all.AdLayer.style.posTop)*.90;
var y = document.documentElement.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posright = x");//移动广告层
setTimeout("MoveLayer('AdLayer');", 0);//设置20毫秒后再调用函数MoveLayer()
}
//图片循环交换
var n = 0;
function show() {
    n++;
    var imgs = $("#imgs");
    if (n > 4) {
        n = 0;
    }
    imgs.hide();
    imgs.fadeIn("slow").attr("src", "images/logo" + n + ".jpg");
    if (n == 0) {
        $("#lg0").removeClass().addClass("white");
        $("#lg1").removeClass().addClass("black");
        $("#lg2").removeClass().addClass("black");
        $("#lg3").removeClass().addClass("black");
        $("#lg4").removeClass().addClass("black");
    }
    if (n == 1) {
        $("#lg1").removeClass().addClass("white");
        $("#lg0").removeClass().addClass("black");
        $("#lg2").removeClass().addClass("black");
        $("#lg3").removeClass().addClass("black");
        $("#lg4").removeClass().addClass("black");

    }
    if (n == 2) {
        $("#lg2").removeClass().addClass("white");
        $("#lg0").removeClass().addClass("black");
        $("#lg1").removeClass().addClass("black");
        $("#lg3").removeClass().addClass("black");
        $("#lg4").removeClass().addClass("black");

    }
    if (n == 3) {
        $("#lg3").removeClass().addClass("white");
        $("#lg0").removeClass().addClass("black");
        $("#lg1").removeClass().addClass("black");
        $("#lg2").removeClass().addClass("black");
        $("#lg4").removeClass().addClass("black");

    }
    if (n == 4) {
        $("#lg4").removeClass().addClass("white");
        $("#lg0").removeClass().addClass("black");
        $("#lg1").removeClass().addClass("black");
        $("#lg2").removeClass().addClass("black");
        $("#lg3").removeClass().addClass("black");

    }
}  
