var flag = true;
var currentpromoteInex = 0;
var currentTimeOutID = 0;

var promoteImageArray = null;
var promoteLinkArray = null;
var promoteCaptionArray = null;

var navImageArray = null;
var navOnImageArray = null;
var navLinkArray = null;
var navCaptionArray = null;
var navImageAlt = null;

var navImageArray = new Array();
var navOnImageArray = new Array();
var navLinkArray = new Array();
var navCaptionArray = new Array();
var navImageAlt = new Array();

navImageArray[0] = "template/connectionhouse_cn/img_ad/wireless_disable.gif";
navOnImageArray[0] = "template/connectionhouse_cn/img_ad/wireless.gif";
navLinkArray[0] = "cat.do?parentId=28";
navCaptionArray[0] = "PoE Network";
navImageAlt[0] = "PoE网络设备";

navImageArray[1] = "template/connectionhouse_cn/img_ad/adsl_disable.gif";
navOnImageArray[1] = "template/connectionhouse_cn/img_ad/adsl.gif";
navLinkArray[1] = "cat.do?parentId=29";
navCaptionArray[1] = "Home Wiring System";
navImageAlt[1] = "家庭线路系统";

navImageArray[2] = "template/connectionhouse_cn/img_ad/router_disable.gif";
navOnImageArray[2] = "template/connectionhouse_cn/img_ad/router.gif";
navLinkArray[2] = "cat.do?parentId=30";
navCaptionArray[2] = "Touch Screen";
navImageAlt[2] = "触摸屏幕";

navImageArray[3] = "template/connectionhouse_cn/img_ad/switch_disable.gif";
navOnImageArray[3] = "template/connectionhouse_cn/img_ad/switch.gif";
navLinkArray[3] = "cat.do?parentId=31";
navCaptionArray[3] = "OEM / ODM";
navImageAlt[3] = "代工生产/原始设计商";

navImageArray[4] = "template/connectionhouse_cn/img_ad/ipcamera_disable.gif";
navOnImageArray[4] = "template/connectionhouse_cn/img_ad/ipcamera.gif";
navLinkArray[4] = "cat.do?parentId=32";
navCaptionArray[4] = "IP Camera";
navImageAlt[4] = "其它产品";


var promoteWidth = 565;
var promoteHeight = 244;
var promoteDuration = 10000;
var defaultpromoteIndex = 0;

var promoteLinkArray = new Array();
var promoteImageArray = new Array();
var promoteCaptionArray = new Array();

promoteLinkArray[0] = "cat.do?parentId=28";
promoteImageArray[0] = "template/connectionhouse_cn/img_ad/p1.jpg";
promoteCaptionArray[0] = "poe";

promoteLinkArray[1] = "cat.do?parentId=29";
promoteImageArray[1] = "template/connectionhouse_cn/img_ad/p2.jpg";
promoteCaptionArray[1] = "home wiring system";

promoteLinkArray[2] = "cat.do?parentId=30";
promoteImageArray[2] = "template/connectionhouse_cn/img_ad/p3.jpg";
promoteCaptionArray[2] = "Touch Screen";

promoteLinkArray[3] = "cat.do?parentId=31";
promoteImageArray[3] = "template/connectionhouse_cn/img_ad/p4.jpg";
promoteCaptionArray[3] = "OEM/ ODM";

promoteLinkArray[4] = "cat.do?parentId=32";
promoteImageArray[4] = "template/connectionhouse_cn/img_ad/p5.jpg";
promoteCaptionArray[4] = "Other";

preloadImageArray(promoteImageArray);
preloadImageArray(navImageArray);
preloadImageArray(navOnImageArray);

function playPromote() {
    playFilterEffect(promoteImageArray, promoteLinkArray, promoteCaptionArray, defaultpromoteIndex);
}

function playFilterEffect(promoteImageArray, promoteLinkArray, promoteCaptionArray, defaultpromoteIndex) {
    if (promoteImageArray.length > 1) {
        currentpromoteIndex = defaultpromoteIndex;
        document.write("<table border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" style=\"margin:1px auto;margin-bottom:0;\" id=\"pmaintble\"><tr>");
        showNav(currentpromoteIndex);
        showpromote(currentpromoteIndex);
        document.write("</tr></table>");
        runEffect();
    }
}

