// JavaScript Document

(function($){
	
	var dim_ani = 100;
	var dim_orig = 50;
	
	$.fn.zoomimg = function(options){
		
		//cambio il nome all'oggetto (x comodità)
		var $this = this;//this è già un oggetto jQuery
		
		//configurazione del plugin
		/*var config = {v_align : 'middle'}//allineamento verticale
			
		if (options) $.extend(config,options);//eventuali opzioni modificate nell'inizializzazione*/
			
		$.extend({
			eventi : function(){//eventi del controllo
				$this.bind('mouseenter',function(){
					var $img = $(this);
					
					$img.css('z-index',1000)
						.stop(true,false).animate({'width':dim_ani,'height':dim_ani,
																			'margin-left':dim_ani/4 * -1,'margin-top':dim_ani/4 * -1});
					$img.find('img').stop(true,false).animate({'width':dim_ani,'height':dim_ani});
					
				});//fine mouse enter
				
				$this.bind('mouseleave',function(){
					var $img = $(this);
					
					$img.stop(true,false).animate({'width':dim_orig,'height':dim_orig,
																					'margin-left':0,'margin-top':0},function(){
																						$img.css('z-index',0)
																				});//fine animate
					$img.find('img').stop(true,false).animate({'width':dim_orig,'height':dim_orig});
				});//fine mouse leave
			}//fine eventi
		});//fine extend
		
		$.eventi();//richiama gli eventi del controllo
		
	}//fine sfondo
	
})(jQuery);//fine function ricorsiva