//plugin de galerie

(function($){
	
	$.fn.galerie = function(args){
		
		args = $.extend({
			theight: '100',
			twidth: '100',
			bheight: '300',
			bwidth: '300',
			container : ''
		}, args);
		
		if(args.container != ''){
			var _wrapper = $(args.container);
		}
		else{
			$(this).before('<div class="wrapper"></div>')
			var _wrapper = $('.wrapper');
		}
		
		if($(this).find('li').length > 0){
			
			$(this).find('li').each(function(i){
				
				var _thumb = $(this);
				
				$.galerie.redim(_thumb.find('img'), args.twidth, args.theight);
				
				var largeur_big = _thumb.find('a').attr('width');
				var hauteur_big = _thumb.find('a').attr('height');
				
				var url_image = _thumb.find('a').attr('href');
				
				_thumb.find('a').attr('href', 'javascript:;');
				
				_thumb.mouseenter(function(){
					
					_wrapper.html('<img id="img-big" height="'+hauteur_big+'" width="'+largeur_big+'" src="'+url_image+'" />');
					
					$.galerie.redim($('#img-big'), args.bwidth, args.bheight);
					
				});
				
				//activation de la premiere image
				if(i == 0){
					
					_wrapper.html('<img id="img-big" height="'+hauteur_big+'" width="'+largeur_big+'" src="'+url_image+'" />');
					
					$.galerie.redim($('#img-big'), args.bwidth, args.bheight);
				}
		
			});
		}
		
		return $(this);
	};
	
	
	
	$.galerie = {
		redim: function(obj, width, height){
			//alert(obj.attr('width'));
			obj.hide();
			//obj.addClass('gal-redim');
			//on mets les dimensions en dur ....
			//pour chrome et safari sinon ca couille faudra s'assurer que ca ne
			//pose pas de problemes avec d'autre articles dont les photos ne sont pas au meme ratio
			var or_w = obj.width();
			var or_h = obj.height();
			//----------------------------------
			var coef1 = obj.width() / width;
			var coef2 = obj.height() / height;
			var coef = coef1 > coef2 ? coef1 : coef2;
	
			var new_w = Math.round(or_w / coef);
			var new_h = Math.round(or_h / coef);
			
			if(new_w > or_w){
				obj.width(or_w);
				obj.height(or_h);
			}
			else{
				obj.width(new_w);
				obj.height(new_h);
			}
			
			//alignement des images
			var hauteur_cont = obj.parent().parent().height();
			var margeh = (hauteur_cont - obj.height()) / 2;
			obj.css('margin-top', margeh+'px');
			var largeur_cont = obj.parent().parent().width();
			var margev = (largeur_cont - obj.width()) / 2;
			obj.css('margin-left', margev+'px');
	
			obj.show();
		
		}
	};
	
	
})(jQuery);