<HTML>
<HEAD>
<TITLE> Delaying Image Loading </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide from older browsers
if (document.images) {
var first_off = new Image();
var first_on = new Image();
var second_off = new Image();
var second_on = new Image();
var third_off = new Image();
var third_on = new Image();
}
function loadImages() {
if (document.images) {
first_off.src = "off1.gif";
first_on.src = "on1.gif";
second_off.src = "off2.gif";
second_on.src = "on2.gif";
third_off.src = "off3.gif";
third_on.src = "on3.gif";
}
}
function activate(imgName) {
if (document.images) {
if ( eval(imgName + "_on.complete") ) {
document.images[imgName].src = eval(imgName + "_on.src");
}
}
}
function deactivate(imgName) {
if (document.images) {
if ( eval(imgName + "_off.complete") ) {
document.images[imgName].src = eval(imgName + "_off.src");
}
}
}
// End script hiding -->
</SCRIPT>
</HEAD>
<BODY onLoad="loadImages()">
<A HREF="javascript:void(0)" onMouseOver="activate('first')" onMouseOut="deactivate('first')"><IMG SRC="off1.gif" ALIGN="TOP" WIDTH="70" HEIGHT="30" BORDER="0" NAME="first"></A>
<A HREF="javascript:void(0)" onMouseOver="activate('second')" onMouseOut="deactivate('second')"><IMG SRC="off2.gif" ALIGN="TOP" WIDTH="70" HEIGHT="30" BORDER="0" NAME="second"></A>
<A HREF="javascript:void(0)" onMouseOver="activate('third')" onMouseOut="deactivate('third')"><IMG SRC="off3.gif" ALIGN="TOP" WIDTH="70" HEIGHT="30" BORDER="0" NAME="third"></A>
</BODY>
</HTML>