var branch;

function dropdownMenu(navid) {
  var isie = typeof document.all != 'undefined'
     && typeof window.opera == 'undefined'
     && navigator.vendor != 'KDE';
  var isie7 = navigator.userAgent.toLowerCase().replace(/.*ms(ie[\/ ][^ $]+).*/,'$1').replace(/ /,'').indexOf('ie7') != -1 ? true : false;
  
  if (typeof document.getElementById == 'undefined'
      || (navigator.vendor == 'Apple Computer, Inc.'
      && typeof window.XMLHttpRequest == 'undefined')
      || (isie && typeof document.uniqueID == 'undefined')) {
    return;
  }

  var rollover = new Image;
  rollover.src = '../images/right.gif';
  rollover = new Image;
  rollover.src = '../images/right_over.gif';

  var tree = document.getElementById(navid);
  if (tree) {
    branch = tree;
    var items = tree.getElementsByTagName('li');
    for (var i = 0; i < items.length; i++) {
      dropdownTrigger(tree, items[i], navid, isie, isie7);
    }
  }
}

function dropdownTrigger(tree, li, navid, isie, isie7) {
  var opentime, closetime;
  var a = li.getElementsByTagName('a')[0];
  var menu = li.getElementsByTagName('ul').length > 0
      ? li.getElementsByTagName('ul')[0] : null;
  var horiz = tree.className.indexOf('horizontal') != -1;
  var issub = li.parentNode.id == navid;

  if (menu) {
    li.className += (li.className == '' ? '' : ' ') + 'hasmenu';
  }

  addEvent(li, 'mouseover', function(e) {
    if (unwantedTextEvent()) { return; }
    clearTimeout(closetime);
    if (branch == li) { branch = null; }

    a.className += (a.className == '' ? '' : ' ') + 'rollover';

    var target = typeof e.target != 'undefined' ? e.target : window.event.srcElement;
    while (target.nodeName.toUpperCase() != 'LI') {
      target = target.parentNode;
    }
    if (target != li) { return; }

    if (menu) {
      opentime = window.setTimeout(function() {
        if (branch) {
          clearMenus(branch);
          branch = null;
        }

        menu.style.left = horiz
            ? (isie && !isie7 ? li.offsetLeft + 'px' : 'auto')
            : '0';

        menu.style.top = horiz && issub
            ? (isie && !isie7 ? a.offsetHeight + 'px' : 'auto')
            : (isie && !isie7 ? li.offsetTop + 'px' : '0');

        repositionMenu(menu);

        if (typeof document.uniqueID != 'undefined') {
          createIframeLayer(menu);
        }
      }, 150);
    }
  }, false);

  addEvent(li, 'mouseout', function(e) {
    if (unwantedTextEvent()) { return; }

    var related = typeof e.relatedTarget != 'undefined' ? e.relatedTarget : window.event.toElement;
    if (!li.contains(related)) {
      clearTimeout(opentime);
      branch = li;

      a.className = a.className.replace(/ ?rollover/g, '');
      if (menu) {
        closetime = window.setTimeout(function() {
          menu.style.left = '-1000em';

          if (toggleSelects('visible') && tree.contains(related)) {
            toggleSelects('hidden');
          } else {
            removeIframeLayer(menu);
          }

        }, 600);
      }
    }
  }, false);

  if (!isie) {
    li.contains = function(node) {
      if (node == null) { return false; }
      if (node == this) { return true; }
      else { return this.contains(node.parentNode); }
    };
  }
}

function clearMenus(root) {
  var menus = root.getElementsByTagName('ul');
  for (var i = 0; i < menus.length; i++) {
    menus[i].style.left = '-1000em';
    removeIframeLayer(menus[i]);
  }
}

function unwantedTextEvent() {
  return (navigator.vendor == 'Apple Computer, Inc.'
      && (event.target == event.relatedTarget.parentNode
      || (event.eventPhase == 3
      && event.target.parentNode == event.relatedTarget)));
}

function getRoughPosition(ele, dir) {
  var pos = dir == 'x' ? ele.offsetLeft : ele.offsetTop;
  var tmp = ele.offsetParent;
  while (tmp != null) {
    pos += dir == 'x' ? tmp.offsetLeft : tmp.offsetTop;
    tmp = tmp.offsetParent;
  }
  return pos;
}

function repositionMenu(menu) {
  var extent = [
      getRoughPosition(menu, 'x') + menu.offsetWidth + 25,
      getRoughPosition(menu, 'y') + menu.offsetHeight + 25
  ];
  var viewsize = getViewportSize();

  if (extent[0] > viewsize[0]) {
    var offset = menu.offsetWidth + menu.parentNode.parentNode.offsetWidth;
    var inset = menu.parentNode.offsetWidth - menu.offsetLeft;

    menu.style.left = (0 - offset + (inset * 2)) + 'px';
  }

  if (extent[1] > viewsize[1]) {
    var current = parseInt(menu.style.top, 10);
    var difference = extent[1] - viewsize[1];

    menu.style.top = (current - difference) + 'px';
  }
}

function createIframeLayer(menu) {
  if (!toggleSelects('hidden')) {
    var layer = document.createElement('iframe');
    layer.tabIndex = '-1';
    layer.src = 'javascript:false;';
    menu.parentNode.appendChild(layer);

    layer.style.left = menu.offsetLeft + 'px';
    layer.style.top = menu.offsetTop + 'px';
    layer.style.width = menu.offsetWidth + 'px';
    layer.style.height = menu.offsetHeight + 'px';
  }
}

function removeIframeLayer(menu) {
  if (!toggleSelects('visible')) {
    var layers = menu.parentNode.getElementsByTagName('iframe');
    while (layers.length > 0) {
      layers[0].parentNode.removeChild(layers[0]);
    }
  }
}

addLoadListener(function() { dropdownMenu('ddmenu'); });