// Image preload...

var imgCulori = new Image();
imgCulori.src = "images/culori.gif";
var imgCuloriOver = new Image();
imgCuloriOver.src = "images/culoriov.gif";

var imgSticla = new Image();
imgSticla.src = "images/sticla.gif";
var imgSticlaOver = new Image();
imgSticlaOver.src = "images/sticlaov.gif";

var imgFeronerie = new Image();
imgFeronerie.src = "images/feronerie.gif";
var imgFeronerieOver = new Image();
imgFeronerieOver.src = "images/feronerieov.gif";

var imgManere = new Image();
imgManere.src = "images/manere.gif";
var imgManereOver = new Image();
imgManereOver.src = "images/manereov.gif";

var imgProfile = new Image();
imgProfile.src = "images/profile.gif";
var imgProfileOver = new Image();
imgProfileOver.src = "images/profileov.gif";

// end preload


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/04.jpg')";
	menuItem.style.color = 'white';
	
	//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/01.jpg')";
	menuItem.style.color = 'white';
}



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



function showSubmenu (callerItem, submenu) {



/*

		var alrt = "x = " + window.event.x + "\n" +

               "y = " + window.event.y + "\n" +

               "clientX = " + window.event.clientX + "\n" +

               "clientY = " + window.event.clientY + "\n" +

               "offsetX = " + window.event.offsetX + "\n" +

               "offsetY = " + window.event.offsetY + "\n" +

               "screenX = " + window.event.screenX + "\n" +

               "screenY = " + window.event.screenY;

		alert (alrt);

*/



	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);

	

	if ( 'Netscape' == navigator.appName ) { 
	  
        sbm.style.top = callerItem.offsetTop + callerItem.offsetHeight + document.getElementById('theParent').offsetTop - callerItem.offsetHeight + "px";

		sbm.style.left = callerItem.offsetLeft + document.getElementById('theParent').offsetLeft + sbm.offsetWidth + "px";

		//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";

		sbm.style.left = document.body.scrollLeft + window.event.x - window.event.offsetX - 2 + callerItem.offsetWidth + "px";

		sbm.style.top = document.body.scrollTop + window.event.y - window.event.offsetY - 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 = '';

	       }

  	}

}