(function($){

	
	var images = new Array();
	
	var delay = 3000;
	var fadeDelay = 2000;
	var moveTime = 7000;
	
	var currentIndex = 0;
	var current = null;
	var currentIn = null;	
	
	function setupSlideshow(obj) {
	
		$(obj).find('img').each(function(index, item) {
			if (! current) {
				current = item;
				currentIndex = index;
				moveImage(item);				
			} else {
				$(item).css({
					display: 'none'
				});
								
			}
				
			images.push(item);
		});
		
		setTimeout(nextImage, delay);
	}
	
	function nextImage() {
		if (currentIn) current = currentIn;
		$(current).fadeOut(fadeDelay);
		currentIndex++;
		
		if (currentIndex == images.length) currentIndex = 0;
		
		currentIn = images[currentIndex];
		
		$(currentIn).fadeIn(fadeDelay, startTimer);
		
		moveImage(currentIn);
		
	}
	
	function moveImage(item) {
	
		var dir = $(item).attr('direction');
	
		var prop = {
			duration: moveTime,
			queue: false
		};
	
		if (dir == 'ud') {
			$(item).css({
				top: -110,
				left: 0			
			});
			
			$(item).animate({
				top: 0
			}, prop);				
		} else if (dir == 'du') {
			$(item).css({
				top: 0,
				left: 0
			});

			$(item).animate({
				top: -110
			}, prop);				
		} else if (dir == 'lr') {
			$(item).css({
				top: 0,
				left: -110			
			});
			
			$(item).animate({
				left: 0
			}, prop);							
		} else if (dir == 'rl') {
			$(item).css({
				top: 0,
				left: 0			
			});
			
			$(item).animate({
				left: -110
			}, prop);							
		}
		
	}

	function startTimer() {
		setTimeout(nextImage, delay);	
	}
	

	$.fn.slideshow = function() {
		return this.each(function(index, item) {
			setupSlideshow(item);
		});
	}

})(this.jQuery);

$('#slideshow').slideshow();