function $(id) {
    return document.getElementById(id);
}
// 封装函数
helpers = function() {
    function reg(c) {
        return new RegExp('(\\s|^)' + c + '(\\s|$)');
    };
    function hasClass(el, c) {
        return el.className.match(reg(c));
    };
    function addClass(el, c) {
        if (!hasClass(el, c)) el.className += " " + c;
    };
    function removeClass(el, c) {
        if (hasClass(el, c)) {
            el.className = el.className.replace(reg(c), ' ');
        }
    };
    function addEvent(el, t, f) {
        if (el.addEventListener) {
            el.addEventListener(t, f, false);
            return true;
        } else if (el.attachEvent) {
            el.attachEvent('on' + t, f);
            return true;
        }
        return false;
    }
    return { addClass: addClass,
        removeClass: removeClass, hasClass: hasClass, addEvent: addEvent
    }
} ();

function tabInit(tabType) {
    /* 
    tabType={
    trigger:'触发事件',
    tabCurrentClass:'当前tab的className',
    delay:'事件触发的延时'
    [,auto:'是否自动播放',
    timer:'自动播放周期']
    }
    其后的tab->content对应关系以数组形式添加，以其id为参数识别，如下：
    [tab1.id,content1.id],[tab2.id,content2.id],......
    */
    for (var i = 1; i < arguments.length; i++) {
        var arg = arguments;
        if (arg[i].length > 2 && arg[i][2] == 'o') {
            helpers.addClass($(arg[i][0]), tabType.tabCurrentClass);
            $(arg[i][1]).style.display = 'block';
        } else {
            $(arg[i][1]).style.display = 'none';
        }
        var func = function(i) {
            return function() {
                c_func = function() {
                    for (var j = 1; j < arg.length; j++) {
                        helpers.removeClass($(arg[j][0]), tabType.tabCurrentClass);
                        $(arg[j][1]).style.display = 'none';
                    }
                    $(arg[i][1]).style.display = 'block';
                    helpers.addClass($(arg[i][0]), tabType.tabCurrentClass);
                }
                t_func = setTimeout(c_func, tabType.delay)
            }
        };
        helpers.addEvent($(arg[i][0]), tabType.trigger, func(i));
        if (tabType.trigger == 'mouseover' || tabType.auto) {
            helpers.addEvent($(arg[i][0]), 'mouseout', function() {
                clearTimeout(t_func);
            });
        }
        if (tabType.auto) {
            helpers.addEvent($(arg[i][0]), tabType.trigger, function() { clearInterval(changeFunc) });
            helpers.addEvent($(arg[i][1]), 'mouseover', function() { clearInterval(changeFunc) });
            helpers.addEvent($(arg[i][1]), 'mouseout', function() {
                sNum = watchfunc();
                changeFunc = setInterval(changeTab, tabType.timer)
            });
            helpers.addEvent($(arg[i][0]), 'mouseout', function() {
                sNum = watchfunc();
                changeFunc = setInterval(changeTab, tabType.timer)
            });

        }
    }
    //tab切换
    changeTab = function() {
        if (sNum == arg.length) sNum = 1;
        func(sNum)();
        sNum++;
    }
    //判断是否开始自动播放
    if (tabType.auto) {
        sNum = watchfunc();
        changeFunc = setInterval(changeTab, tabType.timer);

    }
    //监听当前激活的tab
    function watchfunc() {
        for (var i = 1; i < arg.length; i++) {
            if (helpers.hasClass($(arg[i][0]), tabType.tabCurrentClass))
                return i;
        }
    }
}



//.............................以下是首页效果

if (navigator.userAgent.indexOf("MSIE") >= 0) {
    g_browserVer = 1; //ie
}
else {
    g_browserVer = 2; //ff
}


var g_browserVer;

var g_tips_timer = null;
var g_tips_j = 3;
function killErrors() {
    return true;
}
window.onerror = killErrors;
function getPos(obj) {
    var pos = [];
    pos[0] = obj.offsetLeft; //X
    pos[1] = obj.offsetTop; //Y
    while (obj = obj.offsetParent) {
        pos[0] += obj.offsetLeft;
        pos[1] += obj.offsetTop;
    }
    return pos;
}

function newShowTips(obj, way, imgIndex, imgHeight) {
    document.getElementById("dl" + imgIndex).className = "onBg";
    document.getElementById("img" + imgIndex).src = "images/btn_view.gif";
    var featureTips = document.getElementById("featureTips");
    var pos = getPos(obj);
    document.getElementById("featureTipsImg").src = g_tipsImgArr[imgIndex];
    featureTips.style.left = (pos[0] + 610) + "px";

    if (way == "down") {
        g_tips_timer = setInterval(function() { tipsAnimateDown() }, 10);
    }
    else {
        g_tips_timer = setInterval(function() { tipsAnimateUp(imgHeight) }, 10);
    }
    function tipsAnimateDown() {
        if (g_tips_j == 3) {
            featureTips.style.display = "block";
        }
        if (g_tips_j >= 0) {
            featureTips.style.top = (pos[1] + 20 + g_tips_j * 15) + "px";
            setOpacity();
            g_tips_j--;
        }
        else {
            clearInterval(g_tips_timer);
            g_tips_timer = null;
            g_tips_j = 3;
        }
    }
    function tipsAnimateUp(imgHeight) {
        if (g_tips_j == 3) {
            featureTips.style.display = "block";
        }
        if (g_tips_j >= 0) {
            featureTips.style.top = (pos[1] - imgHeight - 20 - g_tips_j * 15) + "px";
            setOpacity();
            g_tips_j--;
        }
        else {
            clearInterval(g_tips_timer);
            g_tips_timer = null;
            g_tips_j = 3;
        }
    }
    function setOpacity() {
        if (g_browserVer == 1) {
            featureTips.filters.alpha.opacity = 100 - g_tips_j * 25;
        }
        else {
            featureTips.style.opacity = 1 - g_tips_j * 0.25;
        }
    }
}

function newHideTips(imgIndex) {
    document.getElementById("dl" + imgIndex).className = "offBg";
    document.getElementById("img" + imgIndex).src = "images/btn_view2.gif";
    document.getElementById("featureTips").style.display = "none";
    clearInterval(g_tips_timer);
    g_tips_timer = null;
    g_tips_j = 3;
    document.getElementById("featureTipsImg").src = "";
}

var g_j = 0;
function countImg() {
    if (++g_j >= g_tipsImgArr.length) {
        document.getElementById("features").style.visibility = "visible";
    }
}