var effectFade = [];
var effectAppear = [];
var duracion = 0.25;
var imgTransition = Class.create({
	initialize: function(container){		
		this.name = 'imgTransitions';
		this.elements = [];
		this.effectOver = null;
		this.effectOut = null;
		
			$$("."+container+" > a").each(
			function(elemento,rank){
				var div = new Element('div',{'id':container+rank});				
				div.className = elemento.className;
				div.setStyle({'position':'absolute'});
				elemento.insert(div);
				var hover = new Element('div',{'id':container+rank+'_hover'});				
				hover.className = elemento.className+'_hover';				
				hover.setStyle({'position':'absolute','display':'none'});				
				elemento.insert(hover);				
				elemento.setStyle({'background':'','display':'block'});								
				effectFade[container+rank] = 0;
				effectAppear[container+rank] = 0;
				elemento.onmouseover = function(){								
					if(effectAppear[container+rank]) effectAppear[container+rank].cancel();
					if(effectFade[container+rank]) effectFade[container+rank].cancel();
					effectFade[container+rank] = Effect.Fade(container+rank,{ duration: duracion});						
					effectAppear[container+rank] = Effect.Appear(container+rank+'_hover',{ duration: duracion});						
				};
				elemento.onmouseout = function(){		
					if(effectAppear[container+rank]) effectAppear[container+rank].cancel();
					if(effectFade[container+rank]) effectFade[container+rank].cancel();				
					effectAppear[container+rank] = Effect.Appear(container+rank,{ duration: duracion});
					effectFade[container+rank] = Effect.Fade(container+rank+'_hover',{ duration: duracion});			
				};
			});			
	}
});