$(document).ready(function() {

	$('<div id="mainBox"/>')
		.append($('<div id="topBox"/>')
			.append($('<div id="logo"/>'))
			.append($('#topMenu', savedContent))
		)
		.append($('<div class="topBox"/>'))
		.append($('<div class="leftBox"/>')
			.append($('<ul id="subMenu" class="menu"/>')
				.append($('<li>Current</li>'))
				.append($('<li>Upcoming</li>'))
				.append($('<li>Past</li>'))
			)
		)
		
		.append($('<div class="subviewsContainer" />')		
			.append($('<div id="exhibitions_current_subview" class="subview"/>')
				.append($('#listOfCurrentExhibitions', savedContent).addClass('exhibitionList'))
			)
			.append($('<div id="exhibitions_upcoming_subview" class="subview"/>')
				.append($('#listOfUpcomingExhibitions', savedContent).addClass('exhibitionList'))
			)
			.append($('<div id="exhibitions_past_subview" class="subview"/>')
				.append($('#listOfPastExhibitions', savedContent).addClass('exhibitionList'))
			)
		)
		
		.prependTo('body')
	;
	
	//$('#savedContent').remove();
	//$('.exhibitionList a > div:first-child').addClass('clickHere');

	
	$('li a').hover(
		function(){$(this).parent().addClass('hover');},
		function(){$(this).parent().removeClass('hover');}
	)
	
	setSubmenuCallback(function(label){
		switch (label){
			case "Current":
				//$('#exhibitions_past_subview').hide();
				//$('#exhibitions_upcoming_subview').hide();
				

				$('#exhibitions_current_subview').show();
				break;
			case "Upcoming":
				//$('#exhibitions_current_subview').css('display', 'none');
				//$('#exhibitions_past_subview').hide();

				//$('.subview').hide();

				$('#exhibitions_upcoming_subview').show();
				break;
			case "Past":
				$('#exhibitions_past_subview').show();
				$('#exhibitions_past_subview ul').jScrollPane();
				break;
		}		
	});
	

	
	$('#topMenu li:contains(Exhibitions)').addClass('selected');	
	$('#subMenu li:contains(Current)').click();

			
});