var activeImage;
var imageCount;

var timeCounter;

$(document).ready(function() {
	
	imageCount = 0;
	timeCounter = 0;
	
	$(".ce_gallery").find(".image_container").each(function(i) {
		$(this).fadeOut(0);
		imageCount++;
	});
	
	changeImage(0);
	
	$(".buttons").find(".icon").each(function(i) {
		
		$(this).click(function() {
			changeImage(i);
		});
	});
	
	setInterval ( "everySecond()", 1000 );

});

function everySecond(){
	timeCounter++;
	if (timeCounter > 5){
		nextImage();
	}
}

function nextImage(){
	
	if (activeImage < imageCount-1){
		changeImage(activeImage+1);
	}else{
		changeImage(0);
	}
}

function changeImage(i){
	timeCounter = 0;
	
	activeImage = i;
	
	$(".buttons").find(".icon").each(function(j) {
		if (j == activeImage){
			$(this).css("background-image", "url(/tl_files/img/img_icon_hover.png)");
		}else{
			$(this).css("background-image", "url(/tl_files/img/img_icon.png)");
		}
	});
	
	$(".ce_gallery").find(".image_container").each(function(j) {
		if (j == activeImage){
			$(this).fadeIn(500);
		}else{
			$(this).fadeOut(500);
		}
	});
}