// Plugin img_ajustables (Ajuste y centrado de imágenes al contenedor)
// Versión 1.0
// Autor: Rodolfo Yllada
// Fecha: 30 de Septiembre de 2008
// Nota:  Se recomienda la llamada a la función dentro de $(window).bind('load', function(){}); 
//        en vez de dentro de $(document).ready(function(){}); ya que así nos cersioramos de que todas las imágenes
//        han sido descargadas antes de aplicarles la función.
// Ejemplo de uso: $('.imagen_ajustable').each(function(){$(this).AjustarImagen();});


jQuery.fn.AjustarImagen = function(ancho, alto) {
	var AnchoImagen = $(this).width();
	var AltoImagen = $(this).height();
	
	if ((ancho != '') && (alto != '')){	
		var AnchoContenedor = ancho;		
		var AltoContenedor = alto;
	}else{
		var AnchoContenedor = $(this).parent().width();		
		var AltoContenedor = $(this).parent().height();
	}
			
	if (AltoContenedor >= AnchoContenedor){
		if (AltoImagen >= AnchoImagen){
			$(this).width(AnchoContenedor); //contenedor vertical e imagen vertical
					
			if ($(this).height() < AltoContenedor){
				$(this).height(AltoContenedor);	
				$(this).css('width','');
			}
		}else{
			$(this).height(AltoContenedor); //contenedor vertical e imagen apaisada
			
			if ($(this).width() < AnchoContenedor){
				$(this).width(AnchoContenedor);
				$(this).css('height','');	
			}
		}
	}else{
		$(this).width(AnchoContenedor); //contenedor apaisado
					
		if ($(this).height() < AltoContenedor){
			$(this).height(AltoContenedor);
			$(this).css('width','');
		}				
	}
			
	AnchoImagen = $(this).width();		
	AltoImagen = $(this).height();
			
	var OffSetAncho = (AnchoContenedor - AnchoImagen) / 2;
	var OffSetAlto = (AltoContenedor - AltoImagen) / 2;
			
	$(this).css('margin-left', OffSetAncho);
	$(this).css('margin-top', OffSetAlto);
}