var nowSubmenu;
function showMenu(id,adjustX){
	if(navigator.userAgent.indexOf('MSIE') != -1 && navigator.userAgent.indexOf('Mac') != -1){
		var obj=document.getElementById(id+'-menu');
		obj.style.top='74px';
		if(id == 'products'){
			obj.style.left='125px';
			obj.style.width='175px';
			var subobj=document.getElementById('products-menu-beta');
			subobj.style.width='0px';
			subobj.style.height='0px';
		}
		if(id == 'support') obj.style.left='507px';
		obj.style.visibility='visible';
		nowSubmenu=id+'-menu';
	}
	else{
		if(!adjustX) adjustX=0;
		if(id+'-menu' != nowSubmenu) YAHOO.util.Dom.setStyle(nowSubmenu, 'visibility','hidden');
		if(nowSubmenu) cancelTimer();
		else nowSubmenu=id+'-menu';
		
		
		YAHOO.util.Dom.setXY(id+'-menu', [YAHOO.util.Dom.getX(id)+adjustX,YAHOO.util.Dom.getY(id)+parseInt(YAHOO.util.Dom.getStyle('globalNavi', 'height'))]);
		if(id == 'products'){
			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');
		if(!(navigator.userAgent.indexOf('Mac') != -1)){
			var myAnim=new YAHOO.util.Motion(id+'-menu',{opacity:{to:1}},0.1);
			myAnim.animate();
		}
	}
}

var imageNum=0;
function showImageSpace(num){
	imageNum=num;
	if(navigator.userAgent.indexOf('MSIE') != -1 && navigator.userAgent.indexOf('Mac') != -1){
		var mainObj=document.getElementById('products-menu');
		mainObj.style.width='380px';
		mainObj.style.height='230px';
		var bgPosition=imageNum*-190;
		var subobj=document.getElementById('products-menu-beta');
		subobj.style.position='absolute';
		subobj.style.top='30px';
		subobj.style.left='189px';
		subobj.style.width='185px';
		subobj.style.height='198px';
		subobj.style.backgroundPositionX=bgPosition;
		subobj.style.borderLeftWidth='1px';
		subobj.style.borderLeftStyle='solid';
		subobj.style.borderLeftColor='#d8d8d8';
	}
	else{
		var myAnim=new YAHOO.util.Motion('products-menu',{width:{to:380}},0.1,YAHOO.util.Easing.easeOut);
		myAnim.onComplete.subscribe(showImage); 
		myAnim.animate();
	}
	
	/*var theObj=document.getElementById('products-menu-beta').style;
	var str='';
	for(var i in theObj){
		str+=i+'='+theObj[i]+'\t';
	}
	alert(str);*/
}

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();
	if(navigator.userAgent.indexOf('MSIE') != -1 && navigator.userAgent.indexOf('Mac') != -1){
		timerID = setTimeout('macIEPreMenuHide()', 750);
	}
	else{
		timerID = setTimeout(function() { timerID = null; menuHide(); }, 750);
	}
}

function macIEPreMenuHide(){
	timerID = null;
	menuHide();
}

function menuHide(){
	init();
	if(navigator.userAgent.indexOf('MSIE') != -1 && navigator.userAgent.indexOf('Mac') != -1){
		var obj=document.getElementById(nowSubmenu);
		obj.style.visibility='hidden';
	}
	else{
		YAHOO.util.Dom.setStyle(nowSubmenu, 'visibility','hidden');
	}
	nowSubmenu=null;
}


