var active;
var rotateId;
var coverDuration = 8000;

function rotate() {
	var covers = $("a[class*=cover]");
	active.removeClass("active");

	active = active.parent().next().children().first();
	if (active.length == 0)
		active = covers.first();

	active.addClass("active");
	setActive(active[0].name)
}

function setActive(name) {
	$("div[class*=cover]").addClass("hidden");
	$("div[id=" + name + "]").removeClass("hidden");
}

function initialize() {
	
	rotateId = setInterval(rotate, coverDuration);

	$("div[class*=cover]").addClass("hidden");
	
	$("div[id=" + $("a[class*=cover]")[0].name + "]").removeClass("hidden");
	$("a[class*=cover]").first().addClass("active");
	active = $("a[class*=cover]").first();
	
	$("a[class*=cover]").hover(
		function() {
			clearInterval(rotateId);
			active.removeClass("active");
			$("div[class*=cover]").addClass("hidden");
			$("div[id=" + this.name + "]").removeClass("hidden");
   		},
		function() {
			rotateId = setInterval(rotate, coverDuration);
			active.addClass("active");
			$("div[class*=cover]").addClass("hidden");
			$("div[id=" + active[0].name + "]").removeClass("hidden");
		}
	);
}

$(function() {
	initialize();
 });