var nowSubmenu;
function showMenu(id){
	if(!nowSubmenu) nowSubmenu=id+'-menu';
	else cancelTimer();
	YAHOO.util.Dom.setXY(id+'-menu', [YAHOO.util.Dom.getX(id),YAHOO.util.Dom.getY(id)+parseInt(YAHOO.util.Dom.getStyle('globalNavi', 'height'))]);
	YAHOO.util.Dom.setStyle(id+'-menu', 'width','189px');
	YAHOO.util.Dom.setStyle(id+'-menu-beta', 'width',0);
	YAHOO.util.Dom.setStyle(id+'-menu-beta', 'height',0);
	YAHOO.util.Dom.setStyle(id+'-menu', 'visibility','visible');
	var myAnim=new YAHOO.util.Motion(id+'-menu',{opacity:{to:1}},0.1);
	myAnim.animate();
}

var imageNum=0;
function showImageSpace(num){
	imageNum=num;
	var myAnim=new YAHOO.util.Motion('products-menu',{width:{to:380}},0.1,YAHOO.util.Easing.easeOut);
	myAnim.onComplete.subscribe(showImage); 
	myAnim.animate();
}

var showImage = function(){
	var bgPosition=imageNum*-190+'px 0px';
	YAHOO.util.Dom.setStyle('products-menu-beta', 'width',186);
	YAHOO.util.Dom.setStyle('products-menu-beta', 'height',212);
	YAHOO.util.Dom.setStyle('products-menu-beta', 'background-position',bgPosition);
}

var timerID;
function cancelTimer(){
	if (timerID){
		clearTimeout(timerID);
	}
}

function startHideTimer(){
	cancelTimer();
	timerID = setTimeout(function() { timerID = null; menuHide(); }, 750);
}

function menuHide(){
	init();
	YAHOO.util.Dom.setStyle(nowSubmenu, 'visibility','hidden');
	nowSubmenu=null;
}

function init(){
	YAHOO.util.Dom.setStyle('products-menu', "opacity", 0);
	YAHOO.util.Dom.setStyle('products-menu-beta', 'width',0);
	YAHOO.util.Dom.setStyle('products-menu-beta', 'height',0);
}
YAHOO.util.Event.addListener(window,'load',init);