var divName = new Array("tip","aboutMenu");
var topPos = new Array (225, 220,220);
var menuPos = new Array (110,20,-180);
var menuW = new Array (400,120,200);

function screenResize(){
		for ( i =0; i < divName.length; i++ ){
				var w = document.body.clientWidth;
				var leftPos = ((w-menuW[i])/2)+menuPos[i];

				var pathTo = eval("document.all."+divName[i]+".style");
				pathTo.left = eval("'"+leftPos+"px'");
		}
}

function showHideLayer(divID){
		var seeMe = eval("document.all."+divID+".style.visibility");
		var pathTo = eval("document.all."+divID+".style");
		String(seeMe);
			if (seeMe == 'visible'){
				pathTo.visibility = 'hidden';

			}else{
				pathTo.visibility = 'visible';
			}
		}


	function rollShowHide(index,status){

		var w = document.body.clientWidth -200;
		var leftPos = ((w-menuW[index])/2)+menuPos[index];
		//alert(divName[index]);
		var pathTo = eval("document.all."+divName[index]+".style");

			pathTo.visibility = eval("'"+status+"'");
			pathTo.top = eval("'"+topPos[index]+"px'");
			pathTo.left = eval("'"+leftPos+"px'");
	}

document.write('<div id="aboutMenu" align="left" class="t2navSp" style="position: absolute; top: 100px; left: 100px; visibility: hidden; z-index:6" onMouseOver="rollShowHide(\'1\', \'visible\');" onMouseOut="rollShowHide(\'1\', \'hidden\');"> <img src="images/menu.gif" width="40" height="8" alt="" border="0"><br> <table width="160" cellspacing="1" cellpadding="3" bgcolor="#1D5346"> <tr><td bgcolor="#FFFFFF"><a href="/about_index.php" class="t2nav">About Us</a> </td></tr> <tr><td bgcolor="#FFFFFF"><a href="/about_profile.php" class="t2nav">Detailed Company Profile</a> </td></tr> <tr><td bgcolor="#FFFFFF"><a href="/about_shareholders.php" class="t2nav">Directors</a> </td></tr> <!--<tr><td bgcolor="#FFFFFF"><a href="/about_orientation.php" class="t2nav">Orientation</a></td></tr>--> <tr><td bgcolor="#FFFFFF"><a href="/about_jobs.php" class="t2nav">Employment Opportunities</a></td></tr> </table> </div>');