var events = {


	init:function () {
		
		$('#events-list-container > ul > li')
			.each(function(index, element) {
				$(this).css('left',80*index);
            })
			.click(function () {
				events.loadEvent($(this).attr('eventid'));		
			});
		
		
		$('#events-list-container > ul > li')
			.tooltip({
					width:350,
					onData:function (elem) {
					$data = $(elem).find('.event-list-details').clone();
					$.tooltip.$content.html('').append($data);
				}});
		
		var fistEvent = $('#events-list-container > ul > li').eq(0).attr('eventid');
		events.loadEvent(fistEvent);
		
		$('#start-next-events-top > ul > li, #start-next-events-slider-items > .item')
			.click(function () {
				var id = $(this).attr('eventid');
				events.loadEvent(id);
				window.location.hash = "events";
			});
		
	},
	
	
	eventListSlideRight: function () {
		
		$t = $('#events-list-container').children('.scroller');
		var offset = $t.scrollLeft();
		$t.stop()
		 .animate({scrollLeft:offset+80},500);
			
		
	},
	
	eventListSlideLeft: function () {
		$t = $('#events-list-container').children('.scroller');
		var offset = $t.scrollLeft();
		$t.stop()
		 .animate({scrollLeft:offset-80},500);
				
	},
	
	
	loadEvent: function (ID) {
		
		$c = $('#events-detail-container');
		
		$c.stop().animate({opacity:0},250, function () {
			$c.html('').addClass('loader').css('opacity',1);
			
			$.get('templates/event_detail.php', {id:ID}, function (html) {
				$c
				.removeClass('loader')
				.css('opacity',0)
				.html(html)
				.stop()
				.animate({opacity:1},500);
			});
			
		});
	}
	
}