var isOpera = navigator.userAgent.toLowerCase().indexOf('opera') != -1;// && opera.version();
var tout=0;
var offset=0;
//document.onload=function() {
var ie5 = document.all && document.getElementById;
var ns6 = !(document.all)&&document.getElementById ;
//}
var holdTo='x';
//中文utf-8

function showMenu(obj,to,bk,e){
	if(tout){
		clearTimeout(tout);
	}
	var evt = ns6 ? e : event;

	offsetX = parseInt(evt.clientX);
	offsetY = parseInt(evt.clientY);	
	//alert(parseInt(obj.style.left)+"=="+parseInt(obj.style.top)+":"+parseInt(obj.style.width));
	//alert(offsetX+"=="+offsetY+":"+parseInt(obj.style.width));
	//alert(obj.className);
	if(!document.getElementById('menuDiv')){
		win_frame  = "<div id='menuDiv' align=left onmouseover='if(tout) clearTimeout(tout);' onmouseout='hideMenu()' style='position:absolute;display:block;overflow:show;background-color: #ffffcc'>\r\n";
	  win_frame +="<table border=1 bordercolor='#ffd700' class=menuTb>"+ getStr(to,bk)+"</table></div>\r\n";
	  //insertHtml("BeforeEnd",document.body,win_frame);
	  if(ie5)
	  	document.body.insertAdjacentHTML('BeforeEnd', win_frame);
	  else{
	  	//document.body.innerHTML=win_frame;
	  	
	  	var range = document.body.ownerDocument.createRange();
			var frag;
			document.body.ownerDocument.createRange().setStartAfter(document.body.lastChild);
			frag = range.createContextualFragment(win_frame);
			document.body.appendChild(frag);
			//document.body.ownerDocument.createRange().setStartAfter(document.body.lastChild);
	    //document.body.appendChild(document.body.ownerDocument.createRange().ownerDocument.createRange().createContextualFragment(win_frame));
	  }
	}else if(holdTo!=to){
		document.getElementById('menuDiv').innerHTML="<table border=1 bordercolor='#ffd700' class=menuTb>"+ getStr(to,bk)+"</table>";
		holdTo=to;
	}
	
	obj.pos = getOffset(obj);
	obj.X = obj.pos['left'];
	obj.Y = obj.pos['top'];
	obj.w = obj.offsetWidth;
	obj.h = obj.offsetHeight;
		
		
	menuobj=document.getElementById('menuDiv');
	
	menuobj.w = menuobj.offsetWidth;
	menuobj.h = menuobj.offsetHeight;
	menuobj.style.left = (obj.X + menuobj.w > document.body.clientWidth) && (obj.X + obj.w - menuobj.w >= 0) ? obj.X + obj.w - menuobj.w + 'px' : obj.X + 'px';
	menuobj.style.top = offset == 1 ? obj.Y + 'px' : (offset == 2 || ((obj.Y + obj.h + menuobj.h > document.documentElement.scrollTop + document.documentElement.clientHeight) && (obj.Y - menuobj.h >= 0)) ? (obj.Y - menuobj.h) + 'px' : obj.Y + obj.h + 'px');
	if(menuobj.style.clip && !isOpera) {
		menuobj.style.clip = 'rect(auto, auto, auto, auto)';
	}
	
	
	
	document.getElementById('menuDiv').style.display='block';
  if(document.getElementById('sortSel'))
    document.getElementById('sortSel').style.display = 'none';

  //document.getElementById('menuDiv').style.left=offsetX +'px';
  //document.getElementById('menuDiv').style.top=offsetY;+'px';
  
}
function hideMenu(){
	tout=setTimeout("doHideMenu()",2000);
}
function doHideMenu(){
	if(document.getElementById('menuDiv'))
    document.getElementById('menuDiv').style.display='none';
  if(document.getElementById('sortSel'))
    document.getElementById('sortSel').style.display = 'block';
}
function getOffset(obj) {
	var left_offset = obj.offsetLeft;
	var top_offset = obj.offsetTop;
	while((obj = obj.offsetParent) != null) {
		left_offset += obj.offsetLeft;
		top_offset += obj.offsetTop;
	}
	return { 'left' : left_offset, 'top' : top_offset };
}


