$(function(){
	/* images to be displayed in main area */
	var imagesToDisplay = [
		"images/landingImages/schoollaw.gif",
		"images/landingImages/schooladministration.gif",
		"images/landingImages/businessadministration.gif",
		"images/landingImages/landuseandpropertyacquisiti.gif",
		"images/landingImages/municipaladministration.gif",
		"images/landingImages/publicsafety.gif",
		"images/landingImages/municipallaborandemploy.gif",
		"images/landingImages/municipalpublicworksandutil.gif",
		"images/landingImages/realestateandconstruction.gif",
		"images/landingImages/schoollaborandemployment.gif",
		"images/landingImages/specialeducation.gif",
		"images/landingImages/studentcivilrights.gif"
	];
	var index = 0;
	var interval = 3;
	var landingImage = $('#landingImage');
	var landingImage1 = $('#landingImage1');
	landingImage1.hide();
	var current = 'landingImage';
	setInterval(function(){
		if(index==(imagesToDisplay.length-1)){
			if(current=='landingImage'){
				loadImage(imagesToDisplay[index],function(){
					landingImage1.attr({'src':imagesToDisplay[0]});
					landingImage.fadeOut(2000);
					landingImage1.fadeIn(2000);
				});
				current='landingImage1';
			}else{
				loadImage(imagesToDisplay[0],function(){
					landingImage.attr({'src':imagesToDisplay[index]});
					landingImage1.fadeOut(2000);
					landingImage.fadeIn(2000);
				});
				current='landingImage';
			}
			index=0;
			return;
		}
		if(current=='landingImage'){
			loadImage(imagesToDisplay[++index],function(){
				landingImage1.attr({'src':imagesToDisplay[index]});
				landingImage.fadeOut(2000);
				landingImage1.fadeIn(2000);
			});
			current='landingImage1';
		}else{
			loadImage(imagesToDisplay[++index],function(){
				landingImage.attr({'src':imagesToDisplay[index]});
				landingImage1.fadeOut(2000);
				landingImage.fadeIn(2000);
			});
			current='landingImage';
		}
	},interval*1000);
})

function loadImage(src,callback){
	$('<img id="mainImage" src="'+src+'"/>').load(function (){
		callback(src);
	});
}