<!--
addEvent(window,'load',function() { loadMenu() },false);

/*
 * FLYOUT MENU SCRIPTS
 *
 * PROJECT:   mygosuMenu
 * VERSION:   1.1.5
 * COPYRIGHT: (c) 2003,2004 Cezary Tomczak
 * LINK:      http://gosu.pl/dhtml/mygosumenu.html
 * LICENSE:   BSD (revised)
 */

/* Initializie menu creation */
function loadMenu() {
  var ddmx = new DropDownMenuX('menu1');
  ddmx.type = "horizontal";
  ddmx.delay.show = 0;
  ddmx.delay.hide = 400;
  //ddmx.position.levelX.left = 0;
  ddmx.init();
  }
  
function DropDownMenuX(id) {

  /* Type of the menu: "horizontal" or "vertical" */
  this.type = "horizontal";

  /* Delay (in miliseconds >= 0): show-hide menu
   * Hide must be > 0 */
  this.delay = {
    "show": 0,
    "hide": 400
    }
  /* Change the default position of sub-menu by Y pixels from top and X pixels from left
   * Negative values are allowed */
  this.position = {
    "level1": { "top": 1, "left": 0  },
    "levelX": { "top": 0, "left": 2  }
    }
  /* Z-index property for .section */
  this.zIndex = {
    "visible": 1,
    "hidden": -1
    };

  // Browser detection
  this.browser = {
    "ie": Boolean(document.body.currentStyle),
    "ie5": (navigator.appVersion.indexOf("MSIE 5.5") != -1 || navigator.appVersion.indexOf("MSIE 5.0") != -1)
    };
  if (!this.browser.ie) { this.browser.ie5 = false;   }

  /* Initialize the menu */
  this.init = function() {
    if (!document.getElementById(this.id)) {
      //return alert("DropDownMenuX.init() failed. Element '"+ this.id +"' does not exist.");
      return;
      }
    if (this.type != "horizontal" && this.type != "vertical") { return alert("DropDownMenuX.init() failed. Unknown menu type: '"+this.type+"'");   }
    if (this.browser.ie && this.browser.ie5) { fixWrap();   }
    fixSections();
    parse(document.getElementById(this.id).childNodes, this.tree, this.id);
    }

  /* Search for .section elements and set width for them */
  function fixSections() {
    var arr = document.getElementById(self.id).getElementsByTagName("div");
    var sections = new Array();
    var widths = new Array();
    
    for (var i = 0; i < arr.length; i++) {
      if (arr[i].className == "section") {
        sections.push(arr[i]);
        }
      }
    for (var i = 0; i < sections.length; i++) {
      widths.push(getMaxWidth(sections[i].childNodes));
      }
    for (var i = 0; i < sections.length; i++) {
      sections[i].style.width = (widths[i]) + "px";
      }
    if (self.browser.ie) {
      for (var i = 0; i < sections.length; i++) {
        setMaxWidth(sections[i].childNodes, widths[i]);
        }
      }
    }

  function fixWrap() {
    var elements = document.getElementById(self.id).getElementsByTagName("a");
    for (var i = 0; i < elements.length; i++) {
      if (/item2/.test(elements[i].className)) {
        elements[i].innerHTML = '<div nowrap="nowrap">'+elements[i].innerHTML+'</div>';
        }
      }
    }

  /* Search for an element with highest width among given nodes, return that width */
  function getMaxWidth(nodes) {
    var maxWidth = 0;
    for (var i = 0; i < nodes.length; i++) {
      if (nodes[i].nodeType != 1 || /section/.test(nodes[i].className)) { continue;   }
      if (nodes[i].offsetWidth > maxWidth) { maxWidth = nodes[i].offsetWidth;   }
      }
    return maxWidth;
    }

  /* Set width for item2 elements */
  function setMaxWidth(nodes, maxWidth) {
    for (var i = 0; i < nodes.length; i++) {
      if (nodes[i].nodeType == 1 && /item2/.test(nodes[i].className) && nodes[i].currentStyle) {
        if (self.browser.ie5) {
          nodes[i].style.width = (maxWidth) + "px";
          }
        else {
          nodes[i].style.width = (maxWidth - parseInt(nodes[i].currentStyle.paddingLeft) - parseInt(nodes[i].currentStyle.paddingRight)) + "px";
          }
        }
      }
    }

  /* Parse nodes, create events, position elements */
  function parse(nodes, tree, id) {
    for (var i = 0; i < nodes.length; i++) {
      if (1 != nodes[i].nodeType) {
        continue;
        }
      switch (true) {
        // .item1
        case /\bitem1\b/.test(nodes[i].className):
          nodes[i].id = id + "-" + tree.length;
          tree.push(new Array());
          nodes[i].onmouseover = itemOver;
          nodes[i].onmouseout = itemOut;
          break;
        // .item2
        case /\bitem2\b/.test(nodes[i].className):
          nodes[i].id = id + "-" + tree.length;
          tree.push(new Array());
          nodes[i].onmouseover = itemOver;
          nodes[i].onmouseout = itemOut;
          break;
        // .section
        case /\bsection\b/.test(nodes[i].className):
          // id, events
          nodes[i].id = id + "-" + (tree.length - 1) + "-section";
          nodes[i].onmouseover = sectionOver;
          nodes[i].onmouseout = sectionOut;
          // position
          var box1 = document.getElementById(id + "-" + (tree.length - 1));
          var box2 = document.getElementById(nodes[i].id);
          var el = new Element(box1.id);
          if (1 == el.level) {
            if ("horizontal" == self.type) {
              box2.style.top = box1.offsetTop + box1.offsetHeight + self.position.level1.top + "px";
              if (self.browser.ie5) {
                box2.style.left = self.position.level1.left + "px";
                } else {
                box2.style.left = box1.offsetLeft + self.position.level1.left + "px";
                }
              } else if ("vertical" == self.type) {
              box2.style.top = box1.offsetTop + self.position.level1.top + "px";
              if (self.browser.ie5) {
                box2.style.left = box1.offsetWidth + self.position.level1.left + "px";
                } else {
                box2.style.left = box1.offsetLeft + box1.offsetWidth + self.position.level1.left + "px";
                }
              }
            } else {
            box2.style.top = box1.offsetTop + self.position.levelX.top + "px";
            box2.style.left = box1.offsetLeft + box1.offsetWidth + self.position.levelX.left + "px";
            }
          // sections, sectionsShowCnt, sectionsHideCnt
          self.sections.push(nodes[i].id);
          self.sectionsShowCnt.push(0);
          self.sectionsHideCnt.push(0);
          break;
          }
      if (nodes[i].childNodes) {
        if (/\bsection\b/.test(nodes[i].className)) {
          parse(nodes[i].childNodes, tree[tree.length - 1], id + "-" + (tree.length - 1));
          }
        else {
          parse(nodes[i].childNodes, tree, id);
          }
        }
      }
    }

  /* event, item:onmouseover */
  function itemOver() {
    //debug("itemOver("+this.id+") , visible = " + self.visible);
    self.itemShowCnt++;
    var id_section = this.id + "-section";
    if (self.visible.length) {
      var el = new Element(self.visible.getLast());
      el = document.getElementById(el.getParent().id);
      if (/item\d-active/.test(el.className)) {
        el.className = el.className.replace(/(item\d)-active/, "$1");
        }
      }
    if (self.sections.contains(id_section)) {
      clearTimers();
      self.sectionsHideCnt[self.sections.indexOf(id_section)]++;
      var cnt = self.sectionsShowCnt[self.sections.indexOf(id_section)];
      var timerId = setTimeout(function(a, b) { return function() { self.showSection(a, b);   }   } (id_section, cnt), self.delay.show);
      self.timers.push(timerId);
      } else {
      if (self.visible.length) {
        clearTimers();
        var timerId = setTimeout(function(a, b) { return function() { self.showItem(a, b);   }   } (this.id, self.itemShowCnt), self.delay.show);
        self.timers.push(timerId);
        }
      }
    }

  /* event, item:onmouseout */
  function itemOut() {
    //debug("itemOut("+this.id+") , visible = " + self.visible);
    self.itemShowCnt++;
    var id_section = this.id + "-section";
    if (self.sections.contains(id_section)) {
      self.sectionsShowCnt[self.sections.indexOf(id_section)]++;
      if (self.visible.contains(id_section)) {
        var cnt = self.sectionsHideCnt[self.sections.indexOf(id_section)];
        var timerId = setTimeout(function(a, b) { return function() { self.hideSection(a, b);   }   }(id_section, cnt), self.delay.hide);
        self.timers.push(timerId);
        }
      }
    }

  /* event, section:onmouseover */
  function sectionOver() {
    //debug("sectionOver("+this.id+") , visible = " + self.visible);
    self.sectionsHideCnt[self.sections.indexOf(this.id)]++;
    var el = new Element(this.id);
    var parent = document.getElementById(el.getParent().id);
    if (!/item\d-active/.test(parent.className)) {
      parent.className = parent.className.replace(/(item\d)/, "$1-active");
      }
    }

  /* event, section:onmouseout */
  function sectionOut() {
    //debug("sectionOut("+this.id+") , visible = " + self.visible);
    self.sectionsShowCnt[self.sections.indexOf(this.id)]++;
    var cnt = self.sectionsHideCnt[self.sections.indexOf(this.id)];
    var timerId = setTimeout(function(a, b) { return function() { self.hideSection(a, b);   }   }(this.id, cnt), self.delay.hide);
    self.timers.push(timerId);
    }

  /* Show section (1 argument passed)
   * Try to show section (2 arguments passed) - check cnt with sectionShowCnt */
  this.showSection = function(id, cnt) {
    if (typeof cnt != "undefined") {
      if (cnt != this.sectionsShowCnt[this.sections.indexOf(id)]) { return;   }
      }
    //debug("showSection("+id+", "+cnt+") , visible = " + this.visible);
    this.sectionsShowCnt[this.sections.indexOf(id)]++;
    if (this.visible.length) {
      if (id == this.visible.getLast()) { return;   }
      var el = new Element(id);
      var parents = el.getParentSections();
      //debug("getParentSections("+el.id+") = " + parents);
      for (var i = this.visible.length - 1; i >= 0; i--) {
        if (parents.contains(this.visible[i])) {
          break;
          } else {
          this.hideSection(this.visible[i]);
          }
        }
      }
    var el = new Element(id);
    var parent = document.getElementById(el.getParent().id);
    if (!/item\d-active/.test(parent.className)) {
      parent.className = parent.className.replace(/(item\d)/, "$1-active");

      /* Added by Cameron for mouseover images */
      var imgs = parent.getElementsByTagName("IMG");
      for (var i = 0; i < imgs.length; i++) {
        if (imgs[i].outSrc && imgs[i].overSrc) {
          imgs[i].src = imgs[i].overSrc;
          imgs[i].onmouseover = null;
          imgs[i].onmouseout  = null;
          }
        }
      /* End mouseover images */

      }
    if (document.all) { document.getElementById(id).style.display = "block";   }
    document.getElementById(id).style.visibility = "visible";
    document.getElementById(id).style.zIndex = this.zIndex.visible;
    this.visible.push(id);
    }

  /* Emulating an empty non-existent section, we have to hide elements, works like showSection() */
  this.showItem = function(id, cnt) {
    if (typeof cnt != "undefined") {
      if (cnt != this.itemShowCnt) { return;   }
      }
    this.itemShowCnt++;
    if (this.visible.length) {
      var el = new Element(id + "-section");
      var parents = el.getParentSections();
      //debug("showItem() getParentSections("+el.id+") = " + parents);
      for (var i = this.visible.length - 1; i >= 0; i--) {
        if (parents.contains(this.visible[i])) {
          break;
          } else {
          this.hideSection(this.visible[i]);
          }
        }
      }
    }

  /* Hide section (1 argument passed)
   * Try to hide section (2 arguments passed) - check cnt with sectionHideCnt */
  this.hideSection = function(id, cnt) {
    if (typeof cnt != "undefined") {
      if (cnt != this.sectionsHideCnt[this.sections.indexOf(id)]) { return;   }
      if (id == this.visible.getLast()) {
        //debug("hideSectionAll("+id+", "+cnt+") , visible = " + this.visible);
        for (var i = this.visible.length - 1; i >= 0; i--) {
          this.hideSection(this.visible[i]);
          }
        return;
        }
      }
    //debug("hideSection("+id+", "+cnt+") , visible = " + this.visible);
    var el = new Element(id);
    var parent = document.getElementById(el.getParent().id);
    if (/item\d-active/.test(parent.className)) {
      parent.className = parent.className.replace(/(item\d)-active/, "$1");
      }

    /* Added by Cameron for mouseover images */
    var imgs = parent.getElementsByTagName("IMG");
    for (var i = 0; i < imgs.length; i++) {
      if (imgs[i].outSrc && imgs[i].overSrc) {
        imgs[i].src = imgs[i].outSrc;
        applyMouseoverEvents(imgs[i]);
        }
      }
    /* End mouseover images */

    document.getElementById(id).style.zIndex = this.zIndex.hidden;
    document.getElementById(id).style.visibility = "hidden";
    if (document.all) { document.getElementById(id).style.display = "none";   }
    if (this.visible.contains(id)) {
      if (id == this.visible.getLast()) {
        this.visible.pop();
        } else {
        throw "DropDownMenuX.hideSection('"+id+"', "+cnt+") failed, trying to hide a section that is not the deepest visible section";
        }
      } else {
      throw "DropDownMenuX.hideSection('"+id+"', "+cnt+") failed, cannot hide element that is not visible";
      }
    this.sectionsHideCnt[this.sections.indexOf(id)]++;
    }

  /* Element (.section, .item2 etc) */
  function Element(id) {
    
    this.menu = self;
    this.id = id;

    /* Get Level of given id
     * Examples: menu-1 (1 level), menu-1-4 (2 level) */
    this.getLevel = function() {
      var s = this.id.substr(this.menu.id.length);
      return s.substrCount("-");
      }

    /* Get parent Element */
    this.getParent = function() {
      var s = this.id.substr(this.menu.id.length);
      var a = s.split("-");
      a.pop();
      return new Element(this.menu.id + a.join("-"));
      }

    /* Check whether an element has a parent element */
    this.hasParent = function() {
      var s = this.id.substr(this.menu.id.length);
      var a = s.split("-");
      return a.length > 2;
      }

    /* Check whether an element has a sub-section */
    this.hasChilds = function() {
      return Boolean(document.getElementById(this.id + "-section"));
      }

    /* Get parent section elements for current section */
    this.getParentSections = function() {
      var s = this.id.substr(this.menu.id.length);
      s = s.substr(0, s.length - "-section".length);
      var a = s.split("-");
      a.shift();
      a.pop();
      var s = this.menu.id;
      var parents = [];
      for (var i = 0; i < a.length; i++) {
        s += ("-" + a[i]);
        parents.push(s + "-section");
        }
      return parents;
      }
    
    this.level = this.getLevel();
    }

  /* Clear all timers set with setTimeout() */
  function clearTimers() {
    for (var i = self.timers.length - 1; i >= 0; i--) {
      clearTimeout(self.timers[i]);
      self.timers.pop();
      }
    }

  var self = this;
  this.id = id; /* menu id */
  this.tree = []; /* tree structure of menu */
  this.sections = []; /* all sections, required for timeout */
  this.sectionsShowCnt = [];
  this.sectionsHideCnt = [];
  this.itemShowCnt = 0;
  this.timers = []; // timeout ids
  this.visible = []; /* visible section, ex. Array("menu-0-section", ..) , succession is important: top to bottom */
  }

