window.addEvent('domready', function(){
	//First Example
	
	
	// The same as before: adding events
	$$('div.item').addEvents({
							
	
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			
			//this.getElements('img.thumbnail').set('tween', {duration: 300}).tween('height', '50px');
			
			
			//var h = title.getStyle('height').toInt();
			
			
			//title.setStyle('padding-bottom', h);
			
			//title.set('tween', {duration: 1000}).tween('opacity', 1);
			
			this.getElements('span.title').set('tween', {duration: 300}).tween('margin-top', '0px');
			this.getElements('span.cat').set('tween', {duration: 300}).tween('bottom', '0px');
			
			//this.getElements('img.thumbnail').set('morph', {duration: 100}).morph('.thumbOver')
					
			
			},
			
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.getElements('span.title').tween('margin-top', '-75px');
			this.getElements('span.cat').tween('bottom', '-75px');
			//this.getElements('img.thumbnail').tween('margin-top', '0px');
			//this.set('tween', {}).tween('height', '20px');
			//this.getElements('img.thumbnail').morph('.thumbOut')
		}
		
	});
});