// Function to show a menu
YAHOO.namespace('yungching.dom');

YAHOO.yungching.dom.init = function() {
	
//   var move = function(e) {
//      var xy = YAHOO.util.Dom.getXY('end');

//      YAHOO.util.Dom.setXY('test', xy);
//  };
   
   var hook_hideMenu = function(e){
		var IfrRef = document.getElementById('DivShim');
		IfrRef.style.display="none";
		var IfrRef = document.getElementById('DivShim2');
		IfrRef.style.display="none";

		if(menuStack.length>0)
		{
			for(var ite = 0;ite<menuStack.length;ite++)
			{
				var m = document.getElementById(menuStack[ite]);
				m.style.display = 'none';
			}
			menuStack.length = 0;
		}
   	}
   YAHOO.util.Event.addListener(document, 'click', hook_hideMenu);
   
};

YAHOO.util.Event.addListener(window, 'load', YAHOO.yungching.dom.init);

// create by rocbird.

//自動關 MENU 計時器
var autoOffMenuTimer;

// menuStack 用來儲存打開過的 menu
var menuStack = new Array();

//subMenu寬度
var sWidth;

//Menu Class 定義
function MenuItem(s_Name,s_Link,s_Icon,s_CSS)
{
	this.sName = s_Name;
	this.sLink = s_Link;
	this.sIcon = s_Icon;
	this.sCSS = s_CSS;
	this.sMenuItemID = '';
	this.clsName = 'MenuItem';
	this.sParent = '';
}
function MenuImgItem(s_Name,s_Link,s_Icon,s_ImgPath_Light,s_ImgPath_Dark,s_CSS)
{
	this.sName = s_Name;
	this.sLink = s_Link;
	this.sIcon = s_Icon;
	this.sCSS = s_CSS;
	this.sMenuItemID = '';	
	this.sImgPathLight = s_ImgPath_Light;
	this.sImgPathDark = s_ImgPath_Dark;
	this.clsName = 'MenuImgItem';
	this.sParent = '';
}
function Menu(s_Name,s_IDX,i_Width,s_ImgPath_Light,s_ImgPath_Dark,s_Link)
{	
	this.sName = s_Name;
	this.sMenuName = s_Name;
	this.sMenuID = s_IDX;
	this.items = new Array();
	this.iWidth = i_Width;
	this.clsName = 'Menu';
	sWidth = i_Width;
	
	this.sMenuItemID = '';
	this.sParent = '';

	this.sImgPathLight = s_ImgPath_Light;
	this.sImgPathDark = s_ImgPath_Dark;
	this.sLink = s_Link;
}

Menu.prototype.AddItem = function(item){
	item.sMenuItemID = this.sMenuID + '_' + this.items.length;	
	item.sParent = this.sMenuID;
	this.items[this.items.length] = item;
}
Menu.prototype.WriteMenu = function(){
	
	var sHTML = '<div id="' + this.sMenuID + '" style="width: '+this.iWidth+'px;display:none;"><table width="150" border="0" cellspacing="0" cellpadding="0">';
	var icount = 0;
	var sIcon;
	var itemID = '';
	var cmdQ = new Array();
	var cmdCount = 0;
	for(icount = 0;icount < this.items.length ; icount++)
	{
		sIcon = (this.items[icount].sIcon)? '<img src="'+this.items[icount].sIcon+'">':'';
		
		switch(this.items[icount].clsName)
		{
			case 'MenuImgItem':
				itemID = this.items[icount].sMenuItemID;
				menuBody = '<a href="'+ this.items[icount].sLink + '" onMouseOut="doMouseOut(\''+ this.sMenuID +'\');MM_swapImgRestore()" onMouseOver="clearTimeout(autoOffMenuTimer);MM_swapImage(\'img_'+this.items[icount].sMenuItemID+'\',\'\',\''+ this.items[icount].sImgPathLight + '\',1)"><img src="'+ this.items[icount].sImgPathDark + '" alt="'+this.items[icount].sName+'" name="img_'+this.items[icount].sMenuItemID+'" border="0"></a>';
			break;
			case 'MenuItem':
				itemID = this.items[icount].sMenuItemID;
				menuBody = '<a onMouseOut="doMouseOut(\''+ this.sMenuID +'\');" onMouseOver="clearTimeout(autoOffMenuTimer);" href="'+ this.items[icount].sLink + '">'+this.items[icount].sName+'</a>';
			break;
			case 'Menu':
				if(this.items[icount].sImgPathLight)
				{
					itemID = this.items[icount].sMenuItemID;
					sLink = (this.items[icount].sLink)? this.items[icount].sLink:"javascript:void(0)";
					menuBody = '<a href="'+sLink+'" onMouseOut="doMouseOut(\''+ this.sMenuID +'\');MM_swapImgRestore()" onMouseOver="clearTimeout(autoOffMenuTimer);showSubMenu(\'td_'+ itemID +'\',\''+ this.items[icount].sMenuID + '\');MM_swapImage(\'img_'+itemID+'\',\'\',\''+ this.items[icount].sImgPathLight + '\',1)"><img src="'+ this.items[icount].sImgPathDark + '" alt="'+this.items[icount].sName+'" name="img_'+itemID+'" border="0"></a>';
					cmdQ[cmdCount++] = 'this.items['+icount+'].WriteMenu();';
				}
				else
				{
					itemID = this.items[icount].sMenuItemID;
					sLink = (this.items[icount].sLink)? this.items[icount].sLink:"javascript:void(0)";
					menuBody = '<a href="'+sLink+'" onMouseOut="doMouseOut(\''+ this.sMenuID +'\');" onMouseOver="clearTimeout(autoOffMenuTimer);showSubMenu(\'td_'+ itemID +'\',\''+ this.items[icount].sMenuID + '\')">'+this.items[icount].sMenuName+'</a>';
					cmdQ[cmdCount++] = 'this.items['+icount+'].WriteMenu();';
				}
			break;
		}
		
		sHTML += '  <tr id="tr_' + itemID + '">';
		//sHTML += '    <td width="32">'+sIcon+'</td>';
		sHTML += '    <td width="118" id="td_' + itemID + '">' + menuBody + '</td>';
		sHTML += '  </tr>';
	}
	sHTML += '</table></div>';
	//document.frmDebug.tDebug2.value += sHTML;
	document.write(sHTML);
	for(var itemp = 0;itemp<cmdQ.length;itemp++)
	{
		eval(cmdQ[itemp]);
	}
	cmdQ.length=0;
}

