window.addEvent('domready',function(){
 
	$$('.myImages').each(function(e){
			
			var img = e.getChildren();
			img = img[0];
			
			img.set('z-index','0');
			var txt		 = img.get('alt');
			var width 	 = img.width;
			var orgHeight = img.height;
			var height 	 = Math.round(img.height / 1);

			var container = new Element('div', {
				'styles': {
								'width':width,
								'height':0,
								'z-index':9999,
								'opacity':'100',
								'color':'#fff',
								'background-color':'#6b7d84',
								'position':'absolute',
								'top':0,
								'left':0,
								'visibility':'visible',
								'text-align':'center',
								'font-family':'Arial',
								'font-size':'12px',
								'padding':'0px',
								'overflow':'hidden',
								'background-image':'url(images/nav/'+txt+'.gif)',
								'background-position':'top',
								'background-repeat':'no-repeat'
		
						}
			})
		
			container.injectInside(e);
			e.addEvent('mouseenter',function(){
				var morph = new Fx.Morph(container, { duration:500, wait:false, transition:Fx.Transitions.Quad.easeOut });
				morph.start({ 
				//'opacity':[0,0.6],
				'height':[0,height]				
			  	 });
				 //container.set('html',txt);
			})
		
			e.addEvent('mouseleave',function(){
			
				var myfunction = function(){
					var morph = new Fx.Morph(container, { duration:800, wait:false, transition:Fx.Transitions.Quad.easeOut })
				morph.start({ 
				'height':[height,0]				
			  	 });					
				};
				myfunction.delay(500);
				

		})
	})
})