$(function() {

	$("div#merken").smoothDivScroll({autoScroll: "always", autoScrollDirection: "endlessloopright", autoScrollStep: 1, autoScrollInterval: 15});

	$("div#merken").bind("mouseover", function() {

		$(this).smoothDivScroll("stopAutoScroll");

	}).bind("mouseout", function() {

		$(this).smoothDivScroll("startAutoScroll");

	});

});



(function( $ ){

	$.fn.featuredcases = function(options) {

		var defaults = {

			interval: 5000,

			speed: 800,

			slwidth: $(this).width(), 

		};

		var settings = $.extend({}, defaults, options);  		

		if (settings.interval <= settings.speed) {

			settings.speed = settings.interval - 100;	

		}

		this.each(function() {		   

			var $this = $(this); //store reference	

			$('.buttons').css({'visibility':"visible"});

			$('.caption').hide();

			$('.buttons li:first').addClass("current");

			var imgSrc = $('.buttons li.current a').attr("href");

			var rel = $('.buttons li.current a').attr("rel");

			$('.buttons li a').each (function (i){

				$this.append("<a href='" + $(this).attr("rel") + "'><img src='" + $(this).attr("href") + "' class='buffer' /></a>");

				$(this).attr("alt", $(this).text()).text(i+1);

			});

			$this.prepend("<a href='" + rel + "'><img src='" + imgSrc + "'/></a>");

			$($this).find('img').not('.buffer').css({ position:"absolute", top:0, left:0 });

			$('.caption').fadeIn(500);

			rotator = setInterval(function() {nextslide($this, settings)}, settings.interval);

			$('.buttons li a').click(function(evt) {

					evt.preventDefault();

					clearInterval(rotator);

					var imgSrc = $(this).attr("href");

					var title = $(this).attr("title");

					var alt = $(this).attr("alt");

					var rel = $(this).attr("rel");

					$($this).find('img').eq(1).attr("src", imgSrc).show(0);

					$('.caption').fadeOut(100, function () {

						$($this).find('img').eq(0).fadeOut(100, function() {

							$($this).find('img').eq(0).attr("src", imgSrc).show(0);

							$('.fulllink').html("<a href='" + rel + "'>" + alt + "</a>");

							$('.caption h2').text(alt);

							$('.caption p').html(title);

							$('.caption').fadeIn(500);	

						});

					});

					$('.buttons li.current').removeClass("current");

					$(this).parent().addClass("current");

					rotator = setInterval(function() {nextslide($this, settings)}, settings.interval);

			});			

		});					 

		return this;

	};

	

	nextslide = function ($this, settings) {

		$($this).find('img').eq(1).css({opacity:"0.0"});

		var nextImage = $('.buttons li.current').next();

		if (nextImage.length == 0) {

			$('.buttons li.current').removeClass("current").siblings(":first").addClass("current");

		} else {

			$('.buttons li.current').removeClass("current").next().addClass("current");

		}

		var imgSrc = $('.buttons li.current a').attr("href");

		var title = $('.buttons li.current a').attr("title");

		var alt = $('.buttons li.current a').attr("alt");

		var rel = $('.buttons li.current a').attr("rel");

		$($this).find('img').eq(1).attr("src", imgSrc).animate({opacity:"1.0"},(settings.speed));

		$('.caption').fadeOut(100, function () {

			$($this).find('img').eq(0).animate({opacity:"0.0"}, settings.speed, function() {

				$(this).attr("src", imgSrc).css({opacity:"1.0"});

				$('.fulllink').html("<a href='" + rel + "'>" + alt + "</a>");

				$('.caption h2').text(alt);

				$('.caption p').html(title);

				$('.caption').fadeIn(500);

			});

		});

	};

})( jQuery );





$('document').ready(function () {

		$('#featuredcases').featuredcases({interval:6000, speed:300});

});