$(document).ready(function() {
	
	var slides_number = $(".container_one_story").length;
	var current_slide = 1;
	var active_slides_number = 3;
	var mouseOver = false;
	var delay = 5000; //5 seconds
	var carousel_thumb_prefix = "carousel_thumb_";
	var carousel_story_prefix = "carousel_story_";

	$(".container_one_thumb,.container_one_story").mouseover(function() {
		current_slide = $(this).attr('id').substr(carousel_thumb_prefix.length);
		goToSlide(current_slide);
		mouseOver = true;
	}).mouseout(function(){
		mouseOver = false;
	});

	$("#carousel_left_arrow").click(function() {
		$(".container_one_thumb").each(function() {
			if ($(this).hasClass('container_one_thumb_hover')) {
				current_slide = parseInt($(this).attr('id').substr(carousel_thumb_prefix.length));
			}
		});
		if (current_slide == 1) {
			previous_slide = slides_number;
		}
		else {
			previous_slide = current_slide - 1;
		}
		if ((current_slide % active_slides_number) == 1) {
			$(".container_one_thumb").hide();
			if (current_slide == 1) {  
                if (Math.floor(slides_number/active_slides_number) == 1) {
                    previous_slide_set_start_slide = 1;
                }
                else {
                    previous_slide_set_start_slide = Math.floor(slides_number/active_slides_number) * active_slides_number + 1;
                }
            }
			else {
				previous_slide_set_start_slide = current_slide - active_slides_number;
			}
			for (var i = 0; i < active_slides_number; i++) {
				var value_of_this_slide = parseInt(previous_slide_set_start_slide) + parseInt(i);
				$("#carousel_thumb_" + value_of_this_slide).show();
			}
		}
		goToSlide(previous_slide);
	});

	$("#carousel_right_arrow").click(function() {
		$(".container_one_thumb").each(function() {
			if ($(this).hasClass('container_one_thumb_hover')) {
				current_slide = parseInt($(this).attr('id').substr(carousel_thumb_prefix.length));
			}
		});
		if (current_slide == slides_number) {
			next_slide = 1;
		}
		else {
			next_slide = current_slide + 1;
		}
		goToSlide(next_slide);
	});
	
	$("#carousel_left_arrow,#carousel_right_arrow").mouseover(function() {
		mouseOver = true;
	}).mouseout(function(){
		mouseOver = false;
	});


	window.setInterval(function(){
		if (!mouseOver) {
		current_slide = (current_slide % slides_number) + 1;
		goToSlide(current_slide);
		}
	},delay);

	function goToSlide(current_slide) {
		//$("#carousel_thumb_" + current_slide).show("slide", { direction: "right" }, 500);
		
		if ((current_slide % active_slides_number) == 1) {
			$(".container_one_thumb").hide();
			for (var i = 0; i < active_slides_number; i++) {
				var value_of_this_slide = parseInt(current_slide) + parseInt(i);
				$("#carousel_thumb_" + value_of_this_slide).show();
			}
		}
		
		
		$(".container_one_thumb").removeClass("container_one_thumb_hover");
		$("#" + carousel_thumb_prefix + current_slide).addClass("container_one_thumb_hover");
		$(".container_one_story").hide();
		$("#" + carousel_story_prefix + current_slide).show();
	}
	
	// initialise the carousel:
	goToSlide(1);
	
	// disable text selection for buttons
	$("#carousel_right_arrow, #carousel_left_arrow, .container_one_thumb_image, .container_one_thumb_text").disableSelection();

});