$(document).ready(function(e) {
	$images = $('#imageCont img');
	$images.css('z-index', '');
	
  images = $('#imageCont img').toArray();
	id = 0;
	initSlideshow();
});

var id;
var images;
var TIMEOUT = 5000;
var FADE_SPEED = 1500;
var $images;
var $imageFrom;
var $imageTo;

function initSlideshow()
{
	$('#imageCont img').fadeOut(0);
	$('#imageCont img:eq('+id+')').fadeIn(0);
	
	window.setTimeout(nextImage, TIMEOUT);
}

function nextID(id)
{
	if (id+1 >= images.length) return 0;
	else return id+1;
}

function prevID(id)
{
	if (id-1 < 0) return images.length - 1;
	else return id-1;
}

function nextImage()
{
	var from = id;
	var to = nextID(id);
	
	$images.fadeOut(0);
	$imageFrom = $('#imageCont img:eq('+from+')');
	$imageTo = $('#imageCont img:eq('+to+')');
	$imageFrom.fadeIn(0);
	$imageTo.fadeIn(FADE_SPEED);
	
	$images.css('z-index', '');
	
	$imageFrom.css('z-index', '10');
	$imageTo.css('z-index', '20');
	
	id = to;
	
	window.setTimeout(nextImage, TIMEOUT);
}