//here you place the ids of every element you want.
var ids=new Array('list','tab');
 
function switchid(id){    
    hideallids();
    showdiv(id);
}
 
function hideallids(){
    //loop through the array and hide each element by id
    for (var i=0;i<ids.length;i++){
        hidediv(ids[i]);
    }          
}
 
function hidediv(id) {
    //safe function to hide an element with a specified id
    if (document.getElementById) { // DOM3 = IE5, NS6
        document.getElementById(id).style.display = 'none';
    }
    else {
        if (document.layers) { // Netscape 4
            document.id.display = 'none';
        }
        else { // IE 4
            document.all.id.style.display = 'none';
        }
    }
}
 
function showdiv(id) {
    //safe function to show an element with a specified id
 
    if (document.getElementById) { // DOM3 = IE5, NS6
        document.getElementById(id).style.display = 'block';
    }
    else {
        if (document.layers) { // Netscape 4
            document.id.display = 'block';
        }
        else { // IE 4
            document.all.id.style.display = 'block';
        }
    }
}


function expandCollapse() {
    for (var i=0; i<expandCollapse.arguments.length; i++) {
 var element = document.getElementById(expandCollapse.arguments[i]);
 element.style.display = (element.style.display == "none") ? "block" : "none";
    }
}

function setDef()
{
switchid('list');
setClass(2);
}

function classOff(hoverId)
{
    document.getElementById(hoverId).className="";
}

function classOn(hoverId)
{
    document.getElementById(hoverId).className="act";
}

function setClass(id){


switch(id){

case 1: classOn('mlist'); classOff('mtab');   break;
case 2: classOff('mlist'); classOn('mtab');  break;

}


}