// JavaScript to hide/show content with fade
// Uses JQuery library

$(document).ready(function() {
	$('#synopsis').hide();
  $('#tickets').hide();
  $('#credits').hide();

  $('#lnkHome a').click(function(){
  	$('body').removeClass();
  	$('body').addClass("pageHome");
  	$('#home').fadeIn('slow');
 		$('#synopsis').fadeOut('slow');
 		$('#tickets').fadeOut('slow');
 		$('#credits').fadeOut('slow');
 	});
 	   			
  $('#lnkTrailer a').click(function(){
  	$('#music').hide(); // Code to show music again is in Thickbox.js
 	});
   			
 	$('#lnkSynopsis a').click(function(){
 		$('body').removeClass();
		$('body').addClass("pageSynopsis");
		$('#synopsis').fadeIn('slow');
		$('#tickets').fadeOut('slow');
		$('#credits').fadeOut('slow');
		$('#home').fadeOut('slow');
	});
   			
	$('#lnkTickets a').click(function(){
		$('body').removeClass();
		$('body').addClass("pageTickets");
		$('#tickets').fadeIn('slow');
		$('#synopsis').fadeOut('slow');
		$('#credits').fadeOut('slow');
		$('#home').fadeOut('slow');
	});

	$('#lnkCredits a').click(function(){
		$('body').removeClass();
		$('body').addClass("pageCredits");
		$('#credits').fadeIn('slow');
		$('#synopsis').fadeOut('slow');
		$('#tickets').fadeOut('slow');
		$('#home').fadeOut('slow');
	});
   					   			
});