/*!
 * Blur functie, blur dmv. verschillende divs plaatsen. Zie Google: jQuery Photoshoot Blur, dit is hetzelfde script, maar dan versimpeld.
 * 16-10-2010
 */

(function($){

	$.fn.blurImage = function(options){
		
		var imageCount = 1;
		
		return this.each(function(){
			
			var settings = $.extend({
				image		:	'',
				blurLevel	:	4,
				opacity		:	0.95,
				init		:	false,
				lass		: 	''
			},options);
			
			if(settings.init){
				if($(this).attr("class") != "slideLogo" && $(this).attr("class") != "slideText"){
					var src = $(this).attr("src");
					$(this).replaceWith('<div class="blurWrapper nr' + imageCount + '"></div>');
					$('.blurWrapper.nr' + imageCount + '').css("backgroundImage", "url('" + src + "')");
					$('.blurWrapper.nr' + imageCount + '').append('<div class="slideOverlay nr' + imageCount + '"></div>');
					$('.blurWrapper.nr' + imageCount + '').append('<div class="slideOverlayText nr' + imageCount + '"></div>');
				} else {
					imageCount--;
					if($(this).attr("class") == "slideLogo"){
						$(this).appendTo(".blurWrapper.nr" + imageCount + " .slideOverlay.nr" + imageCount + "");
					} else {
						$(this).appendTo(".blurWrapper.nr" + imageCount + " .slideOverlayText.nr" + imageCount + "");
					}
				}
			}
			
			var main = $(this);
			
			settings.stage = { width:$('.slideOverlay.nr' + imageCount + '').width(), height:$('.slideOverlay.nr' + imageCount + '').height() };
			
			if(settings.init){
				if($(this).attr("class") != "slideLogo" && $(this).attr("class") != "slideText"){
					/*for(var i=0;i<10;i++)
					{
						$('<div class="blur nr' + imageCount + '">').css({
								opacity		:	0,
								left		:	Math.round(-settings.blurLevel+(settings.blurLevel*2)*Math.random()),
								top			:	Math.round(-settings.blurLevel+(settings.blurLevel*2)*Math.random()),
								background	:	'url("/~sitedesign/site/~img/teaser-overlay.png") no-repeat scroll 0 0 transparent',
								width		:	settings.stage.width+'px',
								height		:	settings.stage.height+'px'
						}).appendTo($('.slideOverlay.nr' + imageCount + ''));
					}*/
				}
			} else {
				$(".slideOverlay.nr" + settings.lass.replace("slideOverlay nr", "") + "").children(".blur").animate({"opacity" : 0.15}, 250);
			}
			
			imageCount++;
			
		})
	
	}

})(jQuery);