var menuMaker = {
  imagein: '/media/bilder/_layout/nav-sel.gif',
  imageout: '/media/bilder/_layout/nav-usel.gif',
  TDs: false,
  on: false,
  init: function() {
    if( menuMaker.on == false ) {
      var elements = new Array( "navi", "contright" );
      var i = 0;
      while( elements.length > i ) {
        var tmp = document.getElementById( elements[i] );
        var TDs = tmp.getElementsByTagName('td');
        var ii = 0;
        while( TDs.length > ii ) {
          if( TDs[ii].className == 'navsel' ) {
            menuMaker.addEvt( TDs[ii], 'mouseover', menuMaker.showSquare );
            menuMaker.addEvt( TDs[ii], 'mouseout', menuMaker.hideSquare );
            menuMaker.addEvt( TDs[ii], 'focus', menuMaker.showSquare );
            menuMaker.addEvt( TDs[ii], 'blur', menuMaker.hideSquare );
          };
          ii++;
        };
        i++;
      };
      menuMaker.on = true;
    };
  },
  showSquare: function() {
    this.style.backgroundImage = 'url(' + menuMaker.imagein + ')';
  },
  hideSquare: function() {
    this.style.backgroundImage = 'url(' + menuMaker.imageout + ')';
  },
  addEvt: function(element, type, handler) {
    // assign each event handler a unique ID
    if (!handler.$$guid) handler.$$guid = menuMaker.addEvt.guid++;
    // create a hash table of event types for the element
    if (!element.events) element.events = {};
    // create a hash table of event handlers for each element/event pair
    var handlers = element.events[type];
    if (!handlers) {
      handlers = element.events[type] = {};
      // store the existing event handler (if there is one)
      if (element["on" + type]) {
        handlers[0] = element["on" + type];
      };
    };
    // store the event handler in the hash table
    handlers[handler.$$guid] = handler;
    // assign a global event handler to do all the work
    element["on" + type] = menuMaker.handleEvent;
  },
  handleEvent: function(event) {
    var returnValue = true;
    // grab the event object (IE uses a global event object)
    event = event || menuMaker.fixEvent(window.event);
    // get a reference to the hash table of event handlers
    var handlers = this.events[event.type];
    // execute each event handler
    for (var i in handlers) {
      this.$$handleEvent = handlers[i];
      if (this.$$handleEvent(event) === false) {
        returnValue = false;
      };
    };
    return returnValue;
  },
  fixEvent: function(event) {
    // add W3C standard event methods
    event.preventDefault = menuMaker.fixEvent.preventDefault;
    event.stopPropagation = menuMaker.fixEvent.stopPropagation;
    return event;
  }
};

menuMaker.fixEvent.preventDefault = function() {this.returnValue = false;};
menuMaker.fixEvent.stopPropagation = function() {this.cancelBubble = true;};
menuMaker.addEvt.guid = 1;

/* LOAD SCRIPT */
  /* for Mozilla */
/*
    if (document.addEventListener) {
      document.addEventListener("DOMContentLoaded", menuMaker.init, null);
    };
*/    
  /* for Internet Explorer */
    /*@cc_on @*/
    /*@if (@_win32)
/*      document.write("<script defer src=ie_onload.js><"+"/script>");*/
    /*@end @*/
    
  /* for other browsers */
    menuMaker.addEvt( window, 'load', menuMaker.init);