var images = new Array();

images[0] = 'theme/images/banner_001.jpg';
images[1] = 'theme/images/banner_002.jpg';
images[2] = 'theme/images/banner_003.jpg';
images[3] = 'theme/images/banner_004.jpg';
images[4] = 'theme/images/banner_005.jpg';

var images_count = images.length;
var i = 4;

// Intialize image objects array
var oImagesPreloader = new Array();
window.onLoad = preLoadImages();

function preLoadImages(){

    if (document.images){
       
       for(i = 0; i < images_count; ++ i) {
		oImagesPreloader[i] = new Image();
       	oImagesPreloader[i].src = 'theme/images/banner_00' + (i + 1) + '.jpg';
       }
    } 
}


function rotateImages(){
      $("#banner_image").fadeOut("slow", function(){		
      									  			  
      									  			    if(i >= images_count - 1) i = -1;

													   document.getElementById('banner_image').src = oImagesPreloader[++ i].src;
													    $("#banner_image").fadeIn("slow");

      									            }
      							);
      
}

setTimeout(function(){
	//First time rotate the image but after 0.2 sec
	rotateImages();
	// And set the interval for 5 sec
	setInterval("rotateImages()", 5000);
}, 5000)