function showpromote(currentpromoteIndex) {
    document.write("<td valign=top width=\"" + promoteWidth + "\"  style=\"border-left:#fff solid 1px;\"><div style=\"height:" + promoteHeight + "px;display:block;overflow:hidden\"><div id=\"mainpromote\" style=\"width:" + promoteWidth + "px;height:" + promoteHeight + "px;display:block\">");
    if (isIE5plus()) {
        document.writeln("<div id=\"promoteimg\" style=\"position:absolute;display:block;visibility:visible\"><a href=\"" + promoteLinkArray[currentpromoteIndex] + "\" onmouseover=\"stopEffect();\" onmouseout=\"startEffect();\"><img src=\"" + promoteImageArray[currentpromoteIndex] + "\" title=\"" + promoteCaptionArray[currentpromoteIndex] + "\" border=0 id=\"image" + currentpromoteIndex + "\"></a></div>");
    }
    else {
        for (i = 0; i < promoteImageArray.length; i++) {
            document.write("<div id=\"promote" + i + "\" style=\"position:absolute;display:block;");
            if (i == currentpromoteIndex)
                document.write("visibility:visible\">");
            else
                document.write("visibility:hidden\">");
            document.writeln("<a href=\"" + promoteLinkArray[i] + "\" onmouseover=\"stopEffect();\" onmouseout=\"startEffect();\"><img src=\"" + promoteImageArray[i] + "\" title=\"" + promoteCaptionArray[i] + "\" border=0 id=\"image" + i + "\"></a></div>");
            setOpacity(getObj("image" + i), 0);
        }
    }
    document.write("</div>");
    showNumberNav(currentpromoteIndex);
    document.write("</div></td>");
}

function showNav(currentpromoteIndex) {
    document.write("<td valign=top><div style=\"padding-top:0px\" id=\"navpromote\">");
    for (i = 0; i < navImageArray.length; i++) {
        document.write("<div id=\"nav" + i + "\"><a href=\"" + navLinkArray[i] + "\" onmouseover=\"callEffect('" + (i + 1) + "');return false;\" onmouseout=\"cancelEffect();startEffect();return false;\"><img name=\"navimg" + i + "\" src=\"");
        if (i == currentpromoteIndex)
            document.write(navOnImageArray[i]);
        else
            document.write(navImageArray[i]);
        document.writeln("\" title=\"" + navCaptionArray[i] + "\" border=0 alt=\"" + navImageAlt[i] + "\"></a></div>");
    }
    document.write("</div></td>");
}

function showNumberNav(currentpromoteIndex) {
    document.writeln("<div id=\"numnav\" style=\"text-align:right;\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr bgcolor=\"#87c9f2\" align=\"center\">");
    for (i = 0; i < promoteImageArray.length; i++) {
        document.write("<td");
        if (i < promoteImageArray.length - 1)
            document.write(" style=\"border-right:#fff solid 1px\"");
        document.write(" onclick=\"runEffect('" + (i + 1) + "');return false;\"><img id=\"navnumimg" + i + "\" src=\"template\/connectionhouse_cn\/img_ad\/");
        if (i != currentpromoteIndex)
            document.write(i + 1);
        else
            document.write((i + 1) + "" + (i + 1));
        document.write(".jpg\">");
    }
    document.writeln("</td></tr></table></div>");
}

function runEffect(promoteIndex) {
    if (flag) {
        flag = false;
        setOpacity(getObj("image" + currentpromoteIndex), 100);
        currentTimeOutID = setTimeout("runEffect()", 2000);
        return;
    }
    var nextpromoteIndex = getNext(currentpromoteIndex, promoteImageArray.length);
    var runpromoteIndex = currentpromoteIndex;
    if (!isNaN(parseInt(promoteIndex)))
        currentpromoteIndex = parseInt(promoteIndex) - 1;
    else
        currentpromoteIndex = nextpromoteIndex;
    if (currentpromoteIndex != runpromoteIndex) {
        if (isIE5plus()) {
            var vt = Math.floor(Math.random() * 23);
            vt = 6;
            promoteObj = getObj("promoteimg");
            promoteObj.style.filter = "revealTrans(duration=1.0,transition=6) blendTrans(duration=1.5)";
            promoteObj.filters(0).apply();
            promoteObj.filters(1).apply();

            promoteObj.innerHTML = "<a href=\"" + promoteLinkArray[currentpromoteIndex] + "\" onmouseover=\"stopEffect();\" onmouseout=\"startEffect();\"><img src=\"" + promoteImageArray[currentpromoteIndex] + "\" title=\"" + promoteCaptionArray[currentpromoteIndex] + "\" border=0 id=\"image" + currentpromoteIndex + "\"></a>";

            promoteObj.filters(0).play();
            promoteObj.filters(1).play();
        }
        else {
            fadeOut(runpromoteIndex, 99.999);
            fadeIn(currentpromoteIndex, 0);
        }
        changeNav(currentpromoteIndex);
    }
    if (!isNaN(parseInt(currentpromoteIndex)))
        clearTimeout(currentTimeOutID);
    currentTimeOutID = setTimeout("runEffect()", promoteDuration);
}