/* Finds the index of the first occurence of item in the array, or -1 if not found */
if (typeof Array.prototype.indexOf == "undefined") {
  Array.prototype.indexOf = function(item) {
    for (var i = 0; i < this.length; i++) {
      if (this[i] === item) {
        return i;
        }
      }
    return -1;
    }
  }

/* Check whether array contains given string */
if (typeof Array.prototype.contains == "undefined") {
  Array.prototype.contains = function(s) {
    for (var i = 0; i < this.length; i++) {
      if (this[i] === s) {
        return true;
        }
      }
    return false;
    }
  }

/* Counts the number of substring occurrences */
if (typeof String.prototype.substrCount == "undefined") {
  String.prototype.substrCount = function(s) {
    return this.split(s).length - 1;
    }
  }

/* Get the last element from the array */
if (typeof Array.prototype.getLast == "undefined") {
  Array.prototype.getLast = function() {
    return this[this.length-1];
    }
  }

/* IE5 ARRAY FUNCTION*/
// +----------------------------------------------------------------+
// | Array functions that are missing in IE 5.0           |
// | Author: Cezary Tomczak [www.gosu.pl]               |
// | Free for any use as long as all copyright messages are intact. |
// +----------------------------------------------------------------+

// Removes the last element from an array and returns that element.
if (!Array.prototype.pop) {
  Array.prototype.pop = function() {
    var last;
    if (this.length) {
      last = this[this.length - 1];
      this.length -= 1;
      }
    return last;
    };
  }

