var h;
 var w;
 var l;
 var t;
 var topMar = 2;
 var leftMar = -15;
 var space = 1;
 var isvisible;
 var MENU_SHADOW_COLOR='#1f71a2';
 var global = window.document
 global.fo_currentMenu = null
 global.fo_shadows = new Array

function HideMenu() 
{
 var mX;
 var mY;
 var vDiv;
 var mDiv;
	if (isvisible == true)
{
		vDiv = document.all("menuDiv");
		mX = window.event.clientX + document.body.scrollLeft;
		mY = window.event.clientY + document.body.scrollTop;
		if ((mX < parseInt(vDiv.style.left)) || (mX > parseInt(vDiv.style.left)+vDiv.offsetWidth) || (mY < parseInt(vDiv.style.top)-h) || (mY > parseInt(vDiv.style.top)+vDiv.offsetHeight)){
			vDiv.style.visibility = "hidden";
			isvisible = false;
		}
}
}

function ShowMenu(vMnuCode,tWidth) {

	vSrc = window.event.srcElement;
	dsd=tWidth;
	//alert(dsd);
	vMnuCode = "<table id='submenu' cellspacing=1 cellpadding=3 style='width:"+tWidth+"' class=tableborder1 onmouseout='HideMenu()'><tr height=23><td nowrap align=center class=tablebody1>" + vMnuCode + "</td></tr></table>";

	h = vSrc.offsetHeight;
	w = vSrc.offsetWidth;
	if(dsd=='6')
	{l = vSrc.offsetLeft + leftMar+4-100;}
	else if(dsd=='5'){l = vSrc.offsetLeft + leftMar+4-310;}
		else if(dsd=='4'){l = vSrc.offsetLeft + leftMar+4-310;}
else if(dsd=='3'){l = vSrc.offsetLeft + leftMar+4-310;}
	else
	{l = vSrc.offsetLeft + leftMar+4;}
	
	
	t = vSrc.offsetTop + topMar + h + space-2;
	vParent = vSrc.offsetParent;
	while (vParent.tagName.toUpperCase() != "BODY")
	{
		l += vParent.offsetLeft;
		t += vParent.offsetTop;
		vParent = vParent.offsetParent;
	}

	menuDiv.innerHTML = vMnuCode;
	menuDiv.style.top = t;
	menuDiv.style.left = l;
	menuDiv.style.visibility = "visible";
	isvisible = true;
    makeRectangularDropShadow(submenu, MENU_SHADOW_COLOR, 4)
}

function makeRectangularDropShadow(el, color, size)
{
	var i;
	for (i=size; i>0; i--)
	{
		var rect = document.createElement('div');
		var rs = rect.style
		rs.position = 'absolute';
		rs.left = (el.style.posLeft + i) + 'px';
		rs.top = (el.style.posTop + i) + 'px';
		rs.width = el.offsetWidth + 'px';
		rs.height = el.offsetHeight + 'px';
		rs.zIndex = el.style.zIndex - i;
		rs.backgroundColor = color;
		var opacity = 1 - i / (i + 1);
		rs.filter = 'alpha(opacity=' + (100 * opacity) + ')';
		el.insertAdjacentElement('afterEnd', rect);
		global.fo_shadows[global.fo_shadows.length] = rect;
	}
}
reval  = "";
reval += "<TABLE width=\"100\" align=\"center\" border=\"0\">";
reval += "  <TBODY>";


reval += "    <TR>";
reval += "      <TD  height=\"20\" style='color:#FFFFFF;'>&nbsp;&nbsp;";
reval += "<A href=\"About.asp?id=135\"><span style=' color:#FFFFFF'>Proile</span></A>&nbsp;&nbsp;";
reval += "    </TD></TR>";

reval += "    <TR>";
reval += "      <TD  height=\"20\" style='color:#FFFFFF;'>&nbsp;&nbsp;";
reval += "<A href=\"Certificate.asp\"><span style=' color:#FFFFFF'>Awards</span></A>&nbsp;&nbsp;";
reval += "    </TD></TR>";


reval += "  </TBODY>";
reval += "</TABLE>";


