var Overflow = new Class({
	Implements: [Events],
	
	initialize: function(){
		this.initEvents($$('div.projects div.project, div.projects_wrapper div.project, div.projects_cache div.project'));
	},
	
	show: function(project){
		project.retrieve('fx').set({'z-index' : 1});
		project.retrieve('fx').start({'opacity' : 1});
	},
	
	hide: function(project){
		project.retrieve('fx').start({'opacity' : 0}).chain(function(){
			project.retrieve('fx').set({'z-index' : -1});
		});
	},
	
	initEvents: function(elements){
		elements = $$(elements);
		if (elements.length > 0){
			elements.each(function(element){
				element.store('fx', new Fx.Morph(element.getElement('div.overflow_wrapper'), {duration:250, link:'cancel'}));
				element.getElements('a').set('title', '');
				
				element.addEvents({
					mouseenter: function(){
						this.show(element);
					}.bind(this),
					
					mouseleave: function(e){
						this.hide(element);
					}.bind(this)
				});
			}.bind(this));
		}
	}
});