function writeGlobalMenu(){
	document.writeln('<table width="760" border="0" cellspacing="0" cellpadding="0">');
	document.writeln('<tr><td width="760" align="left"><img src="http://www.walkman.sony.co.jp/common/images/h_logo.gif" alt="“W.Walkman” “ウォークマン”オフィシャルサイト" width="760" height="50" usemap="#headerlogomap" border="0"></td></tr>');
	document.writeln('<tr><td width="760" align="left">');
	document.writeln('<ul id="globalNavi">');
	document.writeln('	<li id="home"><a class="side" href="http://www.walkman.sony.co.jp/">ホーム</a></li>');
	document.writeln('	<li id="products"><a href="javascript:void(0);" onMouseover="showMenu(\'products\');" onMouseout="startHideTimer()">商品情報</a></li>');
	document.writeln('	<li id="accessory"><a href="http://www.ecat.sony.co.jp/walkman/acc_index.cfm">アクセサリー</a></li>');
	document.writeln('	<li id="software"><a href="http://www.walkman.sony.co.jp/sscp/index.html">ソフトウェア</a></li>');
	document.writeln('	<li id="style"><a href="http://www.walkman.sony.co.jp/style/index.html">スタイル</a></li>');
	document.writeln('	<li id="support"><a class="side" href="javascript:void(0);" onMouseover="showMenu(\'support\',-127);" onMouseout="startHideTimer()">サポート</a></li>');
	document.writeln('</ul>');
	document.writeln('<div id="products-menu" onMouseover="cancelTimer();" onMouseout="startHideTimer();">');
	document.writeln('	<div id="header"></div>');
	document.writeln('	<div id="products-menu-alpha">');
	document.writeln('		<div id="digitalmusicplayer">');
	document.writeln('			<img src="http://www.walkman.sony.co.jp/common/images/submenu/digital_music_player.gif" width="189" height="25" /><br />');
	document.writeln('			<ul>');
	document.writeln('				<li><a href="http://www.ecat.sony.co.jp/walkman/lineup.cfm?Series=A" onMouseover="showImageSpace(0)"><img src="http://www.walkman.sony.co.jp/common/images/submenu/walkmanaseries.gif" width="122" height="11" /></a></li>');
	document.writeln('				<li><a href="http://www.ecat.sony.co.jp/walkman/lineup.cfm?Series=S" onMouseover="showImageSpace(1)"><img src="http://www.walkman.sony.co.jp/common/images/submenu/walkmansseries.gif" width="122" height="11" /></a></li>');
	document.writeln('				<li><a href="http://www.ecat.sony.co.jp/walkman/lineup.cfm?Series=E" onMouseover="showImageSpace(2)"><img src="http://www.walkman.sony.co.jp/common/images/submenu/walkmaneseries.gif" width="122" height="11" /></a></li>');
	document.writeln('			</ul>');
	document.writeln('		</div>');
	document.writeln('		<div id="walkman">');
	document.writeln('			<ul>');
	document.writeln('				<li><a href="http://www.ecat.sony.co.jp/walkman/lineup.cfm?Series=MD" onMouseover="showImageSpace(3)"><img src="http://www.walkman.sony.co.jp/common/images/submenu/himdwalkman.gif" width="136" height="11" /></a></li>');
	document.writeln('				<li><a href="http://www.ecat.sony.co.jp/walkman/lineup.cfm?Series=CD" onMouseover="showImageSpace(4)"><img src="http://www.walkman.sony.co.jp/common/images/submenu/cdwalkman.gif" width="136" height="11" /></a></li>');
	document.writeln('				<li><a href="http://www.ecat.sony.co.jp/walkman/lineup.cfm?Series=TAPE" onMouseover="showImageSpace(5)"><img src="http://www.walkman.sony.co.jp/common/images/submenu/tapewalkman.gif" width="136" height="11" /></a></li>');
	document.writeln('			</ul>');
	document.writeln('		</div>');
	document.writeln('		<div id="concerned">');
	document.writeln('			<ul>');
	document.writeln('				<li><a href="http://www.sony.jp/products/systemstereo/" onMouseover="showImageSpace(6)"><img src="http://www.walkman.sony.co.jp/common/images/submenu/netjuke.gif" width="136" height="11" /></a></li>');
	document.writeln('				<li><a href="http://www.sony.jp/products/headphone/" onMouseover="showImageSpace(7)"><img src="http://www.walkman.sony.co.jp/common/images/submenu/headphone.gif" width="136" height="11" /></a></li>');
	document.writeln('			</ul>');
	document.writeln('		</div>');
	document.writeln('	</div>');
	document.writeln('	<div id="products-menu-beta"></div>');
	document.writeln('	<br style="clear:both;" />');
	document.writeln('</div>');
	document.writeln('<div id="support-menu" onMouseover="cancelTimer();" onMouseout="startHideTimer();">');
	document.writeln('	<div id="header"><img src="http://www.walkman.sony.co.jp/common/images/submenu/title_support.gif" width="253" height="30" /></div>');
	document.writeln('	<div class="submenu"><a href="/support/walkman/index.html"><img src="http://www.walkman.sony.co.jp/common/images/submenu/support.gif" width="253" height="21" onMouseover="this.src=\'http://www.walkman.sony.co.jp/common/images/submenu/support_ov.gif\'" onMouseout="this.src=\'http://www.walkman.sony.co.jp/common/images/submenu/support.gif\'" id="supportmenu0img" /></a></div>');
	document.writeln('	<div class="submenu"><a href="/support/connect-guide/index.html"><img src="http://www.walkman.sony.co.jp/common/images/submenu/connectnetjuke.gif" width="253" height="21" onMouseover="this.src=\'http://www.walkman.sony.co.jp/common/images/submenu/connectnetjuke_ov.gif\'" onMouseout="this.src=\'http://www.walkman.sony.co.jp/common/images/submenu/connectnetjuke.gif\'" id="supportmenu1img" /></a></div>');
	document.writeln('</div>');
	document.writeln('</td></tr>');
	document.writeln('</table>');
	document.writeln('<map name="headerlogomap">');
	document.writeln('	<area shape="rect" coords="0,0,312,48" alt="WALKMAN" href="http://www.walkman.sony.co.jp/" />');
	document.writeln('</map>');
}



function init(){
	if(!(navigator.userAgent.indexOf('MSIE') != -1 && navigator.userAgent.indexOf('Mac') != -1)){
		if(!(navigator.userAgent.indexOf('Mac') != -1)){
			YAHOO.util.Dom.setStyle('products-menu', "opacity", 0);
			YAHOO.util.Dom.setStyle('support-menu', "opacity", 0);
		}
		
		YAHOO.util.Dom.setStyle('products-menu-beta', 'width',0);
		YAHOO.util.Dom.setStyle('products-menu-beta', 'height',0);
		YAHOO.util.Dom.setStyle('support-menu', "width", 251);
	}
}
if(!(navigator.userAgent.indexOf('MSIE') != -1 && navigator.userAgent.indexOf('Mac') != -1)) YAHOO.util.Event.addListener(window,'load',init);
else {
	document.writeln('<style type="text/css">#products-menu li{height:21px;}</style>');
}