// Created by Joseph Gallagher
// March 2010

$(document).ready(function(){ 
	activeItem = $("div.whatsOn");
	$(activeItem).addClass('active');
	// hide second button when page loads.
    $("div.toggleButton2, div.calendarPopout, div.whatsOnCover, div.mspSearchTertiaryContent").hide();

	$("div.toggleButton1").click(function(){
		$("div.whatsOn").animate({width: "239px"}, {duration:1000, queue:false}).removeClass("active");
			$("div.mspSearch").animate({width: "695px"}, {duration:1000, queue:false}).addClass("active");
		$("div.toggleButton1").hide();
        $("div.toggleButton2").show();
        $("div.whatsOnCover, div.mspSearchTertiaryContent").fadeIn(400);
	});
	$("div.toggleButton2").click(function(){
		$("div.mspSearch").animate({width: "214"}, {duration:1000, queue:false}).removeClass("active");
			$("div.whatsOn").animate({width: "721px"}, {duration:1000, queue:false}).addClass("active");
		$("div.toggleButton2").hide();
        $("div.toggleButton1").show();
        $("div.whatsOnCover, div.mspSearchTertiaryContent").fadeOut(400);
	});
});