var ITop = 81;
var ILeft = 80;
var IWidth = 100;
var IHeight = 20;
var IStyle = "font-size:8pt;font-family:arial;";
var IClass = "eng_4_1";
var LStyle = "font-size:8pt;font-family:arial;background-color:#696969 ;filter:alpha(Opacity=95);";
var SeperateWidth = 33;
var SeperateText = "<img src=http://eservice.coretronic.com/images/button_bg.gif width=33 height=20>";
var CurrentPage = 0;
var ELMTDText;


var 
Item=
[
	{
	Text:"Service",
	URL:"#",
	content:
		h("Login","/Service/default.aspx") +
		h("Download Center","/Service/WF_CSD_FLOW.aspx") +
		h("Quality Assurance","/Service/QualityAssurance.aspx")+
		h("Contact Info","/Service/Contact_info.aspx") 
			
	
	,
	width : 52	,
	lwidth : 150
	}
];


//Main********************************************************
function CreateMenu(cPage)
{	
	CurrentPage = cPage;
	menu = new ELMenu(Item);
	menu.Draw();
}
//class ELMenu************************************************
function ELMenu(item)
{
	this.Items = item;
	this.Draw = ELDraw;	
}

function ELDraw()
{		
	var IPosStyle = "position:absolute;z-index:2000;top:" + ITop + ";Left:" + ILeft + ";height:" + IHeight + ";";	
	w("<table  border=0 cellspacing=0 cellpadding=0 style='" + IPosStyle + IStyle + "'>");
	w("<tr bgcolor=black>");	
	
	for (var i=0;i<this.Items.length;i++)
	{
		var tdStyle ;

//		tdStyle = "cursor:hand;background-image:url(http://eservice.coretronic.com/images/button_" + (i+1) + "a.gif)";
		
		tdStyle = "cursor:hand;background-image:url(http://eservice.coretronic.com/images/button_3a.gif)";

			
		if (i>0) w("<td width="  +SeperateWidth + " align=absmiddle >" + SeperateText + "</td>")
		w("<td style=\"" + tdStyle + "\" index=" + (i+1) + " ID=ETD_" + i + " width=" + this.Items[i].width + " onmouseout='IOut("+i+",0)' onmouseover='IOver(" + i + ",0)' onclick='IClick("+i+")' align=absmiddle>");
		
//			if (this.Items[i].URL!="") w("<a href=" + this.Items[i].URL + " class='" + IClass + "' ><strong>");
//				w(this.Items[i].Text);
//			if (this.Items[i].URL!="") w("</strong></a>");
		w("</td>");
	}	
	w("</tr>");
	w("</table>");
	
	
	//隔版
	var IPosStyle = "position:absolute;z-index:1500;top:" + ITop + ";Left:" + 10 + ";height:" + IHeight + ";";		
	w("<table  border=0 cellspacing=0 cellpadding=0 width=750 style='" + IPosStyle + IStyle + "'>");
	w("<tr bgcolor=black><td>");		
	w("</td></tr>");
	w("</table>");
	
	//Create Layer
	for (var i=0;i<this.Items.length;i++)
	{
		var LLeft = ILeft;
		
		if (i>0)
		{
			for (var j=0;j<i;j++)
			{
				//add 3 is seperate td width
				LLeft += this.Items[j].width + SeperateWidth;
			}
		}
		
		var LPosStyle = "position:absolute;display:none;z-index:1000;top:" + ITop + ";Left:" + LLeft + ";";
		var tableWidth = (this.Items[i].lwidth == 0)?this.Items[i].width:this.Items[i].lwidth;
		w("<table border=0 cellpadding=0 cellspacing=0 ID=ETab_" + i + "  border=0 style='" + LPosStyle + LStyle + "'  width=" + tableWidth + " onmouseover='IOver("+i+",1)' onmouseout='IOut("+ i +",1)' >");
		if (this.Items[i].content!="")
		{
		w("<tr style='height:" + IHeight + "'><td>&nbsp;</td></tr>")
		}		

		w(this.Items[i].content);
		w("</table>");
		
		
	}

}

