function navigationMenu(){
    if (document.getElementsByTagName){
        var lists=document.getElementsByTagName('ul');
        for (var i=0;i<lists.length;i++){
            // find the ul of class 'nav'
            if(/nav/.test(lists[i].className)==true){
                var nodelist = lists[i].childNodes;
                for(var j=0;j<nodelist.length;j++){
                    if(nodelist[j].nodeType==1){
                        // for all the 'li' children of the ul
                        if(nodelist[j].nodeName.toLowerCase()=="li"){
                            if(/current/.test(nodelist[j].className)==true){
                                // select it if we have given it 'current'
                                toggleSelected(nodelist[j]);
                            }
                            nodelist[j].onmouseover=function(){
                                toggleSelected(this);
                            }
                        }
                    }
                }
            }
        }
    }
}

function toggleSelected(element){
    // make it selected if it is not already
    if(/selected/.test(element.className)==false){
        if(element.className == ""){
            element.className = "selected";
        }
        else{
            element.className += " selected";
        }
    }

    // make all the 'li' siblings of this element not be 'selected'
    var siblings = element.parentNode.childNodes;
    for (var i=0;i<siblings.length;i++){
        if(siblings[i].nodeType==1){
            if(siblings[i] != element){
                if(siblings[i].nodeName.toLowerCase()=="li"){
                    if(/selected/.test(siblings[i].className)==true){
                        siblings[i].className = siblings[i].className.replace(/\s*selected/,'');
                    }
                }
            }
        }
    }
}

window.onload = navigationMenu;
