/* ******************************************************************

To use, attach this script to a page. Preferably in the body.

Then, on the logo/image you want the rollover effect, add the following:
onmouseover="showEstarRollover(x,y);" onmouseout="hideEstarRollover();"
Insert values for x and y to position the "popup" where desired.

******************************************************************* */
document.writeln('<style type="text/css">#estarImage { visibility: hidden;position: absolute;top:0;left:0;z-index:1000;}</style>');

document.writeln('<img id="estarImage" src="http://espanol.geappliances.com/img/geappliances/ES_14619.gif" width="189" height="201" border="0" alt="Los productos y pr\341cticas con calificaci\363n ENERGY STAR  lo ayudan a ahorrar dinero y reducen la emisi\363n de gas de efecto invernadero mediante el cumplimiento de estrictas normas de eficiencia energ\351tica establecidas por la Agencia de Protecci\363n Ambiental de los Estados Unidos y el Departamento de Energ\355a de los Estados Unidos." />');

function showEstarRollover(xpos,ypos) {
	obj=document.getElementById("estarImage");
	obj.style.left = xpos+"px";
	obj.style.top = ypos+"px";
	obj.style.visibility="visible";
}
function hideEstarRollover() {
	document.getElementById("estarImage").style.visibility="hidden";
}

