// JavaScript Document

$(document).ready(function() {
						   
	var events = $("#events-widget .widget-row");
	var eventsHolder = $("#events-widget");
	var holderWidth = eventsHolder.width();
	var className = "event-";
	var ogPos = 0;
	var count = 0;
	var groupNum = 0;
	
	//eventsHolder.css({
	// "overflow": "hidden"
	//});	

	resetPositions();
	
	function resetPositions() {
		events.css({
		   "position": "relative"
		   //"left": -holderWidth
		});
	}	
		
	events.each(function(){
		$(this).addClass(className+count++);
	});
	
	$('.nextgroup-container a').click(function() {
											   
		var data = $(this).parent().attr('id').split("-");
		
		if ($(this).hasClass('prev')) {
			var group = parseInt(data[1])-1;
		}
		
		else {
			var group = parseInt(data[1])+1;
		}
		
		groupNum = group;
		slideEvents();
		return false;
	});	
	
	setTimeout(function() {
		$("#loading").hide();
		slideEvents();
	},1000);
	
	
	function slideEvents() {
		var startCount = groupNum*num;
		var endCount = startCount+num-1;
		events.hide();
		resetPositions();
		$('#events-widget .nextgroup-container').hide();
		$('#events-widget .group-'+groupNum).fadeIn();
		slideEvent(startCount, endCount);
	}
	
	function slideEvent(startCount, endCount) {
		effect = 'fadeIn'; // Force to fade in, as sliding in is buggy in IE. Where is this even set?
		
		if (startCount <= endCount && startCount < totalEvents) {
			// Slide in
			if (effect=='slideIn') {
				$(".event-"+startCount).animate({"left": ogPos}, speed, function() {
					slideEvent(++startCount,endCount);
				});
				$('#events-widget #nextgroup-'+groupNum).show();
			}
			
			// Fade in
			else if (effect=='fadeIn') {
				$(".event-"+startCount).hide().css({"left": ogPos}).fadeIn(speed, function() {
					slideEvent(++startCount,endCount);
				});
			}
			
		}
		
		else {
			// Empty because?
		}
		
	}
	
});