
function MenuBar(sId)
{
    var self = document.getElementById(sId);

    self.init = function()
    {
         self.className = "menu";
         self.cellPadding = "0px";
         self.cellSpacing = "0px"

         self.row = self.insertRow(-1);

        return self;
    }

    self.addItem = function(sText, sURL)
    {
        var oMenuItem = self.row.insertCell(-1);

        oMenuItem.url = sURL;
        oMenuItem.innerHTML = sText;
        oMenuItem.className = "menu_item";
        oMenuItem.onclick = function(){ window.location = this.url; }
        oMenuItem.onmouseout = function(){ this.className = "menu_item"; };
        oMenuItem.onmouseover = function(){ this.className = "menu_item_over"; };
    }

    return self.init();
}