jQuery.fn.carousel = function(previous, next, options){
	var sliderList = jQuery(this).children()[0];
	
	if (sliderList) {
		var increment = jQuery(sliderList).children().outerWidth("true"),
		elmnts = jQuery(sliderList).children(),
		numElmts = elmnts.length,
		sizeFirstElmnt = increment,
		shownInViewport = Math.round(jQuery(this).width() / sizeFirstElmnt),
		firstElementOnViewPort = 2,
		isAnimating = false,
		animationTime = 1000;
		
		for (i = 0; i < shownInViewport+2; i++) {
			jQuery(sliderList).css('width',(numElmts+shownInViewport)*increment + increment + increment + "px");
			jQuery(sliderList).append(jQuery(elmnts[i]).clone());
		}
		
		//Lijst verplaaatsen naar startpositie voor slider homepage
		jQuery(sliderList).css('left', "-" + (numElmts-1) * sizeFirstElmnt + "px");
		firstElementOnViewPort = numElmts;
		$($('#home-slider').children()[firstElementOnViewPort-1]).addClass('left');
		$($('#home-slider').children()[firstElementOnViewPort-1]).children().children().addClass('left');
		$($('#home-slider').children()[firstElementOnViewPort+1]).addClass('right');		
		$($('#home-slider').children()[firstElementOnViewPort+1]).children().children().addClass('right');		
		
		jQuery(previous).click(function(event){
			if (!isAnimating) {
				$('#nav').fadeOut(animationTime/3, function () {
					if (firstElementOnViewPort == 1) {
						jQuery(sliderList).css('left', "-" + numElmts * sizeFirstElmnt + "px");
						firstElementOnViewPort = numElmts;
					}
					else {
						firstElementOnViewPort--;
					}
					
					jQuery(sliderList).animate({
						left: "+=" + increment,
						y: 0,
						queue: false
					}, animationTime, function(){
						$('#nav').fadeIn(animationTime/3, function() {	
							isAnimating = false;
						});
					});
					isAnimating = true;
					var huidig = $('#home-slider').children()[firstElementOnViewPort];
					var var2 = $($(huidig).children()[0]).children()[2];
					$('.omschrijving').hide();
					setTimeout(function() {
						$(var2).fadeIn(1500);
					}, animationTime);
					
					changeSize(firstElementOnViewPort, huidig, animationTime);
				});
			}
		});
		
		jQuery(next).click(function(event){
			if (!isAnimating) {
				$('#nav').fadeOut(animationTime/3, function () {
					if (firstElementOnViewPort > numElmts) {
						firstElementOnViewPort = 2;
						jQuery(sliderList).css('left', "0px");
					}
					else {
						firstElementOnViewPort++;
					}
					jQuery(sliderList).animate({
						left: "-=" + increment,
						y: 0,
						queue: false
					}, animationTime, function(){
						$('#nav').fadeIn(animationTime/3, function() {	
							isAnimating = false;
						});
					});
					isAnimating = true;
					var huidig = $('#home-slider').children()[firstElementOnViewPort];
					var var2 = $($(huidig).children()[0]).children()[2];
					$('.omschrijving').hide();
					setTimeout(function() {
						$(var2).fadeIn(1500);
					}, animationTime);
					changeSize(firstElementOnViewPort, huidig, animationTime);
				});
			}
		});
		
	}
};

function changeSize(firstElementOnViewPort, element, animationTime) {
		$('#home-slider li').removeClass('left active right');
		$('#home-slider li').children().children().removeClass('left right');
		$('#home-slider li').children().removeClass('active');
		$('#home-slider li').children().children().removeClass('active');
		$(element).children().children().addClass('active', 700);
		$(element).children().addClass('active', 700);
		$(element).addClass('active',700);
		$($('#home-slider').children()[firstElementOnViewPort-1]).addClass('left');
		$($('#home-slider').children()[firstElementOnViewPort-1]).children().children().addClass('left');
		$($('#home-slider').children()[firstElementOnViewPort+1]).addClass('right');
		$($('#home-slider').children()[firstElementOnViewPort+1]).children().children().addClass('right');
}


$(document).ready(function(){
	$('#slider').carousel('.naar-links', '.naar-rechts');
	$('#slider-overlay a').css('width', ($(window).width()-1050)/2);
});