var imgArr = new Array("banner1.jpg", "banner2.jpg", "banner3.jpg", "banner4.jpg");
var currentImg = 0;
var timerInterval;

$(document).ready(function(){
	timerInterval = setInterval('rotate()', 7000);
});

function rotate()
{
	$("#ImgRotate").fadeOut("slow",function(){
		
		currentImg++;

		if (currentImg >= imgArr.length)
		{
			currentImg = 0;
		}

		var imagePath = http_images_path + "/" +  imgArr[currentImg];
		
		$(this).attr("src", imagePath);

		$("#ImgRotate").fadeIn("slow");
	});
}

function imageBack()
{
	currentImg = currentImg - 2;
	if (currentImg < 0)
	{
		currentImg = imgArr.length - 2;
	}

	clearInterval(timerInterval);

	rotate();
	
	timerInterval = setInterval('rotate()', 7000);
}

function imageForward()
{
	clearInterval(timerInterval);

	rotate();
	
	timerInterval = setInterval('rotate()', 7000);
}

function preload() {
    if (document.images) {
        var i = 0;
        var imageObj = new Image();
        for(i=0; i<= imgArr.length-1; i++) {
            //document.write('<img src="' + imageArray[i] + '" />');// Write to page (uncomment to check images)
            imageObj.src= http_images_path + "/" +  imgArr[currentImg];
        }
    }
}

preload();