/* =================================================================================================
*
* Javascript library responsible for the semi-transparent multi-level dropdown menus
*
* Copyright 2003, Aaron Boodman (aaron@youngpup.net)
* =================================================================================================
* "Can I use this?"
*
* Use of this library is governed by the Creative Commons Attribution-NonCommercial-ShareAlike 1.0
* License. You can check it out at: http://creativecommons.org/licenses/by-nc-sa/1.0
*
* Basically:
* - You may copy, distribute, and eat this code as you wish. But you must give me credit for
* writing it. You may not misrepresent yourself as the author of this code.
* - You may not use this code in a commercial setting without prior consent from me.
* - If you make changes to this code, you must make the changes available under a license like
* this one.
* =================================================================================================
* "It's kinda hard to read, though"
*
* The uncompressed, commented version of this script can be found at:
* http://youngpup.net/code/DropDowns
* ============================================================================================== */

DropDown.spacerGif = "assets/nav/pixel.gif";
DropDown.dingbatOn = "assets/nav/expand-1.gif";
DropDown.dingbatOff = "assets/nav/expand-1.gif";
DropDown.dingbatSize = 14;
DropDown.menuPadding = 1;
DropDown.itemPadding = 4;
DropDown.shadowSize = 2;
DropDown.shadowOffset = 3;
DropDown.shadowColor = "#888";
DropDown.shadowPng = "assets/nav/grey-40.png";
DropDown.backgroundColor = "030303";
DropDown.backgroundPng = "assets/nav/white-90.png";
DropDown.hideDelay = 0;
DropDown.slideTime = 200;

DropDown.reference = {topLeft:1,topRight:2,bottomLeft:3,bottomRight:4};
DropDown.direction = {down:1,right:2};
DropDown.registry = [];
DropDown._maxZ = 100;

DropDown.isSupported = function() {
  if (typeof DropDown.isSupported.r == "boolean")
    return DropDown.isSupported.r;

  var ua = navigator.userAgent.toLowerCase();
  var an = navigator.appName;
  var r = false;
  if (ua.indexOf("gecko") > -1) r = true;
  else if (an == "Microsoft Internet Explorer") {
    if (document.getElementById) r = true;
  }

  DropDown.isSupported.r = r;
  return r;
}

DropDown.initialize = function() {
  for (var i = 0, menu = null; menu = this.registry[i]; i++) {
    menu.initialize();
  }
}

DropDown.renderAll = function() {
  var aMenuHtml = [];
  for (var i = 0, menu = null; menu = this.registry[i]; i++) {
    aMenuHtml[i] = menu.toString();
  }

  document.write(aMenuHtml.join(""));
}

