// tabMenu

function tabMenu(cssnameArray,wrapID,menuID){
    var classname=cssnameArray;
    var wrapElement=document.getElementById(wrapID);
    var menuElement=document.getElementById(menuID);
    var menuContents=[];
    var menuListCapction=[];
    
    
    for(var i=0; i<classname.length; i++){
        menuContents[i]=getElementsByClassName(classname[i],"div",wrapElement);
        menuListCapction[i]=getElementsByClassName(classname[i],"li",menuElement);
        
        menuContents[i].style.display="none";
        menuContents[0].style.display="block";
        
        menuListCapction[i].menuNumber=i;
        
        menuListCapction[i].protoClassName=menuListCapction[i].className;
        
        function addEvent(e){
            var eventOjb=window.addEventListener?e.target:event.srcElement;
            var label=eventOjb.menuNumber;
            for(var j=0; j<menuContents.length; j++){
                menuListCapction[j].className=menuListCapction[label].protoClassName;
                menuContents[j].style.display="none";
            }
            menuListCapction[label].className=menuListCapction[label].protoClassName+" visible";
            menuContents[label].style.display="block";
        }
        addListener(menuListCapction[i],"click",addEvent,false);
    }
    
    menuElement.childNodes[0].setAttribute("class","visible");
    
    function getElementsByClassName(name,tagname,root){
        var element;
        var allElements = root.getElementsByTagName(tagname);
        for (var i=0, len=allElements.length; i<len; i++){
            if ((classnameCheck(allElements[i].className,name)==true)&&(allElements[i].parentNode==root)){
                element=(allElements[i]);
            }
        }
        function classnameCheck(checkName,searchName){
            if(!searchName){return false;}
            if(checkName==searchName){return true;}
            return checkName.search("\\b"+searchName+"\\b")!=-1;
        }
        return element;
    }
    
}


// supportFunc
function addListener(ele,type,func,cap){
    if(ele.addEventListener){
        ele.addEventListener(type,func,cap);
    }else if(ele.attachEvent){
        ele.attachEvent('on'+type,func);
    }else if(ele==window&&type=='load'){
        window.onload=type;
    }else{
        return false;
    }
}
addListener(window,"load",function(){tabMenu(["content1", "content2", "content3", "content4", "content5", "content6", "content7"],"tabBox","tabmenu");},false);