$(document).ready(function() {	

	var pageCounter = 0;
	
	function setPrevNext(currentlyShowingThisPage) {
		var prevWeek = currentlyShowingThisPage - 1;
		prevWeekURL = "/events/page/" + prevWeek;
		
		var nextWeek = currentlyShowingThisPage + 1;
		nextWeekURL = "/events/page/"  + nextWeek;

		$(".calendar_button_prev").attr('href', prevWeekURL);
		$(".calendar_button_next").attr('href', nextWeekURL);
	}

	function changeCalendarContent(ajaxURL) {
		$(".events_list .event").addClass("old");
		$(".events_list .event").animate({opacity: 0}, "fast", "linear", function() {
			$(".preloader").show();
	//swap these!! please!		
			$(".events_list").load(ajaxURL, function() {
			// $(".events_list").load("./_ajax_events_list.html", function() { //FPO
				Cufon.replace('.event_date', { fontFamily: 'Lubalin Bold'})
					('.event_title', { fontFamily: 'Lubalin'})
					('.redarrow', { fontFamily: 'Lubalin Bold'});
				$(".events_list .old").hide();
				$(".preloader").hide();
			});	
		});
	}

	$("#week_selector").change(function() {
		//get new week name
		var newWeek = $("select option:selected").text();
		//make URL for this week
		var newDate = $("select option:selected").val();
		newDate = Date.parseExact(newDate, "MMM d, yyyy");
		var newURL = "/events/" + newDate.toString("yyyy/MM/dd/");

		//set global 
		theDay = newDate;
		setPrevNext(theDay);

		//load the new list of events
		changeCalendarContent(newWeek, newURL);

	});

	$(".calendar_button_prev").click(function() {
		var whereTo = $(this).attr("href");
		pageCounter--;
		
		setPrevNext(pageCounter);
		changeCalendarContent(whereTo);
		return false;
	});

	$(".calendar_button_next").click(function() {
		var whereTo = $(this).attr("href");
		pageCounter++;
		
		setPrevNext(pageCounter);
		changeCalendarContent(whereTo);
		return false;
	});
	

	setPrevNext(pageCounter);
	changeCalendarContent("/events/page/0");
			
});