$(document).ready(function(){

	$("#slideshowNavigation span").css("background-color", "#000");
	 
	$("#slideshowNavigation span").css("cursor", "hand");

	$("#slideshowNavigation span").hover(function(event){

		$("#slideshowContainer").stopTime("homepageSlideshow");
		$("#slideshowNavigation span").css("background-color", "#000");
		$(this).css("background-color", "#ca2c29");
		$("#slideshowImages div").hide();
		$("#slideshowImages div").eq($("#slideshowNavigation span").index(this)).show();
		$("#slideshowCatalogs div").hide();
		$("#slideshowCatalogs div").eq($("#slideshowNavigation span").index(this)).show();

	})

	var i = 0;
	var rotations = 10;

	$("#slideshowImages div").hide();
	$("#slideshowCatalogs div").hide();
	$("#slideshowImages div").eq(i).show();
	$("#slideshowCatalogs div").eq(i).show();
	$("#slideshowNavigation span").eq(i).css("background-color", "#ca2c29");

	$("#slideshowContainer").everyTime("5s", "homepageSlideshow", function(times) {

		i = i + 1;

		if (i >= $("#slideshowImages div").size()) {
			i = 0;
		}

		if(times == rotations * $("#slideshowImages div").size()){
			$(this).stopTime("homepageSlideshow");
		}

		$("#slideshowImages div").hide();
		$("#slideshowImages div").eq(i).fadeIn();
		$("#slideshowCatalogs div").hide();
		$("#slideshowCatalogs div").eq(i).show();
		$("#slideshowNavigation span").css("background-color", "#000");
		$("#slideshowNavigation span").eq(i).css("background-color", "#ca2c29");

	})
})