// Adds one or more elements to the end of an array and returns the new length of the array.
if (!Array.prototype.push) {
  Array.prototype.push = function() {
    for (var i = 0; i < arguments.length; ++i) {
      this[this.length] = arguments[i];
      }
    return this.length;
    };
  }

// Removes the first element from an array and returns that element.
if (!Array.prototype.shift) {
  Array.prototype.shift = function() {
    var first;
    if (this.length) {
      first = this[0];
      for (var i = 0; i < this.length - 1; ++i) {
        this[i] = this[i + 1];
        }
      this.length -= 1;
      }
    return first;
    };
  }

// Adds one or more elements to the front of an array and returns the new length of the array.
if (!Array.prototype.unshift) {
  Array.prototype.unshift = function() {
    if (arguments.length) {
      var i, len = arguments.length;
      for (i = this.length + len - 1; i >= len; --i) {
        this[i] = this[i - len];
        }
      for (i = 0; i < len; ++i) {
        this[i] = arguments[i];
        }
      }
    return this.length;
    };
  }

// Adds and/or removes elements from an array.
if (!Array.prototype.splice) {
  Array.prototype.splice = function(index, howMany) {
    var elements = [], removed = [], i;
    for (i = 2; i < arguments.length; ++i) {
      elements.push(arguments[i]);
      }
    for (i = index; (i < index + howMany) && (i < this.length); ++i) {
      removed.push(this[i]);
      }
    for (i = index + howMany; i < this.length; ++i) {
      this[i - howMany] = this[i];
      }
    this.length -= removed.length;
    for (i = this.length + elements.length - 1; i >= index + elements.length; --i) {
      this[i] = this[i - elements.length];
      }
    for (i = 0; i < elements.length; ++i) {
      this[index + i] = elements[i];
      }
    return removed;
    };
  }
//-->