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

	if($('upcoming')) {

		$$('ul.events li').setStyle('opacity',0);
		$('1').setStyle('opacity',1);

		// what do events do we do for the left arrow
		$$('div.left')
		.addEvent('mouseenter',function() {
			this.setStyle('cursor','pointer');
		})
		.addEvent('click',function(a){

			// get all the li's to display
			var totalLI = $$('ul.events li').length;
							var endthis = true;

			$$('ul.events li').each(function(el){
				if(endthis) {	

					if(el.hasClass('current')){
														
						el.removeClass('current');
						el.tween('opacity', 0);
						
						if(el.getAllPrevious('li').length != 0) {
							el.getPrevious('li').tween('opacity',1).addClass('current').bind;
							endthis = false;
	
						}
						else {
							$(totalLI.toString()).tween('opacity',1).addClass('current');
							endthis = false;
						}

					}															
				}
			
			});
														
		});

		

		// what do events do we do for the right arrow
		$$('div.right')
		.addEvent('mouseenter',function() {
			this.setStyle('cursor','pointer');
		})
		.addEvent('click',function(a){

			// go to passed link
			if(a){
				$clear(runScroller);
				//location.href = this.getProperty('data-index');
			}
		
			// get all the li's to display
			var totalLI = $$('ul.events li').length;
							var endthis = true;

			$$('ul.events li').each(function(el){
				if(endthis) {	

					if(el.hasClass('current')){
														
						el.removeClass('current');
						el.tween('opacity', 0);
						
						if(el.getAllNext('li').length != 0) {
							el.getNext('li').tween('opacity',1).addClass('current').bind;
							endthis = false;
	
						}
						else {
							$('1').tween('opacity',1).addClass('current');
							endthis = false;
						}

					}															
				}
			
			});

		});
		
		// run the scroller
		var runScroller = scroller.periodical(3500);

	}

});

// function to run scroller
var scroller = function(){

	$$('div.right').fireEvent('click');
	
}