// ---HTML---
// <p id="change"><a href="" target=""><img src="" alt="img"></a></p>

window.onload = function() {

var tid;
var c = 0;

var image = [];
image[0]=["img/200804/001-perimeter-emerges.jpg", "products/spx.html", "_parent"];
image[1]=["img/200804/002-application-acceleration.jpg", "products/apv.html", "_parent"];
image[2]=["img/200804/003-site2site-ssl-vpn.jpg", "products/spx/sitedirect.html", "_parent"];
image[3]=["img/200804/004-enterprise-application-delivery.jpg", "products/apv.html", "_parent"];
image[4]=["img/200804/005-remote-access.jpg", "products/spx/desktopdirect.html", "_parent"];

var reload_time = 5000;

for(var i = 0, len = image.length; i < len; i++) {
new Image().src = image[i];
}

(function (elm, interval) {
var self = arguments.callee
clearTimeout(tid);
var anc = elm.getElementsByTagName('a')[0];
anc.href = image[c][1];
anc.target = image[c][2];
elm.getElementsByTagName('img')[0].src = image[c][0];
c = c++ < image.length - 1 ? c++ : 0
tid = setTimeout(function() { self(elm, interval)}, interval);
})(document.getElementById('change'), reload_time);
};