var J1= reval;

reval  = "";
reval += "<TABLE  width=\"230\"align=\"center\" border=\"0\">";
reval += "  <TBODY>";


reval += "    <TR>";
reval += "      <TD  height=\"20\" style='color:#FFFFFF;'>&nbsp;&nbsp;";
reval += "<A href=\"Products.asp?ntype=53\" ><span style=' color:#FFFFFF'>Aluminum Composite Panel</span></A>";
reval += "    </TD></TR>";

reval += "    <TR>";
reval += "      <TD  height=\"20\" style='color:#FFFFFF;'>&nbsp;&nbsp;";
reval += "<A href=\"Products.asp?ntype=54\" ><span style=' color:#FFFFFF'>Fireproof Aluminum Composite Panel</span></A>";
reval += "    </TD></TR>";

reval += "    <TR>";
reval += "      <TD  height=\"20\" style='color:#FFFFFF;'>&nbsp;&nbsp;";
reval += "<A href=\"Products.asp?ntype=55\" ><span style=' color:#FFFFFF'>Aluminum Solid Panel</span></A>";
reval += "    </TD></TR>";

reval += "    <TR>";
reval += "      <TD  height=\"20\" style='color:#FFFFFF;'>&nbsp;&nbsp;";
reval += "<A href=\"Products.asp?ntype=56\" ><span style=' color:#FFFFFF'>Unitized Curtain Wall</span></A>";
reval += "    </TD></TR>";

reval += "    <TR>";
reval += "      <TD  height=\"20\" style='color:#FFFFFF;'>&nbsp;&nbsp;";
reval += "<A href=\"Products.asp?ntype=57\" ><span style=' color:#FFFFFF'>LED Curtain Wall</span></A>";
reval += "    </TD></TR>";

reval += "    <TR>";
reval += "      <TD  height=\"20\" style='color:#FFFFFF;'>&nbsp;&nbsp;";
reval += "<A href=\"Products.asp?ntype=58\" ><span style=' color:#FFFFFF'>Component Curtain Wall</span></A>";
reval += "    </TD></TR>";

reval += "    <TR>";
reval += "      <TD  height=\"20\" style='color:#FFFFFF;'>&nbsp;&nbsp;";
reval += "<A href=\"Products.asp?ntype=59\" ><span style=' color:#FFFFFF'>Photo-eletric Curtain Wall</span></A>";
reval += "    </TD></TR>";

reval += "    <TR>";
reval += "      <TD  height=\"20\" style='color:#FFFFFF;'>&nbsp;&nbsp;";
reval += "<A href=\"Products.asp?ntype=60\" ><span style=' color:#FFFFFF'>Metro Platform Screen Doors</span></A>";
reval += "    </TD></TR>";

reval += "    <TR>";
reval += "      <TD  height=\"20\" style='color:#FFFFFF;'>&nbsp;&nbsp;";
reval += "<A href=\"Products.asp?ntype=61\" ><span style=' color:#FFFFFF'>LED Products</span></A>";
reval += "    </TD></TR>";

reval += "    <TR>";
reval += "      <TD  height=\"20\" style='color:#FFFFFF;'>&nbsp;&nbsp;";
reval += "<A href=\"Products.asp?ntype=62\" ><span style=' color:#FFFFFF'>Ventilation Double-Layered Curtain Wall</span></A>";
reval += "    </TD></TR>";

reval += "    <TR>";
reval += "      <TD  height=\"20\" style='color:#FFFFFF;'>&nbsp;&nbsp;";
reval += "<A href=\"Products.asp?ntype=63\" ><span style=' color:#FFFFFF'>The 100 Unit Doors & Windows</span></A>";
reval += "    </TD></TR>";

reval += "    <TR>";
reval += "      <TD  height=\"20\" style='color:#FFFFFF;'>&nbsp;&nbsp;";
reval += "<A href=\"Products.asp?ntype=64\" ><span style=' color:#FFFFFF'>Heat Stop and Energy Saving Curtain Wall</span></A>";
reval += "    </TD></TR>";


reval += "  </TBODY>";
reval += "</TABLE>";

var J2= reval;