window.addEvent('domready',function () {
var spots = $$('#spots .spot');
var headings = $$('#spots h3');

spots.each(function(el,i){
	
	el.addEvent('mouseenter',function(e){
		new Event(e).stop();
		
		var spot = $('spot'+(i+1));
		var hspot = $('hspot'+(i+1));
		var fx = new Fx.Styles(spot, {duration:300, wait:false});
		var fxh = new Fx.Styles(hspot, {duration:300, wait:false});
		fx.start.delay(0,fx,{
			'top':0
		});
		fxh.start({'margin-bottom':'8px'});
	});
	el.addEvent('mouseleave',function(e){
		new Event(e).stop();
		
		var spot = $('spot'+(i+1));
		var hspot = $('hspot'+(i+1));
		var fx = new Fx.Styles(spot, {duration:300, wait:false});
		var fxh = new Fx.Styles(hspot, {duration:300, wait:false});
		fx.start.delay(110,fx,{
			'top':232
		});
		fxh.start({'margin-bottom':'30px'});
	});
});
});