$(document).ready(function() {

	$("#episode-browser").scrollTop(0);
	
	// Duplicate list 3x for "continuous" scrolling
	$("#episode-browser ul").html($("#episode-browser ul").html() + $("#episode-browser ul").html() + $("#episode-browser ul").html());
	
	// Select the current episode
	selectEpisode(currentepisode);
	ep_y = $("#episode-browser li.active:eq(1)").position().top; // Refreshing screws this up, damnit.
	$("#episode-browser").scrollTop(ep_y - $("#episode-browser").position().top - 92);
	
	$("#episode-fader-top").click(function() {
		$("#episode-browser").animate( { scrollTop : $("#episode-browser").scrollTop() - 79 }, "swing" );
		newsel = parseInt($("#episode-browser li.active").attr("episode"))-1;
		if (newsel == 0) newsel = 13;
		selectEpisode(newsel);
	});
	
	$("#episode-fader-bottom").click(function() {
		$("#episode-browser").animate( { scrollTop : $("#episode-browser").scrollTop() + 79 }, "swing" );
		newsel = parseInt($("#episode-browser li.active").attr("episode"))+1;
		if (newsel == 14) newsel = 1;
		selectEpisode(newsel);
	});
	
});

function selectEpisode(episode) {
	$("#episode-browser li.active").removeClass("active");
	$("#episode-browser li[episode='" + episode + "']").addClass("active");
	$("#episode-selection a").attr("href","episodes/"+episode+".html?iframe").fancybox({ frameWidth: 560, frameHeight: 600, padding: 15, overlayOpacity: 0.8 });
	$("#episode-selection img").hide().attr("src","images/episodes/"+episode+".jpg").fadeIn();
}