﻿/*************************
            用于TAB
************************/ 
var themeID=2;
var nowObject=null;

/*   从页面中取所有含有clsName的htmltag节点组成一个数组。   */   
function getElementsByClassName1(clsName,htmltag){    
    var arr = new Array();    
    var elems = document.getElementsByTagName(htmltag);   
    for ( var cls, i = 0; ( elem = elems[i] ); i++ ){   
        if ( hasClass(clsName,elem) ){   
            arr[arr.length] = elem;   
        }   
    }   
    return arr;   
}   
  
/* 判断对象elem中是否含有className:clsName, 有则返回1,否则返回0; */   
function hasClass(clsName,elem) {   
    var re;   
    var str = elem.className;   
//            alert(str);
    re = new RegExp('(?:^|\\s+)' + clsName + '(?:\\s+|$)') ;   
    return re.test(str) ? 1 : 0 ;   
} 


//根据传入的参数，设置mouserover事件，显示指定的TAB，设定标题样式
function showtab(currTab,parent)
{
    if(nowObject==currTab) return;
    //根据大类，查找标签
    var obj = document.getElementById(parent).getElementsByTagName("li");
    for(var i=0;i<obj.length;i++)
    {
        tabpage=obj[i].id + "Page";
        if(obj[i]==currTab)
        {
            if(i==0) obj[i].className="selected" + " first";
            else if(i==obj.length-1) obj[i].className="selected" + " last";
            else obj[i].className="selected";
            
            document.getElementById(tabpage).style.display="block";
        }
        else
        {
            if(i==0) obj[i].className="first";
            else if(i==obj.length-1) obj[i].className="last";
            else obj[i].className="";
            document.getElementById(tabpage).style.display="none";
        }
    }
    nowObject=currTab;
}

//更改主题
function ChangeTheme(id)
{
    
    var borderColor="";
    switch(id)
        {
            case 1:borderColor="#a5b5c0";break;
            case 2:borderColor="#B2974E";break;
            case 3:borderColor="#9274A8";break;
            case 4:borderColor="#8DA363";break;
            case 5:borderColor="#8F976F";break;
            case 6:borderColor="#B3768A";break;
            case 7:borderColor="#CFCACA";break;
        }

    //修改标题样式
    var obj = getElementsByClassName1("hd","div");
    for(i=0;i<obj.length;i++)
    {
        //obj[i].style.background="url(/images/bg_block_head.gif) #e0ebf2 repeat-x 0px " + ((id-1)* -60 ) + "px";
        obj[i].style.background="url(/images/bg_block_head.gif) #e0ebf2 repeat-x 0px 0px";
        obj[i].style.borderTopColor=borderColor;
    }
    
    //修改标题选中样式
    var obj1 = getElementsByClassName1("selected","li");
    for(i=0;i<obj1.length;i++)
    {
        var classname=obj1[i].className;
        if(classname.indexOf("first")!=-1)
            obj1[i].className = "selected " + " first";
        else if(classname.indexOf("last")!=-1)
            obj1[i].className = "selected "  + " last";
        else
            obj1[i].className="selected";
    }
    
    //修改外框色
    var obj2 = getElementsByClassName1("tab","div");
    for(i=0;i<obj2.length;i++)
    {
        //obj2[i].style.broderRight= " black  1px solid";
        obj2[i].style.borderRightColor=borderColor;
        obj2[i].style.borderLeftColor=borderColor;
        obj2[i].style.borderBottomColor=borderColor;
        obj2[i].style.borderTopColor=borderColor;
    }
    //修改外框色
    var obj22 = getElementsByClassName1("border","div");
    for(i=0;i<obj22.length;i++)
    {
        //obj2[i].style.broderRight= " black  1px solid";
        obj22[i].style.borderRightColor=borderColor;
        obj22[i].style.borderLeftColor=borderColor;
        obj22[i].style.borderBottomColor=borderColor;
        obj22[i].style.borderTopColor=borderColor;
    }
    
    
    //修改tabPage上边框色
    var obj3 = getElementsByClassName1("bd","div");
    for(i=0;i<obj3.length;i++)
    {
        obj3[i].style.borderTopColor=borderColor;
    }
    
    themeID=id;
}


