/* 
 * EVENTS CONTROLLER
 */


var EventsController = Class.create();

Object.extend(EventsController.prototype, {
	initialize: function(){
		
		var switches = document.getElementsByClassName('eventsSwitchLI');
		
		// set mouseover event on upcoming
		Event.observe(switches[0], 'mouseover', function() 
			{
				Element.addClassName(switches[0], 'hover')
			});
		
		// set mouseout event on upcoming
		Event.observe(switches[0], 'mouseout', function() 
			{
				Element.removeClassName(switches[0], 'hover')
			});
		
		// set click event on upcoming
		Event.observe(switches[0], 'click', function() 
			{
				Effect.Fade($('pastEvents'),{duration:0.5});
				Effect.Appear($('upcomingEvents'),{duration:0.5});
			});
		
		
		
		
		
		
		// set mouseover event on past
		Event.observe(switches[1], 'mouseover', function() 
			{
				Element.addClassName(switches[1], 'hover')
			});
		
		// set mouseout event on past
		Event.observe(switches[1], 'mouseout', function() 
			{
				Element.removeClassName(switches[1], 'hover')
			});
		
		// set click event on past
		Event.observe(switches[1], 'click', function() 
			{
				Effect.Fade($('upcomingEvents'),{duration:0.5});
				Effect.Appear($('pastEvents'),{duration:0.5});
			});
		
		
	}

});