function shiftOpacity(id, millisec) { 
//if an element is invisible, make it visible, else make it ivisible 
	if(document.getElementById(id).style.opacity == 0) { 
	opacity(id, 0, 100, millisec); 
	} else { 
	opacity(id, 100, 0, millisec); 
	} 
} 

function opacityo(id, opacStart, opacEnd, millisec){

	if (id=='menux'){
	document.getElementById('menux').style.left=0; 
	document.getElementById('menux1').style.left=-2000; 
	document.getElementById('menux2').style.left=-2000; 
	}
	else if (id=='menux1'){
	document.getElementById('menux1').style.left=0; 
	document.getElementById('menux').style.left=-2000; 
	document.getElementById('menux2').style.left=-2000; 
	}
	else if (id=='menux2'){
	document.getElementById('menux2').style.left=0; 
	document.getElementById('menux').style.left=-2000; 
	document.getElementById('menux1').style.left=-2000; 
	}

	document.getElementById('menux').style.opacity=0; 
	document.getElementById('menux').style.filter="alpha(opacity=0)"; 
	document.getElementById('menux1').style.opacity=0; 
	document.getElementById('menux1').style.filter="alpha(opacity=0)"; 
	document.getElementById('menux2').style.opacity=0; 
	document.getElementById('menux2').style.filter="alpha(opacity=0)"; 
	opacity(id, opacStart, opacEnd, millisec);
}

function opacity(id, opacStart, opacEnd, millisec) { 
//speed for each frame 
	var speed = Math.round(millisec / 100); 
	var timer = 0; 

	if ((document.getElementById(id).style.opacity==0 && opacStart==0) ||(document.getElementById(id).style.opacity==1 && opacEnd==0)){
	//determine the direction for the blending, if start and end are the same nothing happens 
		if(opacStart > opacEnd) { 
			for(i = opacStart; i >= opacEnd; i--) { 
			setTimeout("changeOpac(" + i + ",'" + id + "','" + opacStart + "')",(timer * speed)); 
			timer++; 						
			} 
		} else if(opacStart < opacEnd) { 
			for(i = opacStart; i <= opacEnd; i++) 
			{ 
			setTimeout("changeOpac(" + i + ",'" + id + "','" + opacStart + "')",(timer * speed)); 
			timer++; 

			} 
		}
	} 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id, typex) { 
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100); 
	object.MozOpacity = (opacity / 100); 
	object.KhtmlOpacity = (opacity / 100); 
	object.filter = "alpha(opacity=" + opacity + ")"; 

	//if((typex==0) && (parseInt(document.getElementById('parentmenu').style.height) <= 30 )){
	//document.getElementById('parentmenu').style.height = parseInt(document.getElementById('parentmenu').style.height) + 1 + "px";
	//}
	
	//if((opacity <= 10) && (typex==100) && (parseInt(document.getElementById('parentmenu').style.height) >= 0 )){
	//document.getElementById('parentmenu').style.height = parseInt(document.getElementById('parentmenu').style.height) - 3 + "px";
	//}	
	
} 

function submenuMouseoutHandler(event)
{
var toElement = null;
	if (event.relatedTarget)
	toElement = event.relatedTarget;
	else if (event.toElement)
	toElement = event.toElement;

	//while (toElement && toElement.id != submenuId)
	//toElement = toElement.parentNode;
	
	while (toElement && toElement.tagName != "DIV")
	toElement = toElement.parentNode;
	if (!toElement)
	{
		//alert('out of div');
		if (document.getElementById('menux').style.opacity==1){
		opacity('menux', 100, 00, 500);
		}
		else if (document.getElementById('menux1').style.opacity==1){
		opacity('menux1', 100, 00, 500);
		}
		else if (document.getElementById('menux2').style.opacity==1){
		opacity('menux2', 100, 00, 500);
		}
	}
}