//首页幻灯
var Lantern = {

    onChange: [],
    oInterval: [],
    otimeOut: [],
    opacityNum: 101,
    cycNum: 0,
    showNum: 0,
    width: 386, //整体宽度
    navyCtr: [], //2维:  0.原长 1.目标长 2.speed 
    navyTime: 10, //navy动画时间
    picMoveSpeed: 22, //图片移动速度
    timeOut_time: 7000, //停滞时间
    info: //0.图片url 1.名称 2.链接地址 
    [],

    init: function() {
        Lantern.onChange = false;
        for (var i = 0; i < Lantern.info.length; i++) {
            var picDiv
            var picTemp
            picDiv = document.createElement('div');
            picTemp = document.createElement('img');
            picDiv.id = "LanternImg" + i;
            picDiv.name = i;
            picTemp.src = Lantern.info[i][0];
            picTemp.style.width = "445px";
            picDiv.style.position = "absolute";
            picDiv.style.left = "445px";
            picDiv.onclick = function() { window.open(Lantern.info[this.name][2]); };
            picDiv.appendChild(picTemp);
            document.getElementById("lanternImg").appendChild(picDiv);
            var divTemp
            divTemp = document.createElement('div');
            divTemp.id = "LanternN" + i;
            divTemp.style.width = "275px";
            divTemp.name = i;
            divTemp.innerHTML = "<div class='liclass' id='lanternnum" + i + "'>" + (i + 1) + "</div><span id=\"__lanternNc" + i + "\" style=\"display:none\">&nbsp;<b>" + (i + 1) + "</b>." + Lantern.info[i][1] + "</span>";
            if (i == 0) {
                divTemp.className = "div_off1";
            }
            else if (i == Lantern.info.length - 1) {
                divTemp.className = "div_off3";
            }
            else {
                divTemp.className = "div_off2";
            }
            //divTemp.className="div_off";
            if (i == 0)
                divTemp.onclick = function() { window.open(Lantern.info[this.name][2]); };
            else
                divTemp.onclick = function() { if (!Lantern.onChange) { Lantern.onChange = true; Lantern.setNavy(this.name); } };
            document.getElementById("lanternNavy").appendChild(divTemp);
        }

        Lantern.initNany();
    },

    initNany: function() {
        navyCtr = new Array();
        for (var k = 0; k < Lantern.info.length; k++)
            Lantern.navyCtr[k] = [];
        document.getElementById("__lanternNc0").style.display = "";
        document.getElementById("lanternnum0").style.display = "none";
        document.getElementById("LanternN0").className = "div_on1";
        var onLength, offLength
        onLength = 275//;document.getElementById("LanternN0").offsetWidth;
        offLength = 27.75; //(Lantern.width-onLength)/(Lantern.info.length-1)
        var numtemp = 0;
        for (var j = 0; j < Lantern.info.length; j++) {
            if (j != 0)//未选
            {
                Lantern.navyCtr[j][1] = offLength;
                document.getElementById("__lanternNc" + j).style.display = "none";
                if (j == Lantern.info.length - 1) {
                    document.getElementById("LanternN" + j).className = "div_off3";
                }
                else {
                    document.getElementById("LanternN" + j).className = "div_off2";
                }
                document.getElementById("LanternN" + j).style.width = offLength + "px";
                if (j == Lantern.info.length - 1) {
                    document.getElementById("LanternN" + j).style.width = (Lantern.width - onLength - numtemp - 7) + "px";
                }
                else {
                    numtemp += offLength;
                }
            }
            else//已选
            {
                Lantern.navyCtr[j][1] = onLength;
            }
        }


        document.getElementById("LanternImg0").style.display = "";
        document.getElementById("LanternImg0").style.left = "0px";
        Lantern.otimeOut = setTimeout("Lantern.cycLantern()", Lantern.timeOut_time);
    },

    setNavy: function(i) {
        if (i == Lantern.info.length - 1)
            document.getElementById("lanternNavy").style.backgroundColor = "#F5F4F2";
        else
            document.getElementById("lanternNavy").style.backgroundColor = "#CCCABE";

        document.getElementById("__lanternNc" + i).style.display = "";
        document.getElementById("lanternnum" + i).style.display = "none";
        if (i == 0) {
            document.getElementById("LanternN" + i).className = "div_on1";
        }
        else if (i == Lantern.info.length - 1) {
            document.getElementById("LanternN" + i).className = "div_on3";
        }
        else {
            document.getElementById("LanternN" + i).className = "div_on2";
        }
        document.getElementById("LanternN" + i).style.width = null;
        var onLength, offLength
        onLength = 275; //document.getElementById("LanternN"+i).offsetWidth
        offLength = 27.75; //(Lantern.width-onLength)/(Lantern.info.length-1)
        var numtemp = 0;
        for (var j = 0; j < Lantern.info.length; j++) {
            Lantern.navyCtr[j][0] = Lantern.navyCtr[j][1];
            if (i != j)//未选
            {
                Lantern.navyCtr[j][1] = offLength;
                document.getElementById("__lanternNc" + j).style.display = "none";
                document.getElementById("lanternnum" + j).style.display = "";
                if (j == Lantern.info.length - 1) {
                    document.getElementById("LanternN" + j).className = "div_off3";
                }
                else {
                    document.getElementById("LanternN" + j).className = "div_off2";
                }
                if (j == Lantern.info.length - 1) {
                    document.getElementById("LanternN" + j).style.width = (Lantern.width - onLength - numtemp - 7) + "px";
                }
                else {
                    numtemp += offLength
                }
                document.getElementById("LanternN" + j).style.width = Lantern.navyCtr[j][0] + "px";
                Lantern.navyCtr[j][2] = (Lantern.navyCtr[j][1] - Lantern.navyCtr[j][0]) / Lantern.navyTime;
            }
            else//已选
            {
                Lantern.navyCtr[j][1] = onLength;
                document.getElementById("LanternN" + j).style.width = (Lantern.navyCtr[j][0]) + "px";
                Lantern.navyCtr[j][2] = (Lantern.navyCtr[j][1] - Lantern.navyCtr[j][0]) / Lantern.navyTime;

            }
        }
        document.getElementById("LanternImg" + i).style.display = "";
        if (Lantern.onChange) {
            document.getElementById("LanternN" + i).onclick = function() { window.open(Lantern.info[this.name][2]); };
            document.getElementById("LanternN" + Lantern.showNum).onclick = function() { if (!Lantern.onChange) { Lantern.onChange = true; Lantern.setNavy(this.name); } };
            document.getElementById("LanternImg" + i).style.zIndex = 0;
            document.getElementById("LanternImg" + Lantern.showNum).style.zIndex = -1;
            Lantern.oInterval = setInterval('Lantern.changeLantern(' + i + ')', 10);
        }
    },

    imgMoveOver: false,
    navyMoveOver: false,
    changeLantern: function(i) {
        if (Lantern.otimeOut != null)
            clearTimeout(Lantern.otimeOut)
        //move
        if (!Lantern.navyMoveOver)
            Lantern.moveNavy(i);
        if (!Lantern.imgMoveOver) {
            Lantern.moveImg(i);
        }
        else {
            Lantern.flashImg(i);
        }
    },

    moveNavy: function(select) {
        var breaktime = 0;
        for (var i = 0; i < Lantern.info.length; i++) {
            if ((Lantern.navyCtr[i][2] > 0 && document.getElementById("LanternN" + i).offsetWidth < Lantern.navyCtr[i][1]) || (Lantern.navyCtr[i][2] < 0 && document.getElementById("LanternN" + i).offsetWidth > Lantern.navyCtr[i][1])) {
                if (i == select) {
                    document.getElementById("LanternN" + i).style.width = (document.getElementById("LanternN" + i).offsetWidth + Lantern.navyCtr[i][2] - 7) + "px";
                }
                else {
                    document.getElementById("LanternN" + i).style.width = (document.getElementById("LanternN" + i).offsetWidth + Lantern.navyCtr[i][2]) + "px";
                }

            }
            else {
                if (i == select) {
                    for (var j = 0; j < Lantern.info.length; j++) {
                        document.getElementById("LanternN" + j).style.width = Lantern.navyCtr[j][1] + "px";
                    }

                    Lantern.navyMoveOver = true;
                    break;
                }
            }
        }
    },

    moveImg: function(i) {
        if (document.getElementById("LanternImg" + i).offsetLeft > 0) {
            document.getElementById("LanternImg" + i).style.left = (document.getElementById("LanternImg" + i).offsetLeft - Lantern.picMoveSpeed) + "px";
        }
        else {
            document.getElementById("LanternImg" + i).style.left = "0px";
            document.getElementById("LanternImg" + Lantern.showNum).style.left = Lantern.width + "px";
            Lantern.imgMoveOver = true;
        }
    },

    flashImg: function(i) {
        document.getElementById("LanternImg" + i).style.opacity = "100";
        Lantern.showNum = i;
        Lantern.imgMoveOver = false;
        Lantern.navyMoveOver = false;
        Lantern.opacityNum = 101;
        Lantern.cycNum = i;
        clearInterval(Lantern.oInterval);
        Lantern.otimeOut = setTimeout("Lantern.otimeOut=Lantern.cycLantern()", Lantern.timeOut_time);
        Lantern.onChange = false;
    },

    cycLantern: function() {
        if (!Lantern.onChange) {
            Lantern.onChange = true;
            if (Lantern.cycNum == Lantern.info.length - 1)
                Lantern.cycNum = 0;
            else
                Lantern.cycNum++;
            Lantern.setNavy(Lantern.cycNum)
        }
    },
    moveprevious: function() {
        if (!Lantern.onChange) {

            if (Lantern.cycNum > 0)
                Lantern.cycNum -= 1;
            else
                return;

            Lantern.onChange = true;
            Lantern.setNavy(Lantern.cycNum)
        }
    },
    movenext: function() {
        if (!Lantern.onChange) {

            if (Lantern.cycNum >= Lantern.info.length - 1)
                return;
            else
                Lantern.cycNum += 1;

            Lantern.onChange = true;
            Lantern.setNavy(Lantern.cycNum);
        }
    }
}