//Event Handler************************************************
//Type: 0 Item, 1 Layer
function IOver(index,type)
{
	if (type == 0)
	{
	
		ETD = document.getElementById("ETD_" + index);
		//ETD.style.backgroundColor = "#F2F6FD";
//		ETD.style.backgroundImage = "url(http://eservice.coretronic.com/images/button_" + ETD.index  + "b.gif)";
		ETD.style.backgroundImage = "url(http://eservice.coretronic.com/images/button_3b.gif)";
	}
	
	Tab = document.getElementById("ETab_" + index);	
	if (Tab.style.display != "")
		Tab.style.display = "";
		
	var ELMTD = document.getElementById("ELMTD");
	if (ELMTD)
	{
		ELMTDText = ELMTD.innerHTML;		
		ELMTD.innerHTML = "<img src='http://eservice.coretronic.com/images/ad_1.gif' border=0>";
	}
/*
	if (document.forms[0])
	{
	for (var i=0;i<document.forms[0].elements.length;i++)
	{
		if (document.forms[0].elements[i].tagName == "SELECT")
		{
			document.forms[0].elements[i].style.visibility = "hidden";
		}
	}
	}
*/
}

function IOut(index,type)
{	
	if (type==0)
	{
		ETD = document.getElementById("ETD_" + index);
		
		if (CurrentPage == parseInt(ETD.index))
//			ETD.style.backgroundImage = "url(http://eservice.coretronic.com/images/button_" + ETD.index  + "c.gif)";		
			ETD.style.backgroundImage = "url(http://eservice.coretronic.com/images/button_3c.gif)";		
		else
//			ETD.style.backgroundImage = "url(http://eservice.coretronic.com/images/button_" + ETD.index  + "a.gif)";		
			ETD.style.backgroundImage = "url(http://eservice.coretronic.com/images/button_3a.gif)";		
	}
	
	
	//Display
	Tab = document.getElementById("ETab_" + index);	
	Tab.style.display = "none";	
	
	var ELMTD = document.getElementById("ELMTD");
	if (ELMTD)
	{		
		ELMTD.innerHTML = ELMTDText;
	}
/*
	if (document.forms[0])
	{
	for (var i=0;i<document.forms[0].elements.length;i++)
	{
		if (document.forms[0].elements[i].tagName == "SELECT")
		{
			document.forms[0].elements[i].style.visibility = "visible";
		}
	}
	}
*/
}

function IClick(index)
{
	if (Item[index].URL != "#" && Item[index].URL != "")
		document.location =Item[index].URL;
}



//Other Function***********************************************
function w(str)
{
	document.write(str);
}

function h(str,url)
{
	var str ;
    str="<tr><td style='padding-right:10px'><table border='0' cellspacing='0' cellpadding='0'><tr>" +
        "<td width='18' height='16' align=right><img src='http://eservice.coretronic.com/images/eng_8.gif' width='7' height='7'></td>" +
        "<td height='16' nowrap=true><a href='" + url + "' class='Menu' style=\"font-size:9pt\">"+ str +"</a></td>" +
        "</tr></table></td></tr><tr>"+
		"<td height='1' background='http://eservice.coretronic.com/images/eng_bg5.gif'></td></tr>";
    
	return str;
	//return "<tr><td align=right style='padding-right:5pt' nowrap=true ><a href='"+ url +"' class='ELMenuitem'>" + str + "</a></td></tr>";
}

function h2(str,url)
{
	var str ;
    str="<tr><td style='padding-right:10px'><table border='0' cellspacing='0' cellpadding='0'><tr>" +
        "<td width='18' height='16' align=right></td>" +
        "<td height='16' nowrap=true style='padding-left:20px'><a href='" + url + "' class='Menu' style=\"font-size:9pt\">"+ str +"</a></td>" +
        "</tr></table></td></tr><tr>"+
		"<td height='1' background='http://eservice.coretronic.com/images/eng_bg5.gif'></td></tr>";
    
	return str;
	//return "<tr><td align=right style='padding-right:5pt' nowrap=true ><a href='"+ url +"' class='ELMenuitem'>" + str + "</a></td></tr>";
}