// CLASS name		event name
// ------------------	-----------------------
// E1, toolCell		onmouseOUT, normal
// E2, toolCellon	onmouseOVER
// E3, toolCelldown	onmouseDOWN
var aMainMenu = new Array("AAA", "BBB", "CCC");		// members of main menu
var aSubItem = new Array(8, 5 ,4);			// number of sub items
var mOvrLnkTxtColor = "#FFFF00";	// color of the link (sub item) onmouseOVER
var mOutLnkTxtColor = "#FFFFFF";	// color of the link (sub item) onmouseOUT




// ----------------
// start working...
var IE5  = ((navigator.appName.substring(0, 9)=="Microsoft")
         && (navigator.appVersion.substring(0,1)>=4)) ? 1 : 0;

function mOvr(src) {					// 'onmouseover' event handler I
   if (!IE5) { return; }				// works on main menu & sub items
   if (!src.contains(event.fromElement)) {
      src.style.cursor = 'hand';
      for (var i=0; i<aMainMenu.length; i++) {		// src.id == main menu
         if (src.id == aMainMenu[i]) {
            src.className = 'E2';  return;
      }  }
      src.children.tags('A')[0].style.color = mOvrLnkTxtColor;  // else, src.id = sub item
      src.className = 'toolCellon';
   }
}
function mOut(src) {					// 'onmouseout' event handler I
   if (!IE5) { return; }				// works on main menu & sub items
   if (!src.contains(event.toElement)) {
      src.style.cursor = 'default';
      for (var i=0; i<aMainMenu.length; i++) {		// src.id == main menu
         if (src.id == aMainMenu[i]) {
            src.className = 'E1';  return;
      }  }
      src.children.tags('A')[0].style.color = mOutLnkTxtColor;  // else, src.id = sub item
      src.className = 'toolCell';
   }
}
function mClk(src) {					// 'onclick' event handler I
   if (!IE5) { return; }				// works on sub items only
   if (event.srcElement.tagName=='SPAN') {
      src.className = 'toolCelldown';
      src.children.tags('A')[0].click();
   }
}
function mDwn(src) {					// 'onmousedown' event handler
   if (!IE5) { return; }				// works on main menu & sub items
   src.style.cursor = 'default';
   for (var i=0; i<aMainMenu.length; i++) {		// src.id == main menu
      if (src.id == aMainMenu[i]) {
         src.className = 'E3';  return;
   }  }
   src.className = 'toolCelldown';			// else, src.id == sub item
}

/// Special case - Main menu without any sub items
/*
function mOvrZ(src) {					// 'onmouseover' event handler II
   if (!IE5) { return; }				// works on main menu without items
   if (!src.contains(event.fromElement)) {
      src.style.cursor = 'hand';
      src.children.tags('A')[0].style.color = "#FFFF00";
      src.className = 'ContentOn';
   }
}
function mOutZ(src) {					// 'onmouseout' event handler II
   if (!IE5) { return; }				// works on main menu without items
   if (!src.contains(event.toElement)) {
      src.style.cursor = 'default';
      src.children.tags('A')[0].style.color = "#FFFFFF";
      src.className = 'ContentOff';
   }
} */



// Main menu processing
var iMenuIndex = 0;
var sMenuName, NUMBER, tmpNUMBER;

function mClk2(folder) {				// 'onclick' event handler II
   if (!IE5) { return; }				// works on main menu only

   if (iMenuIndex) {		// any open
      if (iMenuIndex == folder) {
         sMenuName=aMainMenu[iMenuIndex-1]; tmpNUMBER=1; NUMBER=aSubItem[iMenuIndex-1]; slowhide();
      	 iMenuIndex = 0;
      } else {
         quickmotion(aMainMenu[iMenuIndex-1], aSubItem[iMenuIndex-1], "none");
      	 sMenuName=aMainMenu[folder-1]; NUMBER=aSubItem[folder-1]; slowshow();
         iMenuIndex = folder;
      }
   } else {			// all close
      sMenuName=aMainMenu[folder-1]; NUMBER=aSubItem[folder-1]; slowshow();
      iMenuIndex = folder;
   }
}

function hideall() {					// hide all items
   for (var i=0; i<aMainMenu.length; i++) {
      quickmotion(aMainMenu[i], aSubItem[i], "none");
   }
}

function quickmotion(folder, number, effect) {		// open or close items quickly
   do {
      var tmpMenuName = folder + number;
      document.all[tmpMenuName].style.display = effect;
   } while (--number > 0);
}

function slowhide() {					// close items slowly
   var tmpMenuName = sMenuName + tmpNUMBER;
   document.all[tmpMenuName].style.display = "none";
   if (++tmpNUMBER <= NUMBER) {
      var timeID = setTimeout('slowhide()', 50);
   }
}

function slowshow() {					// open items slowly
   var tmpMenuName = sMenuName + NUMBER;
   document.all[tmpMenuName].style.display = "";
   if (--NUMBER > 0) {
      var timeID = setTimeout('slowshow()', 50);
   }
}