function getStr(to,tbk){
	var tbk="",t="",bk="";
	if(tbk){
		bk=" target=_blank";
	}
	switch(to){
	case 'a':
		t+="<tr><td nowrap><a href='/ab.jsp'"+bk+">瑪莉歐</a>";
		t+="<tr><td nowrap><a href='/ae.jsp'"+bk+">移動式</a>";
		t+="<tr><td nowrap><a href='/af.jsp'"+bk+">懷舊</a>";
		t+="<tr><td nowrap><a href='/ag.jsp'"+bk+">關卡式</a>";
		t+="<tr><td nowrap><a href='/ah.jsp'"+bk+">特別</a>";
		t+="<tr><td nowrap><a href='/aj.jsp'"+bk+">待分類</a>";
		t+="<tr><td nowrap><a href='/ak.jsp'"+bk+">小群組</a>";
		t+="<tr><td nowrap><a href='/am.jsp'"+bk+">技能</a>";
		t+="<tr><td nowrap><a href='/au.jsp'"+bk+">煮菜</a>";
		t+="<tr><td nowrap><a href='/aw.jsp'"+bk+">服務</a>";
		t+="<tr><td nowrap><a href='/ay.jsp'"+bk+">動作</a>";
		t+="<tr><td nowrap><a href='/az.jsp'"+bk+">暫存</a>";
		return t;
	case 'd':
  	t+="<tr><td nowrap><a href='/db.jsp'"+bk+">RPG</a>";
  	t+="<tr><td nowrap><a href='/dd.jsp'"+bk+">探索</a>";
  	t+="<tr><td nowrap><a href='/df.jsp'"+bk+">操控主角</a>";
  	t+="<tr><td nowrap><a href='/dh.jsp'"+bk+">頂物品</a>";
  	t+="<tr><td nowrap><a href='/dj.jsp'"+bk+">待分類</a>";
  	t+="<tr><td nowrap><a href='/dm.jsp'"+bk+">接東西</a>";
  	t+="<tr><td nowrap><a href='/dp.jsp'"+bk+">閃躲</a>";
  	t+="<tr><td nowrap><a href='/dr.jsp'"+bk+">邊閃邊接</a>";
  	t+="<tr><td nowrap><a href='/dv.jsp'"+bk+">賽車</a>";
  	t+="<tr><td nowrap><a href='/dx.jsp'"+bk+">競速</a>";
  	t+="<tr><td nowrap><a href='/dz.jsp'"+bk+">暫存</a>";
    return t;
	case 'h':
  	t+="<tr><td nowrap><a href='/ha.jsp'"+bk+">打擊</a>";
  	t+="<tr><td nowrap><a href='/hc.jsp'"+bk+">開槍</a>";
  	t+="<tr><td nowrap><a href='/he.jsp'"+bk+">動態點擊</a>";
  	t+="<tr><td nowrap><a href='/hi.jsp'"+bk+">靜態點擊</a>";
  	t+="<tr><td nowrap><a href='/hj.jsp'"+bk+">待分類</a>";
  	t+="<tr><td nowrap><a href='/hr.jsp'"+bk+">縱向飛機</a>";
  	t+="<tr><td nowrap><a href='/ht.jsp'"+bk+">橫向</a>";
  	t+="<tr><td nowrap><a href='/hu.jsp'"+bk+">多向</a>";
  	t+="<tr><td nowrap><a href='/hv.jsp'"+bk+">其他主角</a>";
  	t+="<tr><td nowrap><a href='/hx.jsp'"+bk+">炮術</a>";
  	t+="<tr><td nowrap><a href='/hz.jsp'"+bk+">暫存</a>";
  	return t;
	case 'i' :
  	t+="<tr><td nowrap><a href='/ib.jsp'"+bk+">街頭戰鬥</a>";
  	t+="<tr><td nowrap><a href='/ie.jsp'"+bk+">空手</a>";
  	t+="<tr><td nowrap><a href='/ij.jsp'"+bk+">待分類</a>";
  	t+="<tr><td nowrap><a href='/ip.jsp'"+bk+">武器</a>";
  	t+="<tr><td nowrap><a href='/iw.jsp'"+bk+">擁槍戰鬥</a>";
  	t+="<tr><td nowrap><a href='/iz.jsp'"+bk+">暫存</a>";
	return t;
	case 'p' :
  	t+="<tr><td nowrap><a href='/pa.jsp'"+bk+">足球</a>";
  	t+="<tr><td nowrap><a href='/pc.jsp'"+bk+">棒球籃球</a>";
  	t+="<tr><td nowrap><a href='/pg.jsp'"+bk+">揮桿</a>";
  	t+="<tr><td nowrap><a href='/ph.jsp'"+bk+">其他球類</a>";
  	t+="<tr><td nowrap><a href='/pj.jsp'"+bk+">待分類</a>";
  	t+="<tr><td nowrap><a href='/px.jsp'"+bk+">田徑</a>";
  	t+="<tr><td nowrap><a href='/py.jsp'"+bk+">其他類別</a>";
	return t;
	case 'q' :
  	t+="<tr><td nowrap><a href='/qa.jsp'"+bk+">少女換裝</a>";
  	t+="<tr><td nowrap><a href='/qb.jsp'"+bk+">少女2</a>";
  	t+="<tr><td nowrap><a href='/qc.jsp'"+bk+">知性美</a>";
  	t+="<tr><td nowrap><a href='/qd.jsp'"+bk+">換裝</a>";
  	t+="<tr><td nowrap><a href='/qe.jsp'"+bk+">天氣</a>";
  	t+="<tr><td nowrap><a href='/qf.jsp'"+bk+">節日</a>";
  	t+="<tr><td nowrap><a href='/qh.jsp'"+bk+">場合</a>";
  	t+="<tr><td nowrap><a href='/qj.jsp'"+bk+">待分類</a>";
  	t+="<tr><td nowrap><a href='/qk.jsp'"+bk+">民俗風</a>";
  	t+="<tr><td nowrap><a href='/qn.jsp'"+bk+">部位</a>";
  	t+="<tr><td nowrap><a href='/qp.jsp'"+bk+">別人</a>";
  	t+="<tr><td nowrap><a href='/qq.jsp'"+bk+">多人</a>";
  	t+="<tr><td nowrap><a href='/qu.jsp'"+bk+">地點</a>";
  	t+="<tr><td nowrap><a href='/qv.jsp'"+bk+">物品</a>";
  	t+="<tr><td nowrap><a href='/qx.jsp'"+bk+">其他</a>";
  	t+="<tr><td nowrap><a href='/qy.jsp'"+bk+">兒童</a>";
	return t;
	case 's' :
  	t+="<tr><td nowrap><a href='/sa.jsp'"+bk+">攻防</a>";
  	t+="<tr><td nowrap><a href='/se.jsp'"+bk+">守城</a>";
  	t+="<tr><td nowrap><a href='/sj.jsp'"+bk+">待分類</a>";
  	t+="<tr><td nowrap><a href='/sr.jsp'"+bk+">戰棋</a>";
  	t+="<tr><td nowrap><a href='/sv.jsp'"+bk+">養成</a>";
  	return t;
	case 't' :
  	t+="<tr><td nowrap><a href='/tc.jsp'"+bk+">推箱子</a>";
  	t+="<tr><td nowrap><a href='/te.jsp'"+bk+">棋子</a>";
  	t+="<tr><td nowrap><a href='/tg.jsp'"+bk+">方塊</a>";
  	t+="<tr><td nowrap><a href='/tj.jsp'"+bk+">待分類</a>";
  	t+="<tr><td nowrap><a href='/tu.jsp'"+bk+">棋藝撲克</a>";
  	t+="<tr><td nowrap><a href='/tv.jsp'"+bk+">小群組</a>";
  	t+="<tr><td nowrap><a href='/ty.jsp'"+bk+">陣仗</a>";
  	return t;
	case 'u' :
  	t+="<tr><td nowrap><a href='/ub.jsp'"+bk+">逃離</a>";
  	t+="<tr><td nowrap><a href='/uc.jsp'"+bk+">密室</a>";
  	t+="<tr><td nowrap><a href='/ue.jsp'"+bk+">觀察</a>";
  	t+="<tr><td nowrap><a href='/uj.jsp'"+bk+">待分類</a>";
  	t+="<tr><td nowrap><a href='/um.jsp'"+bk+">記憶力</a>";
  	t+="<tr><td nowrap><a href='/uq.jsp'"+bk+">問答</a>";
  	t+="<tr><td nowrap><a href='/ut.jsp'"+bk+">謎團</a>";
  	t+="<tr><td nowrap><a href='/ux.jsp'"+bk+">方程式</a>";
  	return t;
	case 'z' :
  	t+="<tr><td nowrap><a href='/zd.jsp'"+bk+">展示</a>";
  	t+="<tr><td nowrap><a href='/zi.jsp'"+bk+">娛樂</a>";
  	t+="<tr><td nowrap><a href='/zj.jsp'"+bk+">待分類</a>";
  	t+="<tr><td nowrap><a href='/zm.jsp'"+bk+">特輯</a>";
  	t+="<tr><td nowrap><a href='/zp.jsp'"+bk+">特輯2</a>";
  	t+="<tr><td nowrap><a href='/zr.jsp'"+bk+">特輯3</a>";
  	t+="<tr><td nowrap><a href='/zv.jsp'"+bk+">速決</a>";
  	t+="<tr><td nowrap><a href='/zx.jsp'"+bk+">暫存區</a>";
  	t+="<tr><td nowrap><a href='/za.jsp'"+bk+">成人</a>";
  	t+="<tr><td nowrap><a href='/zb.jsp'"+bk+">成人2</a>";
	return t;

	}
}
document.onclick=doHideMenu;



