$(document).ready(function () {

    $("#topPanel").animate({ 
    	height: "0px",
    	opacity: 0
    }, 0 );
    
    $(".topPanelContent").fadeOut();
    //$(".topPanelContent").css({"display":"block"});
	var topPanelHidden = true;
	var topPanelShowing;
	var hasClosed;

	$(".topPanelLink").click(function(){
		var targetPane = $(this).attr('href');

		if(topPanelHidden != true){
			$('.topPanelLink').removeClass('selected');
      		$("#topPanel").animate({ 
				height: "0px",
				opacity: 0
      		}, 500, function(){
      			
      		});
      		$(".topPanelContent").fadeOut(500);
      		hasClosed = true;
		}
			
			
		if(topPanelShowing != targetPane || topPanelHidden == true) {
			topPanelShowing = targetPane;
			$(this).addClass('selected');
			
			//$('div' + targetPane).fadeIn(500);
			$('div' + targetPane).animate({ 
				opacity: 1
			}, 500, function(){	
				$('div' + targetPane).fadeIn(500);
      				
			});

			
		 	$('body').scrollTo( { top:0 , left:0}, 1000, {easing:'easeInOutCubic'});
			$("#topPanel").animate({ 
				opacity: 1
			}, 0 );
      		$("#topPanel").animate({ 
				height: "340px",
				opacity: 1
      		}, 500, function(){
    			
      		});
      		hasClosed = false;
		}
		
		
		topPanelHidden = hasClosed;
		
		return false; 
    });
});