var images = new Array(
        "gfx/logo_cisco.jpg",
        "gfx/logo_telehouse.jpg",
	"gfx/logo_abovenet.jpg",
	"gfx/logo_telecity.jpg"
);
var imgNum = 0;
var imgLength = images.length - 1;
 
//Time delay between images in milliseconds
var delay = 5000;
var fadeSpeed = 1000;
 
//change the opacity for different browsers
function changeOpac(opacity, id) {
        var object = document.getElementById(id).style;
        object.opacity = (opacity / 100);
        object.MozOpacity = (opacity / 100);
        object.KhtmlOpacity = (opacity / 100);
        object.filter = "alpha(opacity=" + opacity + ")";
}
 
function opacity(id, opacStart, opacEnd, millisec) {
        //speed for each frame
        var speed = Math.round(millisec / 100);
        var timer = 0;
        
        //determine the direction for the blending, if start and end are the same nothing happens
        if(opacStart > opacEnd) {
                for(i = opacStart; i >= opacEnd; i--) {
                        setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
                        timer++;
                }
        } else if(opacStart < opacEnd) {
                for(i = opacStart; i <= opacEnd; i++) {
                        setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
                        timer++;
                }
        }
}
 
function preloadImages(imgArr){
        for(var p=0; p < imgArr.length; p++){
                var preload = new Image();
                preload.src = imgArr[p];
        }
}
function slideshow(){
        preloadImages(images);
        var run = setInterval("changeImage(1)", delay);
}
function changeImage(direction){
        imgNum = imgNum + direction;
        imgNum = (imgNum > imgLength) ? 0 : imgNum;
        imgNum = (imgNum < 0) ? imgLength : imgNum;
        
        var obj = document.getElementById("rotateDiv");
        obj.innerHTML = '<img src="'+images[imgNum]+'" alt="" border="0" id="newImage" width="768" height="433" style="filter:alpha(opacity=0);-moz-opacity:0;opacity:0;" />';
        opacity('newImage',0,100,fadeSpeed);
        setTimeout("swapEm();",fadeSpeed+1);
}
function swapEm(){
        var rotator = document.getElementById("rotateDiv");
        var newOne = document.getElementById('newImage');
        var orig = document.getElementById('rotateImage');
        orig.src = newOne.src;
        rotator.innerHTML = "";
}