var ComSubMenuTimer;
var ComSubMenuTimer2;
var HideComMenuTimer;
var comPosY;

if (!/*@cc_on!@*/0)     //Firefox2、Firefox3、Safari3.1+、Opera9.6+ support      
	var comMenuOpacity = 0.1;
else    //IE6、IE7 support
	var comMenuOpacity = 10;

function hideComSubMenu(divId){
	var SunMenu =  document.getElementById(divId);
	if(SunMenu.style.visibility == 'visible')
	  SunMenu.style.visibility = 'hidden';
}

function setComMenuPosition(objId,divId){
	clearTimeout(ComSubMenuTimer);
	clearTimeout(HideComMenuTimer);
	//隱藏其他的menu
	for(i=1;i<=4;i++){
		var hideDivId = 'COM_SUB_MENU'+i;
		if(hideDivId != divId){
		  var hideMenu = document.getElementById(hideDivId);
		  if(hideMenu.style.visibility == 'visible' || hideMenu.style.visibility == '')
		    hideMenu.style.visibility = 'hidden';
		}
	}
	var SunMenu = document.getElementById(divId);
	var obj = document.getElementById(objId);
	var objX = getX(objId);
	var objY = getY(objId);
	var viewWidth;
	var viewHeight;
	if(divId == 'COM_SUB_MENU1')
	  var plus = 10;
	else
	  var plus = 5;
	var newX = objX+plus;//objX+obj.offsetWidth;
	var newY = objY+obj.offsetHeight; ;//objY+(obj.offsetHeight/2)-SunMenu.offsetHeight;
	if(SunMenu.style.visibility == 'hidden'|| SunMenu.style.visibility == '')
	  SunMenu.style.visibility = 'visible';

	//抓取可視範圍的試窗寬高
	if (typeof window.innerWidth != 'undefined')
	{
	     viewWidth = window.innerWidth;
	     viewHeight = window.innerHeight;
	}else if (typeof document.documentElement != 'undefined'  // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
	    && typeof document.documentElement.clientWidth !=
	    'undefined' && document.documentElement.clientWidth != 0)
	{
	     viewWidth = document.documentElement.clientWidth;
	     viewHeight = document.documentElement.clientHeight;
	}
	if( (newX+SunMenu.offsetWidth) < (viewWidth-16) ){
		SunMenu.style.left = newX+'px';
		SunMenu.style.top = newY+'px';	
	}else{
		newX = objX-SunMenu.offsetWidth;
		SunMenu.style.left = newX+'px';
		SunMenu.style.top = newY+'px';
	}
	//先將Pad變為透明再慢慢顯示
    if (!/*@cc_on!@*/0)     //Firefox2、Firefox3、Safari3.1+、Opera9.6+ support      
	  SunMenu.style.opacity = '0.1';
    else    //IE6、IE7 support
	  SunMenu.style.filter = 'alpha(opacity=10)';
	comPosY = newY;
    ComSubMenuTimer = setTimeout('showComSubMenu("'+divId+'")',50);
	//ComSubMenuTimer2 = setTimeout('moveComSubMenu("'+divId+'")',50);
}

function showComSubMenu(divId){
  var SunMenu = document.getElementById(divId);
  if (!/*@cc_on!@*/0){     //Firefox2、Firefox3、Safari3.1+、Opera9.6+ support      
    comMenuOpacity += 0.3;
	SunMenu.style.opacity = comMenuOpacity;
	if(comMenuOpacity >= 1){
	  clearTimeout(ComSubMenuTimer);
	  comMenuOpacity = 0.1;
	  return;
	}
  }else{    //IE6、IE7 support
    comMenuOpacity += 30;
	SunMenu.style.filter = 'alpha(opacity='+comMenuOpacity+')';
	if(comMenuOpacity >= 100){
	  clearTimeout(ComSubMenuTimer);
	  comMenuOpacity = 10;
	  return;
	}
  }
  ComSubMenuTimer = setTimeout('showComSubMenu("'+divId+'")',50);
}

function moveComSubMenu(divId){
  var SubMenu = document.getElementById(divId);
  var objY = parseInt(SubMenu.style.top);
  SubMenu.style.top = objY+( (comPosY-objY)/2 )+'px'
  if((comPosY-objY) <= 3){
    clearTimeout(ComSubMenuTimer2);
	return;
  }
  ComSubMenuTimer2 = setTimeout('moveComSubMenu("'+divId+'")',50);
}