window.onload = function(){


    var divs = [];

    var tabs = []
    var tab = [];
    var tabParent;

    var parParents =[];
    var par = [];

    divs = document.getElementsByTagName('div');
    
    for( var i=0, L=divs.length; i<L;i++) {
        if (divs[i].className == 'tabindex'){
            tabParent = divs[i];
        }else if (divs[i].className == 'tabbox'){
            parParents = divs[i].getElementsByTagName('div');
        }   
    }

    tabs = tabParent.getElementsByTagName('li');

    for( var i=0, L=tabs.length; i<L;i++) {
        if (tabs[i].id != null){
           tab.push(tabs[i]);
           tab[i].onclick = function(){
               setevent(i);
           }
        }
    }


    for( var i=0, L=parParents.length; i<L;i++) {
        if (parParents[i].id != ''){
           par.push(parParents[i]);
        }
    }


    setevent(0);

    if (tab[0] != null ){
        tab[0].onclick = function(){
            setevent(0);
        }
    } 

    if (tab[1] != null ){
        tab[1].onclick = function(){
            setevent(1);
        }
    }   

    if (tab[2] != null ){
        tab[2].onclick = function(){
            setevent(2);
        }
    }   


    if (tab[3] != null ){
        tab[3].onclick = function(){
            setevent(3);
        }
     }  

    if (tab[4] != null ){
        tab[4].onclick = function(){
            setevent(4);    
        }   
     }

    if (tab[5] != null ){
       tab[5].onclick = function(){
            setevent(5);    
        }
    }

    if (tab[6] != null ){
       tab[6].onclick = function(){
            setevent(6);    
        }
    }


   function setevent(i){
         hideall();
         par[i].style.display = 'block';
         tab[i].className = 'current';
   }

   function hideall() {

        for( var i=0 ; i<par.length ; i++){
            par[i].style.display = 'none';
            tab[i].className = '';
        }   
   }


}