$(document).ready(function() {
	var panel = $('div#panel');
	// Expand Panel
	$('#open').click(function(){
		panel.slideDown('slow');
		$('.help-nav').css('z-index', '1')
	});	
	
	// Collapse Panel
	$('#close').click(function(){
		panel.slideUp('slow', function() {
			$('.help-nav').css('z-index', '1000');
		});	
	});		
	
	// Switch buttons from 'Log In | Register' to 'Close Panel' on click
	$('#toggle a').click(function () {
		$('#toggle a').toggle();
	});		
		
	// Additive info
	var panel_height = panel.height();
	$('#old_info').toggle( function() {
		var old_account = $('#info_old_account');
		panel.animate({ height : panel_height + old_account.height() + 'px' }, 'slow', function() { 
			old_account.css('position', 'absolute').css('top', panel_height + 10 + 'px').fadeIn( 300 ); 
		}) 
	}, function () {
		$('#info_old_account').fadeOut( 300, function() { 
			panel.animate({ height : panel_height }, 'slow') 
		}) 
	});
	
	$('#info_old_close').click( function() {
		$('#old_info').click();
	});
	
});