﻿//preloading images <!-- Only needed when preloading images -->
//	<script type="text/javascript">
//		preload(["./images/img1.jpg","./images/img2.jpg","./images/img3.jpg", "./images/img4.jpg","./images/loading.gif"]);
//	</script>

var _preloaded = null;
function preload(preload) {
    _preloaded = [];
    for (var i = 0, l = preload.length; i < l; i++) {
        _preloaded[i] = document.createElement("img");
        _preloaded[i].src = preload[i];
    }
}

/* SwapImage and SwapImageOn example
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>SimpleSwap example</title>

<script type="text/javascript">
preload(["./images/img1.jpg","./images/img2.jpg","./images/img3.jpg", "./images/img4.jpg","./images/loading.gif"]);
</script>

</head><body>

<span onclick="SwapImageOn(event, './images/loading.jpg', 'img1');">image 1 :</span>
<br />
<img alt="" id="img5" onmouseover="SwapImageOn(event, 1, 'img5')" onmouseout="SwapImageOn(event, 0)" src="./images/img1.jpg" />
<img alt="" id="img6" onmouseover="SwapImageOn(event, 2, 'img6')" onmouseout="SwapImageOn(event, 0)" src="./images/img1.jpg" />
<img alt="" id="img7" onmouseover="SwapImageOn(event, 3, 'img7')" onmouseout="SwapImageOn(event, 0)" src="./images/img1.jpg" />
<img alt="" id="img8" onmouseover="SwapImageOn(event, 4, 'img8')" onmouseout="SwapImageOn(event, 0)" src="./images/img1.jpg" />
<br />
<img alt="" id="img1" onmouseover="SwapImageOn(event, './images/img2.jpg', 'img1')" 
onmouseout= "SwapImageOn(event, './images/img1.jpg', 'img1')" src="./images/img1.jpg" />
<img alt="" id="img2" onmouseover="SwapImageOn(event, './images/img3.jpg', 'img2')" 
onmouseout= "SwapImageOn(event, './images/img1.jpg', 'img2')" src="./images/img1.jpg" />
<img alt="" id="img3" onmouseover="SwapImageOn(event, './images/img4.jpg', 'img3')" 
onmouseout= "SwapImageOn(event, './images/img1.jpg', 'img3')" src="./images/img1.jpg" />
<img alt="" id="img4" onmouseover="SwapImageOn(event, './images/loading.gif', 'img4')" 
onmouseout= "SwapImageOn(event, './images/img1.jpg', 'img4')" src="./images/img1.jpg" />
<br />
<img alt="" id="img10" onclick="SwapImageOn(event, './images/img2.jpg')" src="./images/img1.jpg" />
<img alt="" id="img11" onclick="SwapImageOn(event, './images/img3.jpg')" src="./images/img1.jpg" />
<img alt="" id="img12" onclick="SwapImageOn(event, './images/img4.jpg')" src="./images/img1.jpg" />
<img alt="" id="img13" onclick="SwapImageOn(event, './images/loading.gif')" src="./images/img1.jpg" />
<br />
<img alt="" id="img15" onclick="SwapImageOn(event, 1,'img15')" src="./images/img1.jpg" />
<img alt="" id="img16" onclick="SwapImageOn(event, 2,'img16')" src="./images/img1.jpg" />
<img alt="" id="img17" onclick="SwapImageOn(event, 3,'img17')" src="./images/img1.jpg" />
<img alt="" id="img18" onclick="SwapImageOn(event, 4,'img18')" src="./images/img1.jpg" />

</body></html>
*/
