//Plugin para animar banners sin flash
//Colbit Informatica
				
(function($) 
{
	$.fn.animarBanner = function(objetosAnimados)
	{
		var imagenFondo = this.css("background-image").replace(/"/g, '');
					
		for(i=0;i<objetosAnimados.length;i++)
		{
			//agregamos la capa
			var $elemento = $('<div></div>').appendTo(this);
				
			//le ponemos los estilos
			$elemento.css('position', 'absolute');
			$elemento.css('display', 'none');
			$elemento.css('left',objetosAnimados[i][0]+'px');
			$elemento.css('top',objetosAnimados[i][1]+'px');
			$elemento.css('width',objetosAnimados[i][2]+'px');
			$elemento.css('height',objetosAnimados[i][3]+'px');
			$elemento.css('background-position','-'+objetosAnimados[i][0]+'px -'+objetosAnimados[i][1]+'px' );
			$elemento.css('background-image', imagenFondo);
		}
		
		//funcion recursiva para animar los elementos uno tras otro
		function fundidos(jq)
		{                   //velocidad de la animacion p.def 600ms
			jq.eq(0).fadeIn(600, function()
			{
				(jq=jq.slice(1)).length && fundidos(jq);
			});
		}		

		var bannerID = $(this).attr('id');
		fundidos( ($('#'+bannerID+' div')) )		
	}
})(jQuery);