function changeNav(currentpromoteIndex) {
    for (i = 0; i < navImageArray.length; i++) {
        if (i == currentpromoteIndex) {
            document.images['navimg' + i].src = navOnImageArray[i];
            document.images['navnumimg' + i].src = "template\/connectionhouse_cn\/img_ad\/" + (i + 1) + "" + (i + 1) + ".jpg";
        }
        else {
            document.images['navimg' + i].src = navImageArray[i];
            document.images['navnumimg' + i].src = "template\/connectionhouse_cn\/img_ad\/" + (i + 1) + ".jpg";
        }
    }
}

function callEffect(promoteIndex) {
    callEffectTimeOutID = setTimeout("callRunEffect('" + promoteIndex + "')", 300);
}

function callRunEffect(promoteIndex) {
    eval("runEffect('" + promoteIndex + "')");
    stopEffect();
}

function cancelEffect(promoteIndex) {
    clearTimeout(callEffectTimeOutID);
}

function stopEffect() {
    clearTimeout(currentTimeOutID);
}

function startEffect() {
    clearTimeout(currentTimeOutID);
    currentTimeOutID = setTimeout("runEffect()", 2000);
}

function getNext(currentpromoteIndex, promoteLength) {
    var nextIndex = (currentpromoteIndex + 1) % promoteLength;
    return nextIndex;
}

function setOpacity(obj, opacity) {
    if (obj != null) {
        opacity = (opacity == 100) ? 99.999 : opacity;

        // IE/Win
        obj.style.filter = "alpha(opacity:" + opacity + ")";

        // Safari<1.2, Konqueror
        obj.style.KHTMLOpacity = opacity / 100;

        // Older Mozilla and Firefox
        obj.style.MozOpacity = opacity / 100;

        // Safari 1.2, newer Firefox and Mozilla, CSS3
        obj.style.opacity = opacity / 100;
    }
}

function fadeOut(objId, opacity) {
    imgObj = getObj("image" + objId);
    promoteObj = getObj("promote" + objId);
    if (imgObj != null && promoteObj != null) {
        if (opacity > -1) {
            setOpacity(imgObj, opacity);
            opacity -= 10;
            window.setTimeout("fadeOut('" + objId + "'," + opacity + ")", 100);
        }
        else {
            promoteObj.style.visibility = "hidden";
            promoteObj.style.zIndex = 1;
        }
    }
}

function fadeIn(objId, opacity) {
    imgObj = getObj("image" + objId);
    promoteObj = getObj("promote" + objId);
    if (imgObj != null && promoteObj != null) {
        if (opacity <= 99.999) {
            promoteObj.style.visibility = "visible";
            promoteObj.style.zIndex = 2;
            setOpacity(imgObj, opacity);
            opacity += 10;
            window.setTimeout("fadeIn('" + objId + "'," + opacity + ")", 100);
        }
    }
}

function isIE5plus() {
    var browser = navigator.userAgent;
    var startPos = browser.indexOf("MSIE");
    if (startPos < 0)
        return false;

    var IEversion = parseInt(browser.substring(startPos + 5, browser.indexOf(".", startPos)));

    if (IEversion < 5)
        return false;
    else
        return true;
}

function isFirefox() {
    var browser = navigator.userAgent;
    var startPos = browser.indexOf("Firefox");
    if (startPos < 0)
        return false;
    else
        return true;
}

function isNetscape6or7() {
    var browser = navigator.userAgent;
    var startPosNS6 = browser.indexOf("Netscape6");
    var startPosNS7 = browser.indexOf("Netscape/7");

    if ((startPosNS6 >= 0) || (startPosNS7 >= 0))
        return true;
    else
        return false;
}


function getObj(name) {
    if (document.getElementById)
        return document.getElementById(name);
    else if (document.all)
        return document.all[name];
    else if (document.layers)
        return document.layers[name];
}