window.addEvent('domready', function(){

	var events = $$('.events');
	var myChain = new Chain();
	var timer;

	var fadeInTime = 1000;
	var changeTime = 3000;
	
	var hideAll = function() {
	
		events.each(function(events) {						
			if(events.getStyle('display') == 'block') {
				events.setStyle('display','none');
			}			
		})					
	}
			
	var showDiv = function(event) {
		hideAll();
		event.setStyle('opacity',0);
		event.setStyle('display','block');
		var myFx = new Fx.Style(event, 'opacity', {duration:fadeInTime}).start(0,1);		
	}	
	
	var populate = function() {
		events.each(function(events) {
			myChain.chain(function(){ 
				showDiv(events);
			});				
		})
	}

	var showNext = function() {
		myChain.callChain();
		if (myChain.chains.length == 0) { 					
			populate();
		} 		
	}
		
	
	var initialise = function() {
		populate();
		hideAll();
		showNext();
		var timer = showNext.periodical(changeTime);	
				
		$$('a.nextevent').each(function(element) {
			element.addEvent('click',function(evt) {		
				new Event(evt).stop();
				$clear(timer);			
				showNext();							
			})		
		});
		
		events.each(function(events) {
			events.addEvent('mouseover',function() {		
				$clear(timer);
			})		
		});		
		
	}
	
	initialise();

						
})