function DropDown(oActuator, iDirection, iLeft, iTop, iReferencePoint, parentMenuSet) {
  this.addItem = addItem;
  this.addMenu = addMenu;
  this.toString = toString;
  this.initialize = initialize;
  this.isOpen = false;
  this.show = show;
  this.hide = hide;
  this.items = [];

  this.onactivate = new Function();
  this.ondeactivate = new Function();
  this.onmouseover = new Function();
  this.onqueue = new Function();

  this.index = DropDown.registry.length;
  DropDown.registry[this.index] = this;
  var id = "DropDown" + this.index;
  var contentHeight = null;
  var contentWidth = null;
  var childMenuSet = null;
  var animating = false;
  var childMenus = [];
  var slideAccel = -1;
  var elmCache = null;
  var ready = false;
  var _this = this;
  var a = null;
  var pos = iDirection == DropDown.direction.down ? "top" : "left";
  var dim = null;

  function addItem(sText, sUrl) {
    var item = new DropDownItem(sText, sUrl, this);
    item._index = this.items.length;
    this.items[item._index] = item;
  }

  function addMenu(oMenuItem) {
    if (!oMenuItem.parentMenu == this) throw new Error("Cannot add a menu here");
    if (childMenuSet == null) childMenuSet = new DropDownSet(DropDown.direction.right, -5, 2, DropDown.reference.topRight);
    var m = childMenuSet.addMenu(oMenuItem);
    childMenus[oMenuItem._index] = m;
    m.onmouseover = child_mouseover;
    m.ondeactivate = child_deactivate;
    m.onqueue = child_queue;
    return m;
  }

  function initialize() {
    initCache();
    initEvents();
    initSize();
    ready = true;
  }

  //SHOW
  function show() {
    if (ready) {
      _this.isOpen = true;
      animating = true;
      setContainerPos();
      elmCache["clip"].style.visibility = "visible";
      elmCache["clip"].style.zIndex = DropDown._maxZ++;
      slideStart();
      _this.onactivate();
    }
  }

  //HIDE
  function hide() {
    if (ready) {
      _this.isOpen = false;
      animating = true;
      for (var i = 0, item = null; item = elmCache.item[i]; i++)
        dehighlight(item);

      if (childMenuSet) childMenuSet.hide();
      slideStart();
      _this.ondeactivate();
    }
  }

  function setContainerPos() {
    var sub = oActuator.constructor == DropDownItem;
    var act = sub ? oActuator.parentMenu.elmCache["item"][oActuator._index] : oActuator;
    var el = act;
    var x = 0;
    var y = 0;
    var minX = 0;
    var maxX = (window.innerWidth ? window.innerWidth : document.body.clientWidth) - parseInt(elmCache["clip"].style.width);
    var minY = 0;
    var maxY = (window.innerHeight ? window.innerHeight : document.body.clientHeight) - parseInt(elmCache["clip"].style.height);

    while (sub ? el.parentNode.className.indexOf("DropdownMenu") == -1 : el.offsetParent) {
      x += el.offsetLeft;
      y += el.offsetTop;
      if (el.scrollLeft) x -= el.scrollLeft;
      if (el.scrollTop) y -= el.scrollTop;
      el = el.offsetParent;
    }

    if (oActuator.constructor == DropDownItem) {
      x += parseInt(el.parentNode.style.left);
      y += parseInt(el.parentNode.style.top);
    }

    switch (iReferencePoint) {
      case DropDown.reference.topLeft:
      break;

      case DropDown.reference.topRight:
      x += act.offsetWidth;
      break;

      case DropDown.reference.bottomLeft:
      y += act.offsetHeight;
      break;

      case DropDown.reference.bottomRight:
      x += act.offsetWidth;
      y += act.offsetHeight;
      break;
    }

    x += iLeft;
    y += iTop;
    x = Math.max(Math.min(x, maxX), minX);
    y = Math.max(Math.min(y, maxY), minY);
    elmCache["clip"].style.left = x + "px";
    elmCache["clip"].style.top = y + "px";
  }

  function slideStart() {
    var x0 = parseInt(elmCache["content"].style[pos]);
    var x1 = _this.isOpen ? 0 : -dim;
    if (a != null) a.stop();
    a = new Accelimation(x0, x1, DropDown.slideTime, slideAccel);
    a.onframe = slideFrame;
    a.onend = slideEnd;
    a.start();
  }

  function slideFrame(x) {
    elmCache["content"].style[pos] = x + "px";
  }

  function slideEnd() {
    if (!_this.isOpen) elmCache["clip"].style.visibility = "hidden";
    animating = false;
  }

  function initSize() {
    var ow = elmCache["items"].offsetWidth;
    var oh = elmCache["items"].offsetHeight;
    var ua = navigator.userAgent.toLowerCase();

    elmCache["clip"].style.width = ow + DropDown.shadowSize + 2 + "px";
    elmCache["clip"].style.height = oh + DropDown.shadowSize + 2 + "px";

    elmCache["content"].style.width = ow + DropDown.shadowSize + "px";
    elmCache["content"].style.height = oh + DropDown.shadowSize + "px";
    contentHeight = oh + DropDown.shadowSize;
    contentWidth = ow + DropDown.shadowSize;
    dim = iDirection == DropDown.direction.down ? contentHeight : contentWidth;

    elmCache["content"].style[pos] = -dim - DropDown.shadowSize + "px";
    elmCache["clip"].style.visibility = "hidden";

    if (ua.indexOf("mac") == -1 || ua.indexOf("gecko") > -1) {
      elmCache["background"].style.width = ow + "px";
      elmCache["background"].style.height = oh + "px";
      elmCache["background"].style.backgroundColor = DropDown.backgroundColor;

      elmCache["shadowRight"].style.left = ow + "px";
      elmCache["shadowRight"].style.height = oh - (DropDown.shadowOffset - DropDown.shadowSize) + "px";
      elmCache["shadowRight"].style.backgroundColor = DropDown.shadowColor;

      elmCache["shadowBottom"].style.top = oh + "px";
      elmCache["shadowBottom"].style.width = ow - DropDown.shadowOffset + "px";
      elmCache["shadowBottom"].style.backgroundColor = DropDown.shadowColor;
    } else {
      elmCache["background"].firstChild.src = DropDown.backgroundPng;
      elmCache["background"].firstChild.width = ow;
      elmCache["background"].firstChild.height = oh;

      elmCache["shadowRight"].firstChild.src = DropDown.shadowPng;
      elmCache["shadowRight"].style.left = ow + "px";
      elmCache["shadowRight"].firstChild.width = DropDown.shadowSize;
      elmCache["shadowRight"].firstChild.height = oh - (DropDown.shadowOffset - DropDown.shadowSize);

      elmCache["shadowBottom"].firstChild.src = DropDown.shadowPng;
      elmCache["shadowBottom"].style.top = oh + "px";
      elmCache["shadowBottom"].firstChild.height = DropDown.shadowSize;
      elmCache["shadowBottom"].firstChild.width = ow - DropDown.shadowOffset;
    }
  }

  function initCache() {
    var menu = document.getElementById(id);
    var all = menu.all ? menu.all : menu.getElementsByTagName("*");
    elmCache = {};
    elmCache["clip"] = menu;
    elmCache["item"] = [];
    for (var i = 0, elm = null; elm = all[i]; i++) {
      switch (elm.className) {
        case "items":
        case "content":
        case "background":
        case "shadowRight":
        case "shadowBottom":
        elmCache[elm.className] = elm;
        break;

        case "item":
        elm._index = elmCache["item"].length;
        elmCache["item"][elm._index] = elm;
        break;
      }
    }

    _this.elmCache = elmCache;
  }

  function initEvents() {
    for (var i = 0, item = null; item = elmCache.item[i]; i++) {
      item.onmouseover = item_mouseover;
      item.onmouseout = item_mouseout;
      item.onclick = item_click;
    }

    if (typeof oActuator.tagName != "undefined") {
      oActuator.onmouseover = actuator_mouseover;
      oActuator.onmouseout = actuator_mouseout;
    }

    elmCache["content"].onmouseover = content_mouseover;
    elmCache["content"].onmouseout = content_mouseout;
  }

  function highlight(oRow) {
    oRow.className = "item hover";
    if (childMenus[oRow._index])
      oRow.lastChild.firstChild.src = DropDown.dingbatOn;
  }

  function dehighlight(oRow) {
    oRow.className = "item";
    if (childMenus[oRow._index])
      oRow.lastChild.firstChild.src = DropDown.dingbatOff;
  }

  function item_mouseover() {
    if (!animating) {
      highlight(this);

    if (childMenus[this._index])
      childMenuSet.showMenu(childMenus[this._index]);
    else if (childMenuSet)
      childMenuSet.hide();
    }
  }

  function item_mouseout() {
    if (!animating) {
      if (childMenus[this._index])
        childMenuSet.hideMenu(childMenus[this._index]);
      else
        dehighlight(this);
    }
  }

  function item_click() {
    if (!animating) {
      if (_this.items[this._index].url)
        location.href = _this.items[this._index].url;
    }
  }

  function actuator_mouseover() {
    parentMenuSet.showMenu(_this);
  }

  function actuator_mouseout() {
    parentMenuSet.hideMenu(_this);
  }

  function content_mouseover() {
    if (!animating) {
      parentMenuSet.showMenu(_this);
      _this.onmouseover();
    }
  }

  function content_mouseout() {
    if (!animating) {
      parentMenuSet.hideMenu(_this);
    }
  }

  function child_mouseover() {
    if (!animating) {
      parentMenuSet.showMenu(_this);
    }
  }

  function child_deactivate() {
    for (var i = 0; i < childMenus.length; i++) {
      if (childMenus[i] == this) {
        dehighlight(elmCache["item"][i]);
        break;
      }
    }
  }

  function child_queue() {
    parentMenuSet.hideMenu(_this);
  }

  function toString() {
    var aHtml = [];
    var sClassName = "DropdownMenu" + (oActuator.constructor != DropDownItem ? " top" : "");
    for (var i = 0, item = null; item = this.items[i]; i++) {
      aHtml[i] = item.toString(childMenus[i]);
    }

    return '<div id="' + id + '" class="' + sClassName + '">' +
    '<div class="content"><table class="items" cellpadding="0" cellspacing="0" border="0">' +
    '<tr><td colspan="2"><img src="' + DropDown.spacerGif + '" width="1" height="' + DropDown.menuPadding + '"></td></tr>' +
    aHtml.join('') +
    '<tr><td colspan="2"><img src="' + DropDown.spacerGif + '" width="1" height="' + DropDown.menuPadding + '"></td></tr></table>' +
    '<div class="shadowBottom"><img src="' + DropDown.spacerGif + '" width="1" height="1"></div>' +
    '<div class="shadowRight"><img src="' + DropDown.spacerGif + '" width="1" height="1"></div>' +
    '<div class="background"><img src="' + DropDown.spacerGif + '" width="1" height="1"></div>' +
    '</div></div>';
  }
}

