var currentElement = 0;
var running = true;

var elDescriptions = ['Harry & David Facebook Poll',
'Samsung Galaxy Apollo',
'Mokka Cafe',
'World of Children'];

function nextElement(){
	if(running){
		$("#numbers a.active").removeClass('active');
		$("#numbers a").eq(currentElement%4).addClass('active');
		$("#imageCont").animate({ left: ((currentElement%4)*-556) + "px"}, 500 );
		$("#arrowCont img").animate({ left: (7+((currentElement%4)*18)) + "px"}, 500 );
		$("#currently").html(elDescriptions[currentElement%4]);

		currentElement++;
		window.setTimeout("nextElement()",6000);
	}
}

$(document).ready(function(){
	$("#numbers a").each(function(i){
		$(this).click(function(e){
			running = false;
			$("#numbers a.active").removeClass('active');
			$(this).addClass('active');
			$("#imageCont").animate({ left: (i*-556) + "px"}, 500 );
			$("#arrowCont img").animate({ left: (7+(i*18)) + "px"}, 500 );
			currentElement = i;
			$("#currently").html(elDescriptions[i]);
			e.preventDefault();
		});
	});
	nextElement();
});