function tabit(btn) {
    var idname = new String(btn.id);
    var s = idname.indexOf("_");
    var e = idname.lastIndexOf("_") + 1;
    var tabName = idname.substr(0, s);
    var id = parseInt(idname.substr(e, 1));
    var tabNumber = btn.parentNode.childNodes.length;
    for (i = 0; i < tabNumber; i++) {
        if (document.getElementById(tabName + "_btn_" + i) != null) {
            document.getElementById(tabName + "_div_" + i).style.display = "none";
            document.getElementById(tabName + "_btn_" + i).className = "";
        };
    };
    document.getElementById(tabName + "_div_" + id).style.display = "block";
    btn.className = "tableft";
};

function tabitTheme(btn) {
    var idname = new String(btn.id);
    var s = idname.indexOf("_");
    var e = idname.lastIndexOf("_") + 1;
    var tabName = idname.substr(0, s);
    var id = parseInt(idname.substr(e, 1));
    //	var tabNumber = btn.parentNode.childNodes.length;
    for (i = 0; i < 5; i++) {
        if (document.getElementById(tabName + "_btn_" + i) != null) {
            document.getElementById(tabName + "_div_" + i).style.display = "none";
            document.getElementById(tabName + "_btn_" + i).className = "event";
        };
    };
    document.getElementById(tabName + "_div_" + id).style.display = "block";
    btn.className = "event selected";
};
/*
切換tab標籤頁
btn：當前按鈕
originalClassName：不滑過時的按鈕樣式
overClassName：鼠標滑過時的按鈕樣式
*/
function TabContent(btn, originalClassName, overClassName) {
    if (btn != null) {
        var idname = new String(btn.id);
        var s = idname.indexOf("_");
        var e = idname.lastIndexOf("_") + 1;
        var tabName = idname.substr(0, s);
        var id = parseInt(idname.substr(e, 1));
        var tabNumber = btn.parentNode.childNodes.length;
        for (i = 0; i < tabNumber; i++) {
            if (document.getElementById(tabName + "_btn_" + i) != null) {
                if ($("#" + tabName + "_Content_" + i).length > 0) {
                    $("#" + tabName + "_Content_" + i).hide();
                }
                if (originalClassName != null) {
                    document.getElementById(tabName + "_btn_" + i).className = originalClassName;
                }
            };
        };
        if ($("#" + tabName + "_Content_" + id).length > 0) {
            $("#" + tabName + "_Content_" + id).show();
        }
        if (overClassName != null) {
            btn.className = overClassName;
        }
    }
};

function AllContentHide(btn) {
    var idname = new String(btn.id);
    var s = idname.indexOf("_");
    var e = idname.lastIndexOf("_") + 1;
    var tabName = idname.substr(0, s);
    var id = parseInt(idname.substr(e, 1));
    var tabNumber = btn.parentNode.childNodes.length;
    for (i = 0; i < tabNumber; i++) {
        if (document.getElementById(tabName + "_btn_" + i) != null) {
            if ($("#" + tabName + "_Content_" + i).length > 0) {
                document.getElementById(tabName + "_Content_" + i).style.display = "none";
            }
        };
    };
}

//輪轉
var myMar;
function Marquee() {
    var d = document.getElementById("textWraper");
    var mp = document.getElementById("themeText");
    if (d.scrollLeft >= mp.scrollWidth - 515) {
        return;
    }
    else {
        var sLeft = d.scrollLeft + 103;
        $("#textWraper").animate({ scrollLeft: sLeft }, "fast");
        var iFocusBtns = document.getElementById('themeText').getElementsByTagName('p');
        var listLength = iFocusBtns.length;
        if (parseInt($("#hidGroupNum").val()) < listLength - 5) {
            document.getElementById("hidGroupNum").value = parseInt($("#hidGroupNum").val()) + 1;
        }
    }
}

function MarqueeRight1() {
    var d = document.getElementById("textWraper");
    var mp = document.getElementById("themeText");

    if (d.scrollLeft <= 0) {
        d.scrollLeft = 0;
    }
    else {
        var sLeft = d.scrollLeft - 103;
        $("#textWraper").animate({ scrollLeft: sLeft }, "fast");
        if (parseInt($("#hidGroupNum").val()) > 0) {
            document.getElementById("hidGroupNum").value = parseInt($("#hidGroupNum").val()) - 1;
        }
    }
}

function MarqueeLeft() {
    clearInterval(myMar);
    Marquee();
}

function MarqueeRight() {
    clearInterval(myMar);
    MarqueeRight1();
}

//轮播开始
function AutoRun() {
    if (intervalID != 0) {
        clearInterval(intervalID);
        intervalID = 0;
    }
    intervalID = setInterval(AutoElementMove, 5000);
}

/*
切換tab標籤頁
btn：當前按鈕
originalClassName：不滑過時的按鈕樣式
overClassName：鼠標滑過時的按鈕樣式
*/
function ThemePlateTab(btn, originalClassName, overClassName) {
    if (btn != null) {
        var idname = new String(btn.id);
        var s = idname.indexOf("_");
        var e = idname.lastIndexOf("_") + 1;
        var tabName = idname.substr(0, s);
        var id = parseInt(idname.substr(e, 1));
        var tabNumber = btn.parentNode.childNodes.length;
        for (i = 0; i < tabNumber; i++) {
            if (document.getElementById(tabName + "_btn_" + i) != null) {
                if ($("#" + tabName + "_Content_" + i).length > 0) {
                    $("#" + tabName + "_Content_" + i).hide();
                }
                if (originalClassName != null) {
                    document.getElementById(tabName + "_btn_" + i).className = originalClassName;
                }
            };
        };
        if ($("#" + tabName + "_Content_" + id).length > 0) {
            $("#" + tabName + "_Content_" + id).fadeIn("slow");
        }
        if (overClassName != null) {
            btn.className = overClassName;
        }
    }
};

//主题广告自动轮播
function AutoElementMove() {
    if (document.getElementById('themeText') == null) {
        return false;
    }
    else if (document.getElementById('themeText').getElementsByTagName('p') == null) {
        return false;
    }
    //获得所有group
    var iFocusBtns = document.getElementById('themeText').getElementsByTagName('p');
    var listLength = iFocusBtns.length;
    var index = 0;
    //判断当前显示的group
    for (var i = 0; i < listLength; i++) {
        var currentItem = document.getElementById("theme_btn_" + i)
        if (currentItem.className == "floatleft width103 textcenter adnav curnav") {
            index = i;
            break;
        }
    }
    //判断当前的group是否在区间
    if (index >= parseInt($("#hidGroupNum").val()) && index <= parseInt($("#hidGroupNum").val()) + 4) {
        //在区间内轮播到当前group的下一个
        index = index + 1;
    }
    else {
        //从当前区间的最左边开始
        index = parseInt($("#hidGroupNum").val());
    }
    //hidGroupNum保存当前最左边的group index值
    //如果差距大于4则从最左边开始
    if ((index - parseInt($("#hidGroupNum").val())) > 4) {
        index = parseInt($("#hidGroupNum").val());
    }
    ThemePlateTab(document.getElementById("theme_btn_" + index), 'floatleft width103 textcenter adnav', 'floatleft width103 textcenter adnav curnav');
}