$(document).ready(function() {
      
   var documentHeight = $(document).height() / 2;
   var areaHeight = $('#baseArea').height() / 2;
   $('#baseArea').css('top', documentHeight - areaHeight);
	
	var documentWidth = $(document).width() / 2;
	var areaWidth = $('#baseArea').width() / 2;
	$('#baseArea').css('left', documentWidth - areaWidth);   
	
	var contentBackground = $('.contentPane.contentBackground');
	
	contentBackground.css('opacity', 0.25);
	
	$('.contentPane.contentForeground').css('left', contentBackground.position().left);
	
	$('.menuLink').click(function() {	
		$('.menuLink').removeClass('highlight');
		$(this).addClass('highlight');
		
		if (!$(this).hasClass('external')) {
			var url = $(this).children('a').attr('href');
			if ($('.contentPane').is(':hidden') || $('.contentPane').css('display') == 'none') {
				$('.contentForeground').load(url);				
			} else {
				$('.contentPane').effect('slide',{direction: 'down', mode: 'hide'}, 1000, function() {
		  	 		$('.contentForeground').load(url);	
				});
			}
			$('.contentPane').effect('slide', {direction: 'down', mode: 'show'}, 1000);
			return false;	
		}			
	});
	
	$('.contentPane').hide();	
	$('.menuLink.highlight a').click();	
});