/**
 *	jquery.imagefade.js
 *
 *	JQuery Plugin to fade transition stacked, absolutely positioned images in a container
 */
(function($)
{	
	/**
	 *	panelSlider Fucntion
	 */
	$.fn.imageFade = function( settings )
	{
		/**
		 *	Default settings, merge these with settings in parameters
		 */
		settings = jQuery.extend(
		{
    		speed		:	1000,					//time taken to fade an image
			imageClass	:	'.homepage-photo',		//class of images to fade
			delay		:	9000					//delay between fades
  		}, settings);
	
		/**
		 *	Each matching element
		 */
		return this.each(function()
		{	
			setTimeout( fadeImg , settings.delay );
			/**
			 *	Fade Top image and move to back
			 */
			function fadeImg()
			{
				var $container = $('#picture-box');
				var $photos = $container.find( settings.imageClass );
				$lastImg = $container.find( settings.imageClass + ':last' );
				$lastImg.fadeOut( settings.speed , 
					function()//callback
					{
						$lastImg.clone().prependTo( $container ).show();
						$lastImg.remove();
						setTimeout( fadeImg , settings.delay );
					});
			};
			
		});//each
				
	};
		
})(jQuery); // Pass jQuery object in as $