/*
function slide(navigation_id, pad_out, pad_in, time, multiplier)  
 {  
     // creates the target paths  
     var list_elements = navigation_id + " img.zoom";  
     var link_elements = list_elements + " a";  
       
     // initiates the timer used for the sliding animation  
     var timer = 0;  
       
    // creates the slide animation for all list elements   
    $(list_elements).each(function(i)  
    {  
        // margin left = - ([width of element] + [total vertical padding of element])  
        $(this).css("margin-left","-180px");  
        // updates timer  
        timer = (timer*multiplier + time);  
        $(this).animate({ marginLeft: "0" }, timer);  
        $(this).animate({ marginLeft: "15px" }, timer);  
        $(this).animate({ marginLeft: "0" }, timer);  
    });  
  
}  





window.addEvent('domready', function()   {  
     slide([navigation_id], [pad_out], [pad_in], [time], [multiplier]);  
 });  

*/







window.addEvent('load', function(){
var list = $$('img.zoom');


	list.each(function(element) {

        var fx = new Fx.Styles(element, {duration:1000, wait:true, transition: Fx.Transitions.Elastic.easeOut}); // duration was 200 before // 500 before

	    element.addEvent('domready', function(){
		  fx.start({
			  'margin-left': '0px',
			  'margin-right' : '0px',
			  'margin-bottom' : '-60px',
			  'color' : '#fff',
			  'height' : '65px',
			  'opacity' : '.1',
		  }).chain(function() {
			 this.start.delay(0,this, { 'height' : '60px', 'margin-bottom' : '-55', 'margin-left' : '20px', 'margin-right' : '20px',});
		  }).chain(function() { 
			 this.start.delay(50,this, { 'margin-left' : '20px', 'margin-right' : '20px', 'margin-bottom' : '-50', 'height' : '65px', 'opacity' : '.6', });
		  });
		
	


	     });
     
        });
// });








list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:700, wait:false, transition: Fx.Transitions.Elastic.easeOut}); // duration was 200 before // 500 before //elastic before


 
	element.addEvent('mouseenter', function(){
		fx.start({
			//'margin-left': '20em',
			//'margin-right' : '20em',
			'margin-bottom' : '-40px',
			'color' : '#fff',
			//'height' : '68px',
			'opacity' : '1',
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			//'margin-left': '0em',
			//'margin-right' : '0em',
			//'color': '#fff',
			//'height' : '65px',
			 'opacity' : '.6',
			'margin-bottom' : '-50',
		});
	});


	element.addEvent('click', function(){
		fx.start({
			//'margin-left': '20em',
			//'margin-right' : '20em',
			//'opacity': '0', 
			//'color' : '#fff',
			//'height' : '500px',
			'margin-bottom' : '200',
			'opacity' : '.5',
			
		});
	});

 
});
 }); //