$(document).ready(function() {
	
	// Open Top Panel
	$("#open, #mailOpen").click(function(){
		$("#topPanelContainer").animate({ height : '122px' }, 800 );
		//$("#topPanelContainer").animate({ "background" : 'rgba(0, 0, 0, 0.4)' }, 800 );
		$('#mailingArrow').animate({ rotate : '+=360deg' }, 800 );  
	});

	// Collapse Top Panel
	$("#close, #mailClose").click(function(){
		$("#topPanelContainer").animate({ height : '22px' }, 800 );	
		//$("#topPanelContainer").animate({ "background" : 'rgba(0, 0, 0, 1.0)' }, 800 );		
		$('#mailingArrow').animate({ rotate : '-=360deg' }, 800 );		
	});	

	// Switch buttons from "Log In | Register" to "Close Panel" on click
	$("#mailingArrow a, #mail a").click(function () {
		$("#mailingArrow a, #mail a").toggle();
	});	
		
});