DropDownSet.registry = [];
function DropDownSet(iDirection, iLeft, iTop, iReferencePoint) {
  this.addMenu = addMenu;
  this.showMenu = showMenu;
  this.hideMenu = hideMenu;
  this.hide = hide;

  var menus = [];
  var _this = this;
  var current = null;
  this.index = DropDownSet.registry.length;
  DropDownSet.registry[this.index] = this;

  function addMenu(oActuator) {
    var m = new DropDown(oActuator, iDirection, iLeft, iTop, iReferencePoint, this);
    menus[menus.length] = m;
    return m;
  }

  function showMenu(oMenu) {
    if (oMenu != current) {
      if (current != null) hide(current);

      current = oMenu;
      oMenu.show();
    } else {
      cancelHide(oMenu);
    }
  }

  function hideMenu(oMenu) {
    if (current == oMenu && oMenu.isOpen) {
      if (!oMenu.hideTimer) scheduleHide(oMenu);
    }
  }

  function scheduleHide(oMenu) {
    oMenu.onqueue();
    oMenu.hideTimer = window.setTimeout("DropDownSet.registry[" + _this.index + "].hide(DropDown.registry[" + oMenu.index + "])", DropDown.hideDelay);
  }

  function cancelHide(oMenu) {
    if (oMenu.hideTimer) {
      window.clearTimeout(oMenu.hideTimer);
      oMenu.hideTimer = null;
    }
  }

  function hide(oMenu) {
    if (!oMenu && current) oMenu = current;
    if (oMenu && current == oMenu && oMenu.isOpen) {
      cancelHide(oMenu);
      current = null;
      oMenu.hideTimer = null;
      oMenu.hide();
    }
  }
}

