// CLASS name		event name
// ------------------	-----------------------
// E1, toolCell		onmouseOUT, normal
// E2, toolCellon	onmouseOVER
// E3, toolCelldown	onmouseDOWN
var mOvrLnkTxtColor = "#FFFF00";	// color of the link (sub item) onmouseOVER #FFFF00
var mOutLnkTxtColor = "#FFFFFF";	// color of the link (sub item) onmouseOUT #FFFFFF

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


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';
   src.className = 'E3';			// else, src.id == sub item
}

function mOvr(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 = mOvrLnkTxtColor;
      src.className = 'E2';
   }
}

function mOut(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 = mOutLnkTxtColor;
      src.className = 'E1';
   }
}