/* ******************************************************************

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="/images/estar_rollover.gif" width="189" height="201" border="0" alt="ENERGY STAR qualified products and practices help you save money and reduce greenhouse gas emissions by meeting strict efficiency guidelines set by the U.S. Environmental Protection Agency and the U.S. Department of Energy." />');

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";
}