function DropDownItem(sText, sUrl, oParent) {
  this.toString = toString;
  this.text = sText;
  this.url = sUrl;
  this.parentMenu = oParent;

  function toString(bDingbat) {
    var sDingbat = bDingbat ? DropDown.dingbatOff : DropDown.spacerGif;
    var iEdgePadding = DropDown.itemPadding + DropDown.menuPadding;
    var sPaddingLeft = "padding:" + DropDown.itemPadding + "px; padding-left:" + iEdgePadding + "px;"
    var sPaddingRight = "padding:" + DropDown.itemPadding + "px; padding-right:" + iEdgePadding + "px;"
    return '<tr class="item"><td nowrap style="' + sPaddingLeft + '">' +
    sText + '</td><td width="14" style="' + sPaddingRight + '">' +
    '<img src="' + sDingbat + '" width="14" height="14"></td></tr>';
  }
}

function Accelimation(from, to, time, zip) {
  if (typeof zip == "undefined") zip = 0;
  if (typeof unit == "undefined") unit = "px";
  this.x0 = from;
  this.x1 = to;
  this.dt = time;
  this.zip = -zip;
  this.unit = unit;
  this.timer = null;
  this.onend = new Function();
  this.onframe = new Function();
}

Accelimation.prototype.start = function() {
  this.t0 = new Date().getTime();
  this.t1 = this.t0 + this.dt;
  var dx = this.x1 - this.x0;
  this.c1 = this.x0 + ((1 + this.zip) * dx / 3);
  this.c2 = this.x0 + ((2 + this.zip) * dx / 3);
  Accelimation._add(this);
}

Accelimation.prototype.stop = function() {
  Accelimation._remove(this);
}

Accelimation.prototype._paint = function(time) {
  if (time < this.t1) {
    var elapsed = time - this.t0;
    this.onframe(Accelimation._getBezier(elapsed/this.dt,this.x0,this.x1,this.c1,this.c2));
  } else this._end();
}

Accelimation.prototype._end = function() {
  Accelimation._remove(this);
  this.onframe(this.x1);
  this.onend();
}

Accelimation._add = function(o) {
  var index = this.instances.length;
  this.instances[index] = o;

  if (this.instances.length == 1) {
    this.timerID = window.setInterval("Accelimation._paintAll()", this.targetRes);
  }
}

Accelimation._remove = function(o) {
  for (var i = 0; i < this.instances.length; i++) {
    if (o == this.instances[i]) {
      this.instances = this.instances.slice(0,i).concat( this.instances.slice(i+1) );
      break;
    }
  }

  if (this.instances.length == 0) {
    window.clearInterval(this.timerID);
    this.timerID = null;
  }
}

Accelimation._paintAll = function() {
  var now = new Date().getTime();
  for (var i = 0; i < this.instances.length; i++) {
    this.instances[i]._paint(now);
  }
}

Accelimation._B1 = function(t) { return t*t*t }
Accelimation._B2 = function(t) { return 3*t*t*(1-t) }
Accelimation._B3 = function(t) { return 3*t*(1-t)*(1-t) }
Accelimation._B4 = function(t) { return (1-t)*(1-t)*(1-t) }

Accelimation._getBezier = function(percent,startPos,endPos,control1,control2) {
return endPos * this._B1(percent) + control2 * this._B2(percent) + control1 * this._B3(percent) + startPos * this._B4(percent);
}

Accelimation.instances = [];
Accelimation.targetRes = 10;
Accelimation.timerID = null;