
// ---------------- Add hover-effect for all list items, necessary for all IE ----------------
addHover = function()
{
    // ---- Get all list items
    var liItems = document.getElementsByTagName("LI");
    // ---- Pass through all list items
    for (var i=0; i < liItems.length; i++)
    {
        // ---- Add mouseover-function
        liItems[i].onmouseover = function()
        {
            this.className += " hoverIt";
        }
        // ---- Add mouseout-function
        liItems[i].onmouseout =function ()
        {
            this.className = this.className.replace(" hoverIt", "");
        }
    }
}

// ------------ Load hover-function if browser is IE ----------------
if (document.all && document.getElementById)
{
    window.onload = addHover;
}