var image_folder = "/images/main/";
var main_images = ["image1.jpg", "image2.jpg", "image3.jpg", "image4.jpg", "image5.jpg", 
				   "image6.jpg", "image7.jpg", "image8.jpg", "image9.jpg", "image10.jpg", 
				   "image11.jpg", "image12.jpg", "image13.jpg", "image14.jpg", "image15.jpg", 
				   "image16.jpg", "image17.jpg", "image18.jpg", "image19.jpg", "image20.jpg", 
				   "image21.jpg", "image22.jpg", "image23.jpg", "image24.jpg", "image25.jpg", 
				   "image26.jpg", "image27.jpg", "image28.jpg", "image29.jpg", "image30.jpg", 
				   "image31.jpg", "image32.jpg", "image33.jpg", "image34.jpg", "image35.jpg", 
				   "image36.jpg", "image37.jpg", "image38.jpg", "image39.jpg", "image40.jpg"];
var image_index = 0;
var transition_delay = 10000;
var fade_delay = 750;
var image_timer = 0;

$(function() {
	image_index = Math.floor(Math.random() * main_images.length);

	display_images();
	
	image_timer = setInterval("update_images()", transition_delay);	
});

function display_images() {
	image_index = getIndex(image_index);
	var image_index_2 = getIndex(image_index + 1);
	var image_index_3 = getIndex(image_index + 2);
	
	var bottom_index_1 = getIndex(image_index + 3);
	var bottom_index_2 = getIndex(image_index + 4);
	var bottom_index_3 = getIndex(image_index + 5);
		
	/*
	$("#main_image_1").html("<img class=\"bottom\" src=\"" + image_folder + main_images[bottom_index_1] + 
							"\" /><img class=\"top\" src=\"" + image_folder + main_images[image_index] + "\" />");

	$("#main_image_2").html("<img class=\"bottom\" src=\"" + image_folder + main_images[bottom_index_2] + 
							"\" /><img class=\"top\" src=\"" + image_folder + main_images[image_index_2] + "\" />");

	$("#main_image_3").html("<img class=\"bottom\" src=\"" + image_folder + main_images[bottom_index_3] + 
							"\" /><img class=\"top\" src=\"" + image_folder + main_images[image_index_3] + "\" />");
	*/
	
	$("#main_image_1").attr('style','');
	$("#main_image_2").attr('style','');
	$("#main_image_3").attr('style','');
	$("#main_image_1").attr('src', image_folder + main_images[image_index]);
	$("#main_image_2").attr('src', image_folder + main_images[image_index_2]);
	$("#main_image_3").attr('src', image_folder + main_images[image_index_3]);
	$("#main_image_4").attr('src', image_folder + main_images[bottom_index_1]);
	$("#main_image_5").attr('src', image_folder + main_images[bottom_index_2]);
	$("#main_image_6").attr('src', image_folder + main_images[bottom_index_3]);

	image_index += 3;
}

function update_images() {
	$("#main_image_1").animate({opacity: 0}, fade_delay, function() {
		$("#main_image_2").animate({opacity: 0}, fade_delay, function() {
			$("#main_image_3").animate({opacity: 0}, fade_delay, function() {
				display_images();													  
			 });
		});
	});
}

function getIndex(index) {
	if (index >= main_images.length)
		index -= main_images.length;
	return index;
}