var fade_delay = 500;
var image_delay = 10000;
var image_data = new Array("img1.jpg", "img2.jpg");
var image_dir = "/images/main/";
var image_index = 0;

$(function(){
	main_image_init();
});

function main_image_init() {
	image_index = Math.floor(Math.random()*image_data.length);
	
	setup_images();	
}

function getNextIndex() {
	var index = image_index + 1;
	if (index >= image_data.length)
		index = 0;
	return index;
}

function setup_images() {
	var src1 = image_dir + image_data[image_index];
	var src2 = image_dir + image_data[getNextIndex()];
	
	$("#main_image_content").html('<img class="image_top" src="' + src1 + '" />' + 
								  '<img class="image_bottom" src="' + src2 + '" />');
}

function main_image_change() {
	image_index = getNextIndex();
	$("#main_image_content img.image_top").fadeOut(fade_delay, function() { setup_images(); });
}

var main_image_timer = setInterval("main_image_change()", image_delay);