// perform/bind when the page has finished loading
$(document).ready(function(){
	
	// initialise variables
	commentsStart = 0;
	commentsEnd 	= 5;
	relatedStart 	= 0;
	relatedEnd 	= 5;
	resultsPage 	= 1;
	
	// set up WAI-ARIA required fields
	$("#searchTerm").attr("aria-required", "true");

	// set up WAI-ARIA roles
	$("#search").attr(	"role", "search");
	$("#details").attr(	"role", "region");
	$("#comments").attr(	"role", "region");
	$("#related").attr(	"role", "region");

	// set up WAI-ARIA live regions
	$("#status").attr(		"aria-live", "assertive");
	$("#commentsDisplay").attr(	"aria-live", "assertive");
	$("#relatedDisplay").attr(	"aria-live", "assertive");
	$("#resultsDisplay").attr(	"aria-live", "assertive");
	$("#commentsList").attr(	"aria-live", "polite");
	$("#relatedList").attr(	"aria-live", "polite");
	$("#resultsList").attr(	"aria-live", "polite");
	
	// set up button clicks
	$("#playPauseButton").click(	function(){ playPause();	});
	$("#skipBackButton").click(		function(){ skipBack();	});
	$("#skipForwardButton").click(	function(){ skipForward();	});
	$("#muteButton").click(		function(){ muteUnMute();	});
	
	// set up keyboard shortcuts
	$(document).bind('keydown', 'Alt+z', function(){	playPause();	});
	$(document).bind('keydown', 'Alt+x', function(){	skipBack();	});
	$(document).bind('keydown', 'Alt+c', function(){	skipForward();});
	
	// comments next/previous links
	$("#commentsNextLink").click(function(){
		$("#commentsDisplay").text("Loading comments.");
		
		commentsStart = commentsStart + 5;
		commentsEnd = commentsEnd + 5;
		
		$("#commentsList").fadeTo("medium", 0.33).load("/data/comments.php?v=&start=" + commentsStart + "&end=" + commentsEnd, '', function(){
			$("#commentsDisplay").text("Displaying comments " + (commentsStart + 1) + " to " + commentsEnd + ".");

			if (commentsEnd == 25) {
				$("#commentsNextLink").fadeOut();
			} else if (commentsEnd == 10) {
				$("#commentsPreviousLink").fadeIn();
			}
			
			$(this).fadeTo("medium", 1);
		});
	});
	
	$("#commentsPreviousLink").click(function(){
		$("#commentsDisplay").text("Loading comments.");
		
		commentsStart = commentsStart - 5;
		commentsEnd = commentsEnd - 5;
		
		$("#commentsList").fadeTo("medium", 0.33).load("/data/comments.php?v=&start=" + commentsStart + "&end=" + commentsEnd, '', function(){
			$("#commentsDisplay").text("Displaying comments " + (commentsStart + 1) + " to " + commentsEnd + ".");

			if (commentsEnd == 20) {
				$("#commentsNextLink").fadeIn();
			} else if (commentsEnd == 5) {
				$("#commentsPreviousLink").fadeOut();
			}
			
			$(this).fadeTo("medium", 1);
		});
		
		$(this).focus();
	});
	
	// related videos next/previous links
	$("#relatedNextLink").click(function(){
		$("#relatedDisplay").text("Loading related videos.");
		
		relatedStart = relatedStart + 5;
		relatedEnd = relatedEnd + 5;
		
		$("#relatedList").fadeTo("medium", 0.33).load("/data/related.php?v=&start=" + relatedStart + "&end=" + relatedEnd, '', function(){
			$("#relatedDisplay").text("Displaying related videos " + (relatedStart + 1) + " to " + relatedEnd + ".");

			if (relatedEnd == 25) {
				$("#relatedNextLink").fadeOut();
			} else if (relatedEnd == 10) {
				$("#relatedPreviousLink").fadeIn();
			}
			
			$(this).fadeTo("medium", 1);
		});
		
		$(this).focus();
	});
	
	$("#relatedPreviousLink").click(function(){
		$("#relatedDisplay").text("Loading related videos.");
		
		relatedStart = relatedStart - 5;
		relatedEnd = relatedEnd - 5;
		
		$("#relatedList").fadeTo("medium", 0.33).load("/data/related.php?v=&start=" + relatedStart + "&end=" + relatedEnd, '', function(){
			$("#relatedDisplay").text("Displaying related videos " + (relatedStart + 1) + " to " + relatedEnd + ".");

			if (relatedEnd == 20) {
				$("#relatedNextLink").fadeIn();
			} else if (relatedEnd == 5) {
				$("#relatedPreviousLink").fadeOut();
			}
			
			$(this).fadeTo("medium", 1);
		});
		
		$(this).focus();
	});
	
	// search results next/previous links
	$("#resultsNextLink").click(function(){
		$("#resultsDisplay").text("Loading search results.");
		
		resultsPage = resultsPage + 1;
		
		$("#resultsList").fadeTo("medium", 0.33).load("/data/results.php?s=&p=" + resultsPage, '', function(){
			$("#resultsDisplay").text("Displaying results " + ((resultsPage * 10) - 9) + " to " + ((resultsPage * 10)) + ".");

			if (resultsPage == 2) {
				$("#resultsPreviousLink").fadeIn();
			}
			
			$("#resultsList").fadeTo("medium", 1);
		});
		
		
		$(this).focus();
	});
	
	$("#resultsPreviousLink").click(function(){
		$("#resultsDisplay").text("Loading search results.");
		
		resultsPage = resultsPage - 1;
		
		$("#resultsList").fadeTo("medium", 0.33).load("/data/results.php?s=&p=" + resultsPage, '', function(){
			$("#resultsDisplay").text("Displaying results " + ((resultsPage * 10) - 9) + " to " + ((resultsPage * 10)) + ".");

			if (resultsPage == 1) {
				$("#resultsPreviousLink").fadeOut();
			}
			
			$("#resultsList").fadeTo("medium", 1);
		});
		
		
		$(this).focus();
	});
	
});