/**
 * 包含了处理标签式浏览的标签动态效果的方法
 * @version 1.00, 08/7/2
 * @author Cathy
 */

/**
 * 鼠标onclic触发标签栏变化,分别会以push和nopush两个样式赋给激活和非激活的标签。
 * @param menuid 标签的包含容器id
 * @param menuIndex 当前被触发的标签序号
 */
function changeOnclickSub(menuId, menuIndex) {
    var menuLis = document.getElementById(menuId).getElementsByTagName("li"); 
    for(var i=0; i<menuLis.length; i++) {
        menuLis[i].className = i==menuIndex ? 'push':'nopush';
    }
}

/**
 * 鼠标onclick触发标签栏和下部内容都变化。
 * 会以push或者nopush两个样式表赋给激活和非激活的标签。激活的标签其同样序号的内容元素将会被赋于
 * display:block,非激活的标签将会被赋于display:none.
 * @param menuid 标签的包含容器id
 * @param menuIndex 当前被触发的标签序号
 * @param itemId 内容展示容器的id值
 */
function changeOnclick(menuId, menuIndex, itemId) {
     var menuLis = document.getElementById(menuId).getElementsByTagName("li"); 
    for(var i=0; i<menuLis.length; i++) {
        menuLis[i].className = i==menuIndex ? 'push':'nopush';
         document.getElementById(itemId +
            i.toString()).style.display = i==menuIndex ? 'block':'none';
    }
}