var curIdx = 0;
var arrFiles = ["main_image1.jpg", "main_image2.jpg", "main_image3.jpg", "main_image4.jpg"];
var arrImages = new Array();

$(document).ready( function () {
	if (document.images)
	{
		for(var i=0; i < arrFiles.length; i++)
		{
			var pic = new Image(800,241);
			pic.src = "images/homepage/" + arrFiles[i];

			arrImages.push( pic );
		}	  
	}
	else
	{
		arrImages = null;	  
	}
	
	curIdx++;
	runNext();
});

function nextImage()
{
	$("#banner-img").animate({opacity: 0}, {duration: 500, complete: swapImage})
}

function swapImage()
{
	if(arrImages.length == 0)
	{
		$("#banner-img").attr('src', "images/homepage/" + arrFiles[curIdx]);
	}
	else
	{
		var banner = $("#banner-img")[0];
		banner.src = arrImages[curIdx].src;
	}
	
	curIdx++;
	
	setTimeout("fadeInImage()", 250);
}

function fadeInImage()
{
	$("#banner-img").animate({opacity: 1}, {duration: 500, complete: runNext});
	
}

function runNext()
{
	if(curIdx < arrFiles.length)
	{
		setTimeout("nextImage()", 2000);
	}
}