﻿//设置选项卡样式 group 组 num 序号
function setTab_01(group, num) {
    switch (num) {
        case 1:
            document.getElementById('bg_' + group).className = "tabstyle_01";
            document.getElementById("font" + group + "_1").style.color = "#C21825";
            document.getElementById("font" + group + "_2").style.color = "#000000";

            document.getElementById("TabTab03Con" + group + "_1").style.display = "block";
            document.getElementById("TabTab03Con" + group + "_2").style.display = "none";
            break;
        case 2:
            document.getElementById('bg_' + group).className = "tabstyle_02";
            document.getElementById("font" + group + "_1").style.color = "#000000";
            document.getElementById("font" + group + "_2").style.color = "#C21825";

            document.getElementById("TabTab03Con" + group + "_1").style.display = "none";
            document.getElementById("TabTab03Con" + group + "_2").style.display = "block";
            break;
    }
}


function setTab_02(i) {

    document.getElementById('bg_02').className = "tabstyle_" + (i+1);
    for(var j=10;j<14;j++)
    {
        if(i==j)
        {
            document.getElementById("tabFont_" + i).style.color = "#C21825";
            document.getElementById("tabPane_" + i).style.display = "block";
        }
        else
        {
            document.getElementById("tabFont_" + j).style.color = "#000000";
            document.getElementById("tabPane_" + j).style.display = "none";
        }
    }
    return;
    switch (i) {
        case 1:
            document.getElementById('bg_02').className = "tabstyle_11";
            document.getElementById("tabFont_10").style.color = "#C21825";
            document.getElementById("tabFont_11").style.color = "#000000";
            document.getElementById("tabFont_12").style.color = "#000000";

            document.getElementById("tabPane_10").style.display = "block";
            document.getElementById("tabPane_11").style.display = "none";
            document.getElementById("tabPane_12").style.display = "none";
            break;
        case 2:
            document.getElementById('bg_02').className = "tabstyle_12";
            document.getElementById("tabFont_10").style.color = "#000000";
            document.getElementById("tabFont_11").style.color = "#C21825";
            document.getElementById("tabFont_12").style.color = "#000000";

            document.getElementById("tabPane_10").style.display = "none";
            document.getElementById("tabPane_11").style.display = "block";
            document.getElementById("tabPane_12").style.display = "none";
            break;
        case 3:
            document.getElementById('bg_02').className = "tabstyle_13";
            document.getElementById("tabFont_10").style.color = "#000000";
            document.getElementById("tabFont_11").style.color = "#000000";
            document.getElementById("tabFont_12").style.color = "#C21825";

            document.getElementById("tabPane_10").style.display = "none";
            document.getElementById("tabPane_11").style.display = "none";
            document.getElementById("tabPane_12").style.display = "block";
            break;

        case 4:

            break;
    }
}

function setTab_03(i, bg, tabnum) {
    var tabpane = "tabPane_" + tabnum;
    var tabfont = "tabFont_" + tabnum;
    switch (i) {
        case 1:
            document.getElementById(bg).className = "tabstyle_21";
            document.getElementById(tabfont + "0").style.color = "#FFF";
            document.getElementById(tabfont + "1").style.color = "#000000";
            document.getElementById(tabfont + "2").style.color = "#000000";
            document.getElementById(tabfont + "3").style.color = "#000000";

            document.getElementById(tabpane + "0").style.display = "block";
            document.getElementById(tabpane + "1").style.display = "none";
            document.getElementById(tabpane + "2").style.display = "none";
            document.getElementById(tabpane + "3").style.display = "none";
            break;
        case 2:
            document.getElementById(bg).className = "tabstyle_22";
            document.getElementById(tabfont + "0").style.color = "#000000";
            document.getElementById(tabfont + "1").style.color = "#FFF";
            document.getElementById(tabfont + "2").style.color = "#000000";
            document.getElementById(tabfont + "3").style.color = "#000000";

            document.getElementById(tabpane + "0").style.display = "none";
            document.getElementById(tabpane + "1").style.display = "block";
            document.getElementById(tabpane + "2").style.display = "none";
            document.getElementById(tabpane + "3").style.display = "none";
            break;
        case 3:
            document.getElementById(bg).className = "tabstyle_23";
            document.getElementById(tabfont + "0").style.color = "#000000";
            document.getElementById(tabfont + "1").style.color = "#000000";
            document.getElementById(tabfont + "2").style.color = "#FFF";
            document.getElementById(tabfont + "3").style.color = "#000000";

            document.getElementById(tabpane + "0").style.display = "none";
            document.getElementById(tabpane + "1").style.display = "none";
            document.getElementById(tabpane + "2").style.display = "block";
            document.getElementById(tabpane + "3").style.display = "none";
            break;
        case 4:
            document.getElementById(bg).className = "tabstyle_24";
            document.getElementById(tabfont + "0").style.color = "#000000";
            document.getElementById(tabfont + "1").style.color = "#000000";
            document.getElementById(tabfont + "2").style.color = "#000000";
            document.getElementById(tabfont + "3").style.color = "#FFF";

            document.getElementById(tabpane + "0").style.display = "none";
            document.getElementById(tabpane + "1").style.display = "none";
            document.getElementById(tabpane + "2").style.display = "none";
            document.getElementById(tabpane + "3").style.display = "block";
            break;
    }
}

$(function() {
    AutoScroll("#TabTab03Con3_1", 3000);
    AutoScroll1("#TabTab03Con3_2", 3000);
  //  setTimeout("topFlashFlex()", 1);
});

function AutoScroll(obj, timer) {

    //鼠标事件绑定
    $(obj).hover(function() {
        clearInterval(timerID);
    }, function() {
        timerID = setInterval("scrollUp()", timer);
    }).mouseout();

    scrollUp = function() {
        $(obj).find("ul:first").animate({
            marginTop: "-25px"
        }, 500, function() {
            $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
        });
    }
}
function AutoScroll1(obj, timer1) {

    //鼠标事件绑定
    $(obj).hover(function() {
        clearInterval(timerID1);
    }, function() {
        timerID1 = setInterval("scrollUpa()", timer1);
    }).mouseout();

    scrollUpa = function() {
        $(obj).find("ul:first").animate({
            marginTop: "-25px"
        }, 500, function() {
            $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
        });
    }
}
