var startFxElements =function(){
	this.start({
		'0': {'opacity' : 1},	   
		'1': {'opacity' : 0.4},
		'2': {'top': '88px','opacity' : 1}
	});	
};
var EndFxElements =function(){
	this.start({ 
		'0': {'opacity' : 0},
		'1': {'opacity' : 1},
		'2': {'top': '108px','opacity' : 0}
	});
	
};
window.addEvent('domready', function() {
	$$('.catalog-04 .item .bg').setStyles({'opacity' : 0,'background-color' : '#fff'});	
	$$('.catalog-04 .item .img-mask').setStyle('background-color','#000');	
	$$('.catalog-04 .item').each(function(e){
		var elementFxArray = e.getElements('.elementFx');
		var elementFxObject = new Fx.Elements(elementFxArray, { link: 'cancel',transition: 'quad:out',duration:300 });
		e.addEvents({
			'mouseenter' : startFxElements.bind(elementFxObject),
			'mouseleave' : EndFxElements.bind(elementFxObject)
		});		
		e.addEvents({
			'mouseenter' : function() {
				this.getElement('a').setStyle('color','#000000');
				this.setStyle('cursor','pointer');
			},
			'mouseleave' : function() {
				this.getElement('a').setStyle('color','#FFFFFF');
			},
			'click':function() {
				window.location.href = this.getElement('a').get('href');
			}
		});
	});
});