document.writeln("<style type=\"text\/css\">");
document.writeln(".ddindex_content_lz {");
document.writeln("	FLOAT: left; WIDTH: 445px; HEIGHT: 200px;");
document.writeln("}");
document.writeln("#lantern {");
document.writeln("	BORDER-RIGHT: #878787 1px solid; BORDER-TOP: #878787 1px solid; FONT-SIZE: 10.5pt; OVERFLOW: hidden; BORDER-LEFT: #878787 1px solid; WIDTH: 445px; CURSOR: pointer; LINE-HEIGHT: 23px; BORDER-BOTTOM: #878787 1px solid; HEIGHT: 200px");
document.writeln("}");
document.writeln("#lanternMain {");
document.writeln("	WIDTH: 445px; HEIGHT: 177px; BACKGROUND-COLOR: #ffffff");
document.writeln("}");
document.writeln("#lanternImg {");
document.writeln("	OVERFLOW: hidden; WIDTH: 445px; POSITION: absolute; HEIGHT: 177px");
document.writeln("}");
document.writeln("#lanternNavy {");
document.writeln("	BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 10.5pt; FLOAT: left; OVERFLOW: hidden; WIDTH: 405px; COLOR: #853200; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #cccabe; TEXT-ALIGN: center");
document.writeln("}");
document.writeln("#lanternNavy .div_off1 {");
document.writeln("	FLOAT: left; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #cccabe; TEXT-ALIGN: center");
document.writeln("}");
document.writeln("#lanternNavy .div_on1 {");
document.writeln("	PADDING-RIGHT: 0px; BORDER-TOP: #cccabe 1px solid; PADDING-LEFT: 0px; FLOAT: left; OVERFLOW: hidden; BORDER-BOTTOM: #cccabe 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #f5f4f2; TEXT-ALIGN: center");
document.writeln("}");
document.writeln("#lanternNavy .div_off2 {");
document.writeln("	FLOAT: left; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #cccabe; TEXT-ALIGN: center");
document.writeln("}");
document.writeln("#lanternNavy .div_on2 {");
document.writeln("	PADDING-RIGHT: 0px; BORDER-TOP: #cccabe 1px solid; PADDING-LEFT: 0px; FLOAT: left; OVERFLOW: hidden; BORDER-BOTTOM: #cccabe 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #f5f4f2; TEXT-ALIGN: center");
document.writeln("}");
document.writeln("#lanternNavy .div_off3 {");
document.writeln("	FLOAT: left; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #cccabe; TEXT-ALIGN: center");
document.writeln("}");
document.writeln("#lanternNavy .div_on3 {");
document.writeln("	PADDING-RIGHT: 0px; BORDER-TOP: #cccabe 1px solid; PADDING-LEFT: 0px; FLOAT: left; OVERFLOW: hidden; BORDER-BOTTOM: #cccabe 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #f5f4f2; TEXT-ALIGN: center");
document.writeln("}");
document.writeln(".liclass {");
document.writeln("	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; MARGIN-TOP: 3px; FLOAT: left; MARGIN-LEFT: 6px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 15px; COLOR: #ffffff; LINE-HEIGHT: 14px; MARGIN-RIGHT: 6px; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 15px; BACKGROUND-COLOR: #cc3300; TEXT-ALIGN: center; _margin-left: 2.5px; _margin-right: 2.5px");
document.writeln("}");
document.writeln("<\/style>");



