document.write("<table  border=' cellpadding='0' cellspacing='0'  > <tr> <a id='mainMenu' onMouseover=\"showLayer('div3')\" onMouseout=\"hideLayer('div3')\">  <td onmouseover='changeBG(this);' onmouseout='changeBGX(this);' > </td> </a>                                       </tr>                   </table>")

function showLayer(layerName) {

	var pLeft,pTop;
	pLeft = getposOffset(document.getElementById('mainMenu'), 'left');
	pTop = getposOffset(document.getElementById('mainMenu'), 'top');
	document.getElementById(layerName).style.display = '';
//alert(pLeft);
 if(layerName == 'div1')
	{
		document.getElementById(layerName).style.top =88;
document.getElementById(layerName).style.left =pLeft +57;
	}
 if(layerName == 'div2')
	{
		document.getElementById(layerName).style.top =88;
document.getElementById(layerName).style.left =pLeft +136;
	}
 if(layerName == 'div3')
	{
		document.getElementById(layerName).style.top =88;
document.getElementById(layerName).style.left =pLeft +221;
	} 
	
}

function hideLayer(layerName) {
	document.getElementById(layerName).style.display = 'none';
}

function getposOffset(what, offsettype)
{
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl!=null)
	{
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
}