/******************************************************************************
* menu.js
*
* Menu objects for multi-level dropdown menus
*
* Requires: menu_items.js and/or link_items/js
******************************************************************************/

// Title: tigra menu
// Description: See the demo at url
// URL: http://www.softcomplex.com/products/tigra_menu/
// Version: 1.0
// Date: 01-09-2002 (mm-dd-yyyy)
// Contact: feedback@softcomplex.com (specify product title in the subject)
// Notes: Registration needed to use this script on your web site.
// 	Registration for this version (1.0) is free of charge.
//	See official site for details

var menus = [];

// --- menu class ---
function menu (item_struct, pos, styles) {

  // Initialize the object
  this.item_struct = item_struct;
  this.pos = pos;
  this.styles = styles;
  this.id = menus.length;
  this.items = [];
  this.children = [];
	
  // assign methods	
  this.add_item = menu_add_item;
  this.hide = menu_hide;
	
  this.onclick = menu_onclick;
  this.onmouseout = menu_onmouseout;
  this.onmouseover = menu_onmouseover;
  this.onmousedown = menu_onmousedown;
	
  var ii;
  for (ii=0; ii<this.item_struct.length; ii++)
    new menu_item(ii, this, this);
  for (ii=0; ii<this.children.length; ii++)
    this.children[ii].visibility(true);
  menus[this.id] = this;
}

function menu_add_item (item) {
  var id = this.items.length;
  this.items[id] = item;
  return (id);
}

function menu_hide () {
  var ii;
  for (ii=0; ii<this.items.length; ii++) {
    this.items[ii].visibility(false);
    this.items[ii].switch_style('onmouseout');
  }
}

function menu_onclick (id) {
  var item = this.items[id];
  return (item.fields[1] ? true : false);
}

function menu_onmouseout (id) {
  this.hide_timer = setTimeout('menus['+ this.id +'].hide();',
    this.pos['hide_delay'][this.active_item.depth]);
  if (this.active_item.id == id)
    this.active_item = null;
}

function menu_onmouseover (id) {
  this.active_item = this.items[id];
  clearTimeout(this.hide_timer);
  var curr_item, visib, ii;
  for (ii=0; ii<this.items.length; ii++) {
    curr_item = this.items[ii];
    visib = (curr_item.arrpath.slice(0, curr_item.depth).join('_') ==
      this.active_item.arrpath.slice(0, curr_item.depth).join('_'));
    if (visib)
      curr_item.switch_style (
        curr_item == this.active_item ? 'onmouseover' : 'onmouseout');
    curr_item.visibility(visib);
  }
}

function menu_onmousedown (id) {
  this.items[id].switch_style('onmousedown');
}

// --- menu item Class ---
function menu_item (path, parent, container) {
  this.path = new String (path);
  this.parent = parent;
  this.container = container;
  this.arrpath = this.path.split('_');
  this.depth = this.arrpath.length - 1;

  // get pointer to item's data in the structure
  var struct_path = '', ii;
  for (ii=0; ii<=this.depth; ii++)
    struct_path += '[' + (Number(this.arrpath[ii]) + (ii ? 2 : 0)) + ']';
  eval('this.fields = this.container.item_struct' + struct_path);
  if (!this.fields) return;
	
  // assign methods	
  this.get_x = menu_item_get_x;
  this.get_y = menu_item_get_y;

  // these methods may be different for different browsers (i.e. non DOM compatible)
  this.init = menu_item_init;
  this.visibility = menu_item_visibility;
  this.switch_style = menu_item_switch_style;
	
  // register in the collections
  this.id = this.container.add_item(this);
  parent.children[parent.children.length] = this;
	
  // init recursively
  this.init();
  this.children = [];
  var child_count = this.fields.length - 2;
  for (ii=0; ii<child_count; ii++)
    new menu_item (this.path + '_' + ii, this, this.container);
  this.switch_style('onmouseout');
}

