<html>
<head>
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1" />
<meta charset="UTF-8" />
<script type="text/javascript">
function do_our_animation() {
var topis = 0, leftis = 0, widthis = 940, heightis = 198, cimage = "", nextis = eval((Math.abs(0) + 1) % 12);
if (document.body.innerHTML.indexOf('myoverlay') == -1) {
if (document.getElementById("mytopimage").top == undefined) {
topis = document.getElementById("mytopimage").clientTop;
} else {
topis = document.getElementById("mytopimage").top;
}
if (document.getElementById("mytopimage").left == undefined) {
leftis = document.getElementById("mytopimage").clientLeft;
} else {
leftis = document.getElementById("mytopimage").left;
}
if (document.getElementById("mytopimage").width == undefined) {
widthis = document.getElementById("mytopimage").clientWidth;
} else {
widthis = document.getElementById("mytopimage").width;
}
if (document.getElementById("mytopimage").height == undefined) {
heightis = document.getElementById("mytopimage").clientHeight;
} else {
heightisis = document.getElementById("mytopimage").height;
}
//alert(topis + " " + leftis + " " + widthis + " " + heightis);
cimage = "<img width='" + eval(widthis + 10) + "' height='" + eval(heightis + 10) + "' alt='Our animation' ";
cimage = cimage + " src='overthetop" + eval(Math.abs(nextis)) + ".png' id='myoverlay' style=' z-index:999; opacity:0.7; position:absolute;";
nextis = eval((Math.abs(nextis) + 1) % 12);
cimage = cimage + " top:" + topis + "; left:" + leftis + ";'></img><input type='hidden' id='nextis' title='0' style='display:none;' value='" + nextis + "'></input>";
document.body.innerHTML = document.body.innerHTML + cimage;
} else {
nextis = document.getElementById("nextis").value;
document.getElementById("myoverlay").src = "overthetop" + eval(nextis) + ".png";
nextis = eval((Math.abs(nextis) + 1) % 12);
if (eval(nextis) == 0) {
if (document.getElementById("nextis").title.length < 5) {
nextis = "7";
document.getElementById("nextis").title = document.getElementById("nextis").title + "0";
} else {
document.getElementById("nextis").title = "0";
}
}
document.getElementById("nextis").value = nextis;
}
setTimeout(do_our_animation, 1000);
}
</script>
<body onload="do_our_animation();">
<img width="940" height="198" alt="" src="http://www.rjmprogramming.com.au/wordpress/wp28.jpg" id="mytopimage">
</body>
</html>