var images = [];
images[0] = '<img src="/wp-content/themes/hmc/js/fade1.jpg" alt="" />';
images[1] = '<img src="/wp-content/themes/hmc/js/fade2.jpg" alt="" />';
images[2] = '<img src="/wp-content/themes/hmc/js/fade3.jpg" alt="" />';
images[3] = '<img src="/wp-content/themes/hmc/js/fade4.jpg" alt="" />';

var back_stage_pos;
var auto_slideshow;
var imagesLoaded = 0;
var totalImages = 4;

function countImage() {
	imagesLoaded ++;
	if (imagesLoaded == totalImages) {
		launchSlideshow();
	}
}

function launchSlideshow() {
	$('#back').css('display', 'block');
	back_stage_pos = 1;
	
	$('#back .image').html(images[back_stage_pos]);
	$('#front img').fadeOut(3000);
	
	queue_captions = setTimeout("$('#front .image').html(images[" + back_stage_pos + "]);", 4000);
	
	if (back_stage_pos == 3) {
			back_stage_pos = 0;
		} else {
			back_stage_pos ++;
	}
	
	auto_slideshow = setInterval("goto_slide();", 6000);
}

function goto_slide() {
	$('#back .image').html(images[back_stage_pos]);
	$('#front img').fadeOut(3000);
	
	queue_captions = setTimeout("$('#front .image').html(images[" + back_stage_pos + "]);", 4000);
	
	if (back_stage_pos == 3) {
			back_stage_pos = 0;
		} else {
			back_stage_pos ++;
	}
}