function menu_item_init() {
  if (this.fields[0].search(gUrlBaseName) != -1) {
    document.write (
      '<a id="mi_' + this.container.id + '_'
        + this.id +'" class="m' + this.container.id + 'l' + this.depth 
        +'o" href="' + this.fields[1] + '" style="position: absolute; top: '
        + this.get_y() + 'px; left: '	+ this.get_x() + 'px; width: '
        + this.container.pos['width'][this.depth] + 'px; height: '
        + this.container.pos['height'][this.depth] + 'px;'
        +' background: black; color: white; z-index: ' + this.depth + ';" '
        + 'onclick="return menus[' + this.container.id + '].onclick('
        + this.id + ');" onmouseout="menus[' + this.container.id + '].onmouseout('
        + this.id + ');" onmouseover="menus[' + this.container.id + '].onmouseover('
        + this.id + ');" onmousedown="menus[' + this.container.id + '].onmousedown('
        + this.id + ');"><img src="' + this.fields[0] + '"></a>\n'
    );
  }
  else if ((this.fields[1] == null) || (this.fields[1].search(gUrlBaseName) != -1)) {
    document.write (
      '<a id="mi_' + this.container.id + '_'
        + this.id +'" class="m' + this.container.id + 'l' + this.depth 
        +'o" href="' + this.fields[1] + '" style="position: absolute; top: '
        + this.get_y() + 'px; left: '	+ this.get_x() + 'px; width: '
        + this.container.pos['width'][this.depth] + 'px; height: '
        + this.container.pos['height'][this.depth] + 'px; visibility: hidden;'
        +' background: black; color: white; z-index: ' + this.depth + ';" '
        + 'onclick="return menus[' + this.container.id + '].onclick('
        + this.id + ');" onmouseout="menus[' + this.container.id + '].onmouseout('
        + this.id + ');" onmouseover="menus[' + this.container.id + '].onmouseover('
        + this.id + ');" onmousedown="menus[' + this.container.id + '].onmousedown('
        + this.id + ');"><div class="m'  + this.container.id + 'l' + this.depth + 'i">'
        + this.fields[0] + "</div></a>\n"
      );
  }
  else {
    document.write (
      '<a id="mi_' + this.container.id + '_'
        + this.id +'" class="m' + this.container.id + 'l' + this.depth 
        +'o" href="' + this.fields[1] + '" style="position: absolute; top: '
        + this.get_y() + 'px; left: '	+ this.get_x() + 'px; width: '
        + this.container.pos['width'][this.depth] + 'px; height: '
        + this.container.pos['height'][this.depth] + 'px; visibility: hidden;'
        +' background: black; color: white; z-index: ' + this.depth + ';" '
        + 'onclick="return menus[' + this.container.id + '].onclick('
        + this.id + ');" onmouseout="menus[' + this.container.id + '].onmouseout('
        + this.id + ');" onmouseover="menus[' + this.container.id + '].onmouseover('
        + this.id + ');" onmousedown="menus[' + this.container.id + '].onmousedown('
        + this.id + ');" target="_blank"><div class="m'  + this.container.id + 'l'
        + this.depth + 'i">' + this.fields[0] + "</div></a>\n"
      );
  }
/*
alert(      '<a id="mi_' + this.container.id + '_'
        + this.id +'" class="m' + this.container.id + 'l' + this.depth 
        +'o" href="' + this.fields[1] + '" style="position: absolute; top: '
        + this.get_y() + 'px; left: '	+ this.get_x() + 'px; width: '
        + this.container.pos['width'][this.depth] + 'px; height: '
        + this.container.pos['height'][this.depth] + 'px;'
        +' background: black; color: white; z-index: ' + this.depth + ';" '
        + 'onclick="return menus[' + this.container.id + '].onclick('
        + this.id + ');" onmouseout="menus[' + this.container.id + '].onmouseout('
        + this.id + ');" onmouseover="menus[' + this.container.id + '].onmouseover('
        + this.id + ');" onmousedown="menus[' + this.container.id + '].onmousedown('
        + this.id + ');"><img src="' + this.fields[0] + '"></a>\n');
*/
  this.element = document.getElementById('mi_' + this.container.id + '_' + this.id);
}

function menu_item_visibility(make_visible) {
  if (make_visible != null) {
    if (this.visible == make_visible) return;
    this.visible = make_visible;
    if (make_visible)
      this.element.style.visibility = 'visible';
    else if (this.depth)
      this.element.style.visibility = 'hidden';
  }
  return (this.visible);
}

function menu_item_get_x() {
  var value = 0, ii;
  for (ii=0; ii<=this.depth; ii++)
    value += this.container.pos['block_left'][ii]
    + this.arrpath[ii] * this.container.pos['left'][ii];
  return (value);
}

function menu_item_get_y() {
  var value = 0, ii;
  for (ii = 0; ii<=this.depth; ii++)
    value += this.container.pos['block_top'][ii]
    + this.arrpath[ii] * this.container.pos['top'][ii];
  return (value);
}

function menu_item_switch_style(state) {
  if (this.state == state) return;
  this.state = state;
  var style = this.container.styles[state];
  for (ii=0; ii<style.length; ii+=2)
    if (style[ii] && style[ii+1])
      eval('this.element.style.' + style[ii] + "='" 
      + style[ii+1][this.depth] + "';");
}