var bgImageArray = new Array();
var counter = 1;
var imgcounter = 0;
var imagediv;
var olddiv;


$(document).ready(function() {
	nextBG();

});

function nextBG() {

	olddiv = imagediv;
	imagediv = "#image" + counter%2;


	bgimage = "#bgimage" + counter;

	$(imagediv).html("<img src=\"images/" + bgImageArray[imgcounter] + "\" alt=\"\" style=\"margin-left: 100px; \" id=\"" + bgimage + "\" />");

	document.getElementById(bgimage).onload = function() {
		$(imagediv).fadeIn(1000);
		$(olddiv).fadeOut(1000);
		
		//  alert("a");
		setTimeout("nextBG()", 5000);
	}


	counter++;
	imgcounter++;
	if(imgcounter == bgImageArray.length) imgcounter = 0;

}