﻿function enhanceClasses()
{
    var navElement = document.getElementById("navbar");
    var tagList = navElement.getElementsByTagName("a");    
    for(i=0;i<tagList.length;i++)
    {
        var contentTag = tagList[i].cloneNode(true);
        var contentWidth = tagList[i].clientWidth;
        var leftTag = document.createElement("div");
        var rightTag = document.createElement("div");
        var centerTag = document.createElement("div");

        leftTag.style.backgroundImage = "url(\"images/navbutton_left.gif\")";
        leftTag.style.backgroundRepeat = "no-repeat";
        leftTag.style.backgroundPosition = "left";
        leftTag.style.padding = "0 0 0 10px";
        
        rightTag.style.backgroundImage = "url(\"images/navbutton_right.gif\")";
        rightTag.style.backgroundRepeat = "no-repeat";
        rightTag.style.backgroundPosition = "right";
        rightTag.style.padding = "0 10px 0 0";
        
        centerTag.style.background = "url(\"images/navbutton_middle.gif\") repeat-x center center";
        centerTag.style.padding = "0";

        contentTag.style.padding = "0";
//        contentTag.style.width = contentWidth + "px";
//        contentTag.style.display = "block";
        
        centerTag.appendChild(contentTag);
        rightTag.appendChild(centerTag);
//        rightTag.appendChild(contentTag);
        leftTag.appendChild(rightTag);
        
        tagList[i].parentNode.replaceChild(leftTag, tagList[i]);
    }    
}


function addOnLoad(whichFunction)
{
    try
    {
        window.addEventListener("load", whichFunction, false);
    }
    catch(e)
    {
        try
        {
            window.attachEvent("onload", whichFunction);
        }
        catch(e2)
        {
            window.onload = whichFunction;
        }
    }
}


addOnLoad(enhanceClasses);
// window.onload = enhanceClasses;