/***********************************************
** File:      %M%  version %I%
** Author:    nat
** Modified:  %G%
** Copyright: I-Next Ltd
***********************************************/
/* ident %W% */

function openMenu( d ){
  // if page has loaded
  if ( pageLoaded == 1 ){
    // show the correct div
    for ( var i = 0; i < divs.length; i ++ ){
      // open menu and close others
      set( divs[i], 'visibility', ( ( d == divs[i] ) ? 'visible' : 'hidden' ) );
    }
    // store the active menu
    activeMenu = d;
  }
}
function closeMenu( n ){
  set( n, 'visibility', 'hidden' );
  if ( activeMenu == n ){ activeMenu = ''; }
}
function menuCheck( evt ){
  // if a menu is open
  if ( activeMenu != '' ){

    // load the drop menu edges into an array
    var pos = new Array();
    pos[0] = get( activeMenu, 'left' ) + 2;
    pos[1] = get( activeMenu, 'left' ) + get( activeMenu, 'width' );
    pos[2] = get( activeMenu, 'top' ) - 4;
    pos[3] = get( activeMenu, 'top' ) + get( activeMenu, 'height' );

    // load the main menu edges into an array
    var mm = new Array();
    mm[0] = get( topMenu, 'left' ) + 2;
    mm[1] = get( topMenu, 'left' ) + get( topMenu, 'width' );
    mm[2] = get( topMenu, 'top' ) - 2;
    mm[3] = get( topMenu, 'top' ) + get( topMenu, 'height' );

    if ( document.all ){ // check for mouseout in ie

      // get the mouse pos from the window event and add any window scroll
      var we = window.event;
      var x = we.x + document.body.scrollLeft;
      var y = we.y + document.body.scrollTop;

    } else if ( evt ){ // non ie
      var x = evt.pageX;
      var y = evt.pageY;
    }

    // check if the cursor is in the main menu
    if ( x < mm[0] || x > mm[1] || y < mm[2] || y > mm[3] ){

      // not in MM so check if in drop menu
      if ( x < pos[0] || x > pos[1] || y < pos[2] || y > pos[3] ){ closeMenu( activeMenu ); }
    }
  }
}

function doLoad(){
  pageLoaded = 1;
  // get the mouse in netscape
  //if ( !document.all ){
  //  document.captureEvents( Event.MOUSEMOVE );
  //  document.onmousemove = menuCheck;
  //}
  //activateMenus(); // Position drops and add mouseovers
  
  activateLeftMenuSwap(); // activates the category/manufacturer swap for the left menu
}

// set up to hold the li indices
var liIndex = [];
var nMenus = 0;


function activateLeftMenuSwap() {
  liIndex[0]  = 0;
  liIndex[1]  = 0;
  nMenus      = 0;

  // get the leftmenu div lis
  var theLis = document.getElementById('leftmenu').getElementsByTagName('li');
  
  // loop through

  for (var i=0; i<theLis.length; i++) {
    // is this a swap menu li?
    if (theLis[i].className == 'swapmenu') {
      theLis[i].nMenu = nMenus;
      theLis[i].onclick = function ()  {swapLeftMenu(this) };
      liIndex[nMenus] = i;      
      
      nMenus++;
    }
  }
  
  // display the last menu only
  for (var i=0; i<nMenus; i++) {
    var ul = theLis[liIndex[i]].getElementsByTagName('ul');
    ul = ul[0];
    if (i==nMenus-1) {
      ul.style.display = 'block';
    }
    else {
      ul.style.display = 'none';
    }
  }
}

function swapLeftMenu(li) {
  // swap first two menu items if we clicked on the first
  if (li.nMenu == 0) {
    var theUls = document.getElementById('leftmenu').getElementsByTagName('ul');
    var topLevel = theUls[0];
    
    var firstLi  = topLevel.getElementsByTagName('li')[liIndex[0]];
    var secondLi = topLevel.getElementsByTagName('li')[liIndex[1]];

    secondLiHTML = secondLi.innerHTML;
    
    // create new node
    var newFirst = document.createElement('li');
    newFirst.innerHTML = secondLiHTML;
    newFirst.className = 'swapmenu';
    
    // delete the old node
    var p = document.getElementById('leftmenu').getElementsByTagName('ul')[0];
    p.removeChild(secondLi);
    
    p.insertBefore(newFirst,p.firstChild);
    
    // swap the node ids
    var tmp = liIndex[0];
    liIndex[0] = liIndex[1];
    liIndex[1] = tmp;
    
    // re-index the menus
    activateLeftMenuSwap();
    

  }  
}

function activateMenus(){
  var menuX = get( topMenu, 'left' );
  var TD = document.getElementsByTagName('td'); // Get the TD tag array
  for ( var i = 0; i < TD.length; i ++ ){ // Go through ...
    if ( TD[i].className.indexOf('opendrop-0') != -1 ){ // Zero closes any open ones
      TD[i].onmouseover = function(){ openMenu(''); } // Assign the function
    } else if ( TD[i].className.indexOf('opendrop-') != -1 ){ // If matching class name
      TD[i].dropNum = TD[i].className.split('-')[1]; // Set attribute in the tag
      TD[i].onmouseover = function(){ openMenu( 'drop' + this.dropNum ); } // Assign the function
      TD[i].style.cursor = 'default';
      set( 'drop' + TD[i].dropNum, 'left', TD[i].offsetLeft + menuX );
    }
  }
}

function popup( win, w, h ){
  if ( window.pop ){ window.pop.close(); } // close an open one
  if ( popup.arguments.length < 2 ){ w = 320; };
  if ( popup.arguments.length < 3 ){ h = 480; };
  pop = window.open( win,'return','toolbar=no,location=no,directories=no,status=yes,scrollbars=no,resizable=no,copyhistory=no,locationbar=no,width=' + w + ',height=' + h + ',screenX=0,screenY=0,top=0,left=0');
}

window.onload = doLoad;