// jQuery plugin - Dolphin Promo Images
(function($){
	$.fn.dolPromo = function( iInterval, fRatio ) {
		function resizeMyImage($Img) {
			$Img.css( { width: 'auto', height: 'auto', left: 0, top: 0 } );
			
			if( $Img.width() > $promo.width() ) {
				var fImgRatio =  $Img.height() / $Img.width();
				$Img.width( $promo.width() ).height( Math.round( $promo.width() * fImgRatio ) );
			}
			
			if( $Img.height() > $promo.height() ) {
				var fImgRatio = $Img.width() / $Img.height();
				$Img.width( Math.round( $promo.height() * fImgRatio ) ).height( $promo.height() );
			}
			
			if( $Img.width() < $promo.width() ) {
				var left = Math.round( ( $promo.width() - $Img.width() ) / 2 );
				$Img.css( 'left', left );
			}
			
			if( $Img.height() < $promo.height() ) {
				var top = Math.round( ( $promo.height() - $Img.height() ) / 2 );
				$Img.css( 'top', top );
			}
		}
		
		function switchThem() {
			if( typeof ePrev != 'undefined' )
				ePrev.fadeOut( 1000 );
			
			eNext.fadeIn( 1000 );
			
			ePrev = eNext;
			eNext = eNext.next( 'img' );
			
			if( !eNext.length )
				eNext = $( 'img:first', $promo );
		}
		
		function resetPromoSize() {
			$promo.height( 200 );
		}
		
		//default parameters
		var iInterval = iInterval || 3000; //switching interval in milliseconds
		var fRatio = fRatio || 0.28125; //main div size proportion (height/width)
		
		var $promo = this;
		
		resetPromoSize();
		
		$( 'img', $promo ) //get all images
		.each( function() { //for each image
			var $Img = $(this); //get current image
			
			var imgOnload = function() { //when the image is loaded
				$Img.hide();
				resizeMyImage( $Img );
			};
			
			if( document.all ) //ie
				$Img.ready( imgOnload );
			else
				$Img.bind( 'load', imgOnload );
		} );
		
		//run switching
		var eNext = $( 'img:first', $promo );
		var ePrev;
		
		switchThem();
		setInterval( switchThem, iInterval );
		
		
		var iOldWidth = $promo.width()
		//attach event on window resize
		$(window).resize( function() {
			resetPromoSize();
			var iNewWidth = $promo.width();
			
			if( iOldWidth != iNewWidth ) { //if the main div width is changed
				iOldWidth = $promo.width();
				
				$( 'img', $promo ).each( function() {
					var $Img = $(this);
					resizeMyImage( $Img );
				} );
			}
		} );
	};
})(jQuery);