/*
Script: slideBlind.js
	slideBlind - jQuery-based blinds slideshow

Version: 
	1.0

License:
	MIT-style license.

Copyright:
	Copyright (c) 2009 [Ciprian Ionescu](http://ciprianionescu.com/).

Dependencies:
	- jquery 1.3.2 or higher [jquery.js](http://www.jquery.com/)
*/

(function($) {
	$.slideBlind_items = 0;
	$.fn.slideBlind = function(options) {

		var opts = $.extend( {}, $.fn.slideBlind.defaults, options);
		var availableImagesArray = [];
		$.slideBlind_items++;
		
		return this.each(function(i) {

			$("<div style='position:relative; width: " + $(this).width() + "px;height: " + $(this).height() + "px;'></div>").appendTo($(this));
			var slideBlindContainer = $(this).find('div')[0];
			var slideBlindContainerWidth = $(slideBlindContainer).width();
			var slideBlindContainerHeight = $(slideBlindContainer).height();
			var activeImage = -1;
			var activeElement = $.slideBlind_items;

			$(opts.imagesArray).each(function(i) {
				var img = new Image();
				$(img).load(function() {
					$(this).hide();
					var div = $('<div class="main_image"></div>').css({
						'background-image': "url('"+this.src+"')",
						'background-position': '0 0',
						'width': slideBlindContainerWidth+"px",
						'height': slideBlindContainerHeight+"px",
						'position': 'absolute',
						'top': 0,
						'left': 0
					}).appendTo(slideBlindContainer).hide();
				}).error(function() {
					//in case of error
				}).attr( {
					'src' : this.src
				});
				
			});
			
			animateNextImage();
			
			function animateNextImage(){
				var nextImageIndex = -1;
				var imagesArray = $(slideBlindContainer).find('div.main_image');
				var totalImages = imagesArray.size();
				if(totalImages == 0){
					$(slideBlindContainer).animate({'opacity':$(slideBlindContainer).css('opacity')}, opts.slideDureation, 'linear', function(){animateNextImage()});
					return;
				}else{
					if(totalImages < activeImage+2){
						nextImageIndex = 0;
					}else{
						nextImageIndex = activeImage + 1;
					}
					
					if(nextImageIndex > totalImages) nextImageIndex = 0;
					
					$(slideBlindContainer).find('div.main_image').hide();
					if(activeImage>=0) $(slideBlindContainer).find('div.main_image:eq('+activeImage+')').show();
					
					$(slideBlindContainer).find('div.animation_div_'+activeElement).remove();
					
					$("<div class=\"animation_div_"+activeElement+"\"></div>").css({
						'width': slideBlindContainerWidth+"px",
						'height': slideBlindContainerHeight+"px",
						'position': 'absolute',
						'overflow': 'hidden',
						'top': 0,
						'left': 0
					}).appendTo(slideBlindContainer).show();
					
					activeImage = nextImageIndex;
					
					for (x=0; x<opts.animatePieces; x++ ){
						if(opts.orientation == 'vertical'){
							$(imagesArray[nextImageIndex]).clone().css({
								'width': Math.ceil(slideBlindContainerWidth/opts.animatePieces)+"px",
								'left': x*Math.ceil(slideBlindContainerWidth/opts.animatePieces)+"px",
								'background-position': "-"+(x*Math.ceil(slideBlindContainerWidth/opts.animatePieces))+"px 0",
								'top':0,
								'opacity': 0
							}).removeClass('main_image').show().appendTo($(slideBlindContainer).find('div.animation_div_'+activeElement)[0]).attr('alt', x);
						}else if(opts.orientation == 'horizontal'){
							$(imagesArray[nextImageIndex]).clone().css({
								'height': Math.ceil(slideBlindContainerHeight/opts.animatePieces)+"px",
								'top': x*Math.ceil(slideBlindContainerHeight/opts.animatePieces)+"px",
								'background-position': "0 -"+(x*Math.ceil(slideBlindContainerHeight/opts.animatePieces))+"px",
								'left':0,
								'opacity': 0
							}).removeClass('main_image').show().appendTo($(slideBlindContainer).find('div.animation_div_'+activeElement)[0]).attr('alt', x);
						}
						
						setTimeout("$('div.animation_div_"+activeElement+">div:eq("+x+")').animate({opacity:1},"+(opts.animatePiecesAtOnce*opts.animatePieceDuration)+",'linear',function(){});",x*opts.animatePieceDuration);
					
						$(slideBlindContainer).animate({'opacity':$(slideBlindContainer).css('opacity')}, opts.slideDuration, 'linear', function(){
							animateNextImage()
						});

					}
				return;
				}
			}
			
		});
	
	}
	
	$.fn.slideBlind.defaults = {
		animate : false,
		animatePieces : 10,
		animatePiecesAtOnce : 5,
		animatePieceDuration : 100,
		orientation: 'vertical',
		slideDuration : 5000,
		imagesArray : [ ]
	}
})(jQuery);