top.document.title					= "Dirty Dancing America - Official Site - About the show";
$(document).ready(function() {
	$('#btn_story').addClass('active');
	baseY	= $("#banner_about").height() + $("#content_top").height() + $("#content_bottom").height() + $("#ticker").height() + $("#footer").height() + 110;
	minY	= baseY + $("#about_story").height();
	maxY	= baseY + $("#background").height();
	$("#iframe", top.document).css({ height: minY });
	$('#content').css({ height: $('#about_story').height() + 10 });
	
	$('#btn_know a').click(function(event) {
		$('#slider').animate({ left: -834 }, 500);
		$('#content').animate({ height: $('#about_know').height() }, 500);
		$("#iframe", top.document).animate({ height: maxY }, 500);
		$('#btn_background, #btn_story').removeClass('active');
		$('#btn_know').addClass('active');
		event.preventDefault();
	});
	$('#btn_story a').click(function(event) {
		$('#slider').animate({ left: 0 }, 500);
		$('#btn_know, #btn_background').removeClass('active');
		$('#content').animate({ height: $('#about_story').height() }, 500);
		$("#iframe", top.document).animate({ height: minY }, 500);
		$('#btn_story').addClass('active');
		event.preventDefault();
	});
	$('#btn_background a').click(function(event) {
		$('#slider').animate({ left: -1668 }, 500);
		$('#content').animate({ height: $('#background').height() }, 500);
		$("#iframe", top.document).animate({ height: maxY }, 500);
		$('#btn_background').addClass('active');
		$('#btn_know, #btn_story').removeClass('active');
		event.preventDefault();
	});
});