var normalBgImage;
var normalColor;
var visibleSubmenu = '';
var mousedSubmenu = '';
var timerId;
var timeSubmenuShowed = 3000; // the length of time a submenu is showed

function mouseOverMenuItem (menuItem) {
    normalBgImage = menuItem.style.backgroundImage;
    normalColor = menuItem.style.color;
	menuItem.style.backgroundImage = "url('images/menu/bg-meniu-over.jpg')";
	menuItem.style.color = 'red';
	
	//if ('' != visibleSubmenu) 
	showSubmenu (menuItem, "Submenu" + menuItem.id);
}

function mouseOutMenuItem (menuItem) {
    menuItem.style.backgroundImage = normalBgImage;
    menuItem.style.color = normalColor;
}

function mouseOverSubmenuItem (menuItem) {
	normalBgImage = menuItem.style.backgroundImage;
    normalColor = menuItem.style.color;
	menuItem.style.backgroundImage = "url('images/menu/bg-submeniu-over.jpg')";
	menuItem.style.color = 'red';
}

function mouseOutSubmenuItem (menuItem) {
	menuItem.style.backgroundImage = normalBgImage;
    menuItem.style.color = normalColor;
}

function showSubmenu (callerItem, submenu) {
	var sbm;

    if ('' != visibleSubmenu) {
        sbm = document.getElementById(visibleSubmenu);
        //sbm.style.display = 'none';
        sbm.style.visibility = 'hidden';
	}
	
	if (null == document.getElementById(submenu)) return;

    visibleSubmenu = submenu;

	var sbm = document.getElementById(submenu);
	
	submenuTop = 0;
	submenuLeft = 0;
	if ( 'Netscape' == navigator.appName ) { 
        submenuTop = callerItem.offsetTop + callerItem.offsetHeight + document.getElementById('TDMainMenu').offsetTop - callerItem.offsetHeight;
		submenuLeft = callerItem.offsetLeft + document.getElementById('TDMainMenu').offsetLeft + sbm.offsetWidth;
		//sbm.style.left = document.body.scrollLeft + Event.X - Event.offsetX + "px";
		//sbm.style.top = document.body.scrollTop + Event.Y - Event.offsetY + callerItem.offsetHeight + "px";
	} else {
        //sbm.style.top = callerItem.offsetTop + callerItem.offsetHeight + document.getElementById('theParent').offsetTop + "px";
		//sbm.style.left = callerItem.offsetLeft + document.getElementById('theParent').offsetLeft + "px";
		submenuTop = document.body.scrollTop + window.event.y - window.event.offsetY - 4;
		submenuLeft = document.body.scrollLeft + window.event.x - window.event.offsetX - 2 + callerItem.offsetWidth;
	}
	
	sbm.style.top = submenuTop + "px";
	sbm.style.left = submenuLeft + 4 + "px";

	//sbm.style.display = 'block';
	sbm.style.visibility = 'visible';
	window.clearTimeout(timerId);
	timerId = window.setTimeout('hideCurentSubmenu()', timeSubmenuShowed);
}

function hideCurentSubmenu() {
	if ('' != mousedSubmenu) {
        window.clearTimeout(timerId);
		timerId = window.setTimeout('hideCurentSubmenu()', timeSubmenuShowed);
 	} else {
		if ('' != visibleSubmenu){
	        var sbm = document.getElementById(visibleSubmenu);
	        //sbm.style.display = 'none';
	        sbm.style.visibility = 'hidden';
	        visibleSubmenu = '';
	       }
  	}
}