$.fn.cclamellen = function(options)
{
	
	var defaults = {
						largeWidth:	310,
						opacity: 0.8,
						fadeTime: 500
	};
	
	var opts = $.extend(defaults, options);

	return this.each(
		function()
		{
			var $this = $(this);
					
// De lamellen initieel goed zetten
			$.fn.cclamellen.loader(opts, $this);
			
// De hover event plaatsen op de lamellen
			$this.find("li").mouseenter(
					function(iIndex, sValue)
					{										
						var iIndex = $this.find("li").index(this);
						var aLiRight = $this.find("li:gt("+iIndex+")");
						
						if (iIndex > 0)
						{
							var aLiLeft = $this.find("li:lt("+iIndex+"):not(:first), li:eq("+iIndex+")");
						}
						else
						{
							var aLiLeft = $this.find("li:lt("+iIndex+"):not(:first)");
						}
						
						var aLiRest = $this.find("li:not(:eq("+iIndex+"))");
						
						aLiRight.each( 
							function()
							{
								var iL = $(this).data('left');
								$(this).animate({left: iL+"px"}, {queue: false, duration: opts.fadeTime});
							}
						);
							
						aLiLeft.each(
							function()
							{
								var iL = $(this).data("leftWide");
						
								$(this).animate({left: iL+"px"}, {queue: false, duration: opts.fadeTime});											
							}
						);

						aLiRest.each(
							function()
							{
								$(this).find(".overlay-big").animate(
										{
											opacity: 0
										},
										{
											duration: opts.fadeTime,
											queue: false
										}
								);
								
								$(this).find(".overlay-small").animate(
												{
														opacity: opts.opacity
													},
													{
														duration: opts.fadeTime,
														queue: false
													}
											)
										}
								);
																
								$(this).find(".overlay-big").animate(
										{
											opacity: opts.opacity
										},
										{
											duration: opts.fadeTime,
											queue: false
										}
								);
		
								$(this).find(".overlay-small").animate(
										{
											opacity: 0
										},
										{
											duration: opts.fadeTime,
											queue: false
										}
								);		
					}
			);


		}
	);
}

$.fn.cclamellen.loader = function(opts, oBlock)
{
	var width = oBlock.width();
	var aantal = oBlock.find('li').length;
	var iIndex = 0;
	
// De breedte van de smalle lamellen uitrekenen
	var widthSmall = (width-opts.largeWidth)/(aantal-1);
// Het verschil van de left uitrekenen voor het uitrekken
	var min = opts.largeWidth-widthSmall;
	
// De breedte van de verschillende lamellen zetten
	oBlock.find('li').width(opts.largeWidth);
	oBlock.find("li:first").css("left", "0px").width(opts.largeWidth);

// De positie van de smalle lamellen zetten
	oBlock.find("li:not(:first)").each(
			function()
			{		
				var left = opts.largeWidth+(iIndex*widthSmall);
				var leftWide = left-min;
								
				$(this).css('left', left+"px");
				$(this).data("left", left);	
				$(this).data('leftWide', leftWide);
							
				iIndex++;
			}
	);
	
	oBlock.find("li:first .overlay-small").css("opacity", 0);
	oBlock.find("li:first .overlay-big").css("opacity", opts.opacity);
	oBlock.find("li:not(:first) .overlay-big").css("opacity", 0);
	oBlock.find("li:not(:first) .overlay-small").css("opacity", opts.opacity);

	oBlock.css("visibility", "visible");
}