function showMenu(el,idx)
{
	collapseMenuTree();
	
	var m = document.getElementById(idx);
	m.style.display = '';
	m.style.zIndex=99;
	//document.frmDebug.tDebug.value = m.innerHTML;
	
	var xy = YAHOO.util.Dom.getXY(el);
	
	var agt=navigator.userAgent.toLowerCase();
  // Note: Opera and WebTV spoof Navigator.  We do strict client detection.
  // If you want to allow spoofing, take out the tests for opera and webtv.
  var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
                && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
                && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));

	if(is_nav)
		xy[1]+=12;
	else {
		xy[1]+=72;

		var DivRef = document.getElementById(idx);
		var IfrRef = document.getElementById('DivShim');
	   	
		IfrRef.style.width = 100;
		IfrRef.style.height = DivRef.offsetHeight-5;
		IfrRef.style.top = xy[1];
		IfrRef.style.left = xy[0]-1;
		IfrRef.style.zIndex = DivRef.style.zIndex - 1;
		IfrRef.style.display = "block";
	}
	YAHOO.util.Dom.setXY(idx,xy);
	menuStack[menuStack.length] = idx;
	clearTimeout(autoOffMenuTimer);

}
function showSubMenu(el,idx)
{
	var root = getRoot(idx);
	collapseMenu(root);
	
	var m = document.getElementById(idx);
	m.style.display = '';
	m.style.zIndex=99;
	//document.frmDebug.tDebug.value = m.innerHTML;
	
	var xy = YAHOO.util.Dom.getXY(el);
	xy[0]+=sWidth;
//	xy[1]+=25;
	YAHOO.util.Dom.setXY(idx,xy);
	menuStack[menuStack.length] = idx;
	clearTimeout(autoOffMenuTimer);

	var agt=navigator.userAgent.toLowerCase();
  // Note: Opera and WebTV spoof Navigator.  We do strict client detection.
  // If you want to allow spoofing, take out the tests for opera and webtv.
  var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
                && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
                && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));

	if(! is_nav) {
		var DivRef = document.getElementById(idx);
		var IfrRef = document.getElementById('DivShim2');
	   	
		IfrRef.style.width = 110;
		IfrRef.style.height = DivRef.offsetHeight-5;
		IfrRef.style.top = xy[1];
		IfrRef.style.left = xy[0]-1;
		IfrRef.style.zIndex = DivRef.style.zIndex - 1;
		IfrRef.style.display = "block";
	}
}
function collapseMenuTree()
{
	var IfrRef = document.getElementById('DivShim');
	IfrRef.style.display="none";
	var IfrRef = document.getElementById('DivShim2');
	IfrRef.style.display="none";

	if(menuStack.length>0)
	{
		for(var ite = menuStack.length-1;ite>=0;ite--)
		{
				var m = document.getElementById(menuStack[ite]);
				m.style.display = 'none';
		}
	}
	menuStack.length = 0;
	
}
function collapseMenu(root)
{
	var IfrRef = document.getElementById('DivShim');
	IfrRef.style.display="none";
	var IfrRef = document.getElementById('DivShim2');
	IfrRef.style.display="none";

	var disCount = 0;
	if(menuStack.length>0)
	{
		for(var ite = menuStack.length-1;ite>=0;ite--)
		{
			if(menuStack[ite] != root)
			{
				var m = document.getElementById(menuStack[ite]);
				m.style.display = 'none';
				disCount++;
			}
		}
		menuStack.length -= disCount;
	}
}
function doMouseOut(idx)
{
	autoOffMenuTimer = setTimeout('collapseMenuTree()',100);
}
function getRoot(obj_name)
{
	var root = '';
	eval('if('+obj_name+') var o = '+obj_name+';');
	
	if(o)
	{
		if(o.sParent)
		{
			root = getRoot(o.sParent);
		}
		else
		{
			return o.sMenuID;
		}
	}
	return root;
}
document.writeln('<iframe id="DivShim" src="/VIP/TC/empty.htm" scrolling="no" frameborder="0" style="position:absolute; top:0px; left:0px; display:none; z-index:-1;"></iframe>\n');
document.writeln('<iframe id="DivShim2" src="/VIP/TC/empty.htm" scrolling="no" frameborder="0" style="position:absolute; top:0px; left:0px; display:none; z-index:-1;"></iframe>\n');