$(function() {

});

var ids=new Array('section1','section2','section3','section4');

​

function switchid(id, el){  

    hideallids();

    showdiv(id);

​

    // rejiggered for text nodes

    var li = el.parentNode.parentNode.childNodes[0];

    while (li) {

        if (!li.tagName || li.tagName.toLowerCase() != "li")

            li = li.nextSibling; // skip the text node

        if (li) {

          li.className = "";

          li = li.nextSibling;

        }

    }

    el.parentNode.className = "activeItem";

}

​

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

        document.getElementById(id).style.display = 'none';

}

​

function showdiv(id) {

    //safe function to show an element with a specified id        

        document.getElementById(id).style.display = 'block';

}

​