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


function showMenu(obj,to,bk,e){
	if(tout){
		clearTimeout(tout);
	}
	if(!getStr(to,bk))
		return;
	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'>";
	  win_frame +="<table border=1 bordercolor='#ffd700' class=menuTb>"+ getStr(to,bk)+'</table></div>';
	  //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()',800);
}
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 t='',bk='';
	if(tbk){
		bk=' target=_blank';
	}
	var f='<tr><td nowrap><a href=/';
	var c='.jsp'+bk+'>'
	var e='</a>';
	switch(to){
	case 'zb' :
		t+=f+'zbb'+c+'脫衣'+e;
		t+=f+'zbd'+c+'另類'+e;
		t+=f+'zbf'+c+'觸角'+e;
		t+=f+'zbh'+c+'成人卡通'+e;
		t+=f+'zbo'+c+'成卡'+e;
		t+=f+'zbt'+c+'新進'+e;
		t+=f+'zbu'+c+'動畫'+e;
		t+=f+'zbv'+c+'動畫2'+e;
		t+=f+'zbw'+c+'動畫3D'+e;
		t+=f+'zbx'+c+'漫畫'+e;
		t+=f+'zby'+c+'漫畫2'+e;
		t+=f+'zbz'+c+'漫畫3'+e;
		return t;
	}
}
document.onclick=doHideMenu;