var cale_imagini = "images/";

//<a href="#3" class="animatie" style="position:relative;"><img id="etichetare" src="images/etichetare.gif" height="64" width="51" alt="etichetare" style="position:absolute;left:120px;top:40px;" /><span>ETICHETARE</span></a>

$(document).ready(function(){

	$(".animatie").each(function (i){           

            var id		= $(this).attr("id");            

            var obj     = $("#imagine_"+id);
                        
			var width   = obj.width() ;

			var lft     = parseInt( obj.css("left") );

			var padd    = Math.floor(width/2);

			var queue   = "animatie_"+ id ;
			

			var temp = new Image();

			temp.src = cale_imagini+id+"_flip.png";


			$(obj).animate( {}, {duration : 0, queue: queue});
			

			$(this).hover(function(){

					$.fxqueue(queue).stop();

					$(obj).animate( {width: "0px", left: (padd + lft)+"px"}, {duration : 400, queue: queue, complete : function() {$(obj).attr("src",cale_imagini+id+"_flip.png");}});	

					$(obj).animate( {width: width+"px", left: lft + "px"}, {duration : 400, queue: queue});

				  },function(){

				    $.fxqueue(queue).stop();

					$(obj).animate( {width: "0px", left: (padd + lft)+"px"}, {duration : 400, queue: queue, complete : function(){$(obj).attr("src",cale_imagini+id+".png")}});

					$(obj).animate( {width: width+"px", left: lft+ "px"}, {duration : 400, queue: queue});

	        });});

   

});