﻿function SimplenessTab(containerNodeID,firstIndex)
{
    var obj=this;
    var titleFirstIndex=0;
    var nowShowIndex=0;
    if(firstIndex!=null)
    {
       titleFirstIndex=firstIndex;       
    }    
    nowShowIndex=0;
    var onClassName="on";
    var offClassName="off";
    
    var containerNode=document.getElementById(containerNodeID);
    if(containerNode==null)
    {
    return;
    }                
    var tabTitleNode=new Array();
    var tabContentNode=new Array();
    var temIndex=0;
    
    for(var i=0;i<containerNode.childNodes.length;i++)
    {
        if(containerNode.childNodes[i].nodeType==1)
        {
            if(temIndex==0)
            {
                 var temContainerIndex=0;
                for(var n=0;n<containerNode.childNodes[i].childNodes.length;n++)
                {
                    if(containerNode.childNodes[i].childNodes[n].nodeType==1)
                    {
                        if(temContainerIndex>=titleFirstIndex)
                        {
                            tabTitleNode.push(containerNode.childNodes[i].childNodes[n]);
                            containerNode.childNodes[i].childNodes[n].tabIndex=tabTitleNode.length-1;
                            containerNode.childNodes[i].childNodes[n].onmouseover=function()
                            { 
                                Show(this.tabIndex);
                            }
                        }
                        temContainerIndex++;
                    }
                }
            }
            else
            {
                tabContentNode.push(containerNode.childNodes[i]);
            }
            temIndex++;
        }
    } 
    
    function Show(index)
    { 
        if(nowShowIndex!=index)
        {          
            tabTitleNode[index].className=tabTitleNode[index].className.replace("off","on");
            tabContentNode[index].style.display="";
       
            tabTitleNode[nowShowIndex].className=tabTitleNode[nowShowIndex].className.replace("on","off");
            tabContentNode[nowShowIndex].style.display="none";                    
            nowShowIndex=index;
        }
    }               
}     
