jQuery.noConflict();
jQuery(function($){
	// Rearrange page
	$('#content_links').show();
	$('#body').css({ width:'394px', overflow:'hidden' });
	$('#intro').append('<p>Choose a show for more information.</p>')
	$('.contents').css('height','149px');
	
	// Attach fancy scrollers
	$('.fancyscroll').each(function (i) {
		$(this)
			.css('overflow-y','auto')
			.css('overflow-x','hidden')
			.wrapInner(document.createElement('div'))
			.children('div')
				.width( $(this).width() )
				.height( $(this).height() )
				.css('overflow','hidden')
				.jScrollPane({
					scrollbarWidth:9,
					scrollbarMargin:3,
					dragMinHeight:15,
					dragMaxHeight:30
				});
	});
		
	// Choose which div to show first
	var ourhash = (document.location.hash) ? (document.location.hash) : '#intro';
	$('#content .contents').hide().filter(ourhash).show();
	
	// On click, switch visible divs
	$('#content_links a').click(function() {
		$('#content .contents').hide().filter(this.hash).show();
	});
});