var OverflowPhoto = new Class({
	Implements: [Events],
	
	initialize: function(){
		this.initEvents($$('div.project_photos a'));
	},
	
	show: function(project){
		project.retrieve('fx').start({'opacity' : 0.8});
	},
	
	hide: function(project){
		project.retrieve('fx').start({'opacity' : 0});
	},
	
	initEvents: function(elements){
		elements = $$(elements);
		if (elements.length > 0){
			elements.each(function(element){
				var cover = element.getElement('span.cover');
				element.store('fx', new Fx.Morph(cover, {duration:250, link:'cancel'}));
				(function(){
				cover.getElement('img').setStyles({'margin-top' : (element.getChildren('img')[0].getCoordinates().height-cover.getElement('img').getCoordinates().height)/2});
				}).periodical(1000, this);
				
				element.addEvents({
					mouseenter: function(){
						this.show(element);
					}.bind(this),
					
					mouseleave: function(e){
						this.hide(element);
					}.bind(this)
				});
			}.bind(this));
		}
	}
});