//var index = 1;
var data;

$("document").ready(function(){
	$.getJSON("eventsSource.js", define);


function define(json){
	data = json;
	$("#eventTitle").html(data.todd[0].title);
	$("#eventDate").html(data.todd[0].date);
	$("#eventTime").html(data.todd[0].time);
	$("#eventDesc").html(data.todd[0].desc);
	$("#eventLocation").html(data.todd[0].location);
	$("#moreInfo").html("<a href='events.htm'>More Info</a>");
	
	setTimeout(function(){ getNext(1, data); }, 7000);
}

function getNext(index, data){
	index = 1;
	$("#events").fadeOut("slow", function(){
		$("#eventTitle").html(data.todd[1].title);
		$("#eventDate").html(data.todd[1].date);
		$("#eventTime").html(data.todd[1].time);
		$("#eventDesc").html(data.todd[1].desc);
		$("#eventLocation").html(data.todd[1].location);
		$("#moreInfo").html("<a href='events.htm'>More Info</a>");
	}).fadeIn("slow");
	if(index < (data.todd.length - 1)){
		index = index + 1;
	} else {
		index = 0;
	}
	setTimeout(function(){ getNext(index, data) }, 7000);
}

});