<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Template: Rollover Buttons(2)</title>
<script type="text/javascript" language="javascript">
<!-- Start of script
if (document.images) { // Active Images
img1on = new Image();
img1on.src = "images/button1.gif";
img2on = new Image();
img2on.src = "images/button2.gif";
img3on = new Image();
img3on.src = "images/button3.gif";
img4on = new Image();
img4on.src = "images/button4.gif";
img1off = new Image();
img1off.src = "images/button1-over.gif";
img2off = new Image();
img2off.src = "images/button2-over.gif";
img3off = new Image();
img3off.src = "images/button3-over.gif";
img4off = new Image();
img4off.src = "images/button4-over.gif";
}
// Function to 'activate' images.
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");
}
}
// Function to 'deactivate' images.
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");
}
}
// -->
</script>
</head>
<body>
<br />
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="400" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="somewhere.html" onMouseOver= "imgOn('img1')" onMouseOut= "imgOff('img1')">
<img name="img1" src="images/button1.gif"
width="101" height="35" alt="" border="0" /></a></td>
<td><a href="somewhere.html" onMouseOver= "imgOn('img2')" onMouseOut= "imgOff('img2')">
<img name="img2" src="images/button2.gif"
width="100" height="35" alt="" border="0" /></a></td>
<td>
<a href="somewhere.html" onMouseOver= "imgOn('img3')" onMouseOut= "imgOff('img3')">
<img name="img3" src="images/button3.gif"
width="100" height="35" alt="" border="0" /></a></td>
<td>
<a href="somewhere.html" onMouseOver= "imgOn('img4')" onMouseOut= "imgOff('img4')">
<img name="img4" src="images/button4.gif"
width="100" height="35" alt="" border="0" /></a></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>