document.writeln("<DIV class=ddindex_content_lz id=__E_lunzhuan>");
document.writeln("<DIV id=lantern>");
document.writeln("<DIV id=lanternMain>");
document.writeln("<DIV id=lanternImg><\/DIV><\/DIV>");
document.writeln("<DIV ");
document.writeln("style=\"BORDER-TOP: #ffffff 1px solid; FLOAT: left; BORDER-BOTTOM: #ffffff 1px solid\"><IMG onclick=Lantern.moveprevious(); src=\"/Theme/Default/images/index_banner_lz_02_left.gif\"><\/DIV>");
document.writeln("<DIV id=lanternNavy><\/DIV>");
document.writeln("<DIV style=\"BORDER-TOP: #ffffff 1px solid; FLOAT: left; BORDER-BOTTOM: #ffffff 1px solid\"><IMG onclick=Lantern.movenext(); src=\"/Theme/Default/images/index_banner_lz_02_right.gif\"><\/DIV>");
document.writeln("<SCRIPT type=text\/javascript>");
document.writeln("     document.lanterninfo=function(){");
document.writeln("   Lanterninfo=new Array();");
document.writeln("   Lanterninfo=[       ");
document.writeln("       ['http://ad.nahuo88.com/file/photo/2009121003004774.jpg','淘衣网就等着你来拿货，热门女装！','http://test1.xiao77w.com/bbs/showforum-8.html'],['http://ad.nahuo88.com/file/photo/2009121003055949.jpg','外贸精品就等你出手！','http://test1.xiao77w.com/bbs/showforum-10.html']");
document.writeln("       ];");
document.writeln("       ");
document.writeln("       return Lanterninfo;");
document.writeln("   } ");
document.writeln("   Lantern.info=new Array();");
document.writeln("   Lantern.info=document.lanterninfo();");
document.writeln("   Lantern.init();");
document.writeln("<\/SCRIPT>");
document.writeln("<\/DIV><\/DIV>");