$(document).ready(function() {

	var exhib_current_subview = $('<div/>');
	var exhib_upcomming_subview = $('<div/>');
	var exhib_past_subview = $('<div/>');


	if ($('#listOfCurrentExhibitions', savedContent).length) {
		exhib_current_subview.append(
			$('<div class="place">Oslo</div>'),
			$('#listOfCurrentExhibitions', savedContent).addClass('exhibitionList')
		);
	}
	if ($('#listOfCurrentExhibitions-stockholm', savedContent).length) {
		exhib_current_subview.append(
			$('<div class="place">Stockholm</div>'),
			$('#listOfCurrentExhibitions-stockholm', savedContent).addClass('exhibitionList')
		);
	}
	if ($('#listOfUpcomingExhibitions', savedContent).length) {
		exhib_upcomming_subview.append(
			$('<div class="place">Oslo</div>'),
			$('#listOfUpcomingExhibitions', savedContent).addClass('exhibitionList')
		);
	}
	if ($('#listOfUpcomingExhibitions-stockholm', savedContent).length) {
		exhib_upcomming_subview.append(
			$('<div class="place">Stockholm</div>'),
			$('#listOfUpcomingExhibitions-stockholm', savedContent).addClass('exhibitionList')
		);
	}


	$('body').addClass('page-exhibitions');
	$('<div id="mainBox"/>').append(
		$('<div id="topBox"/>').append(
			$('<div id="logo"/>'),
			$('#topMenu', savedContent)
		),
		$('<div class="topBox"/>'),
		$('<div class="leftBox"/>').append(
			$('<ul id="subMenu" class="menu"/>').append(
				$('<li>Current</li>'),
				$('<li>Upcoming</li>'),
				$('<li>Previous</li>')
			)
		),
		$('<div class="subviewsContainer" />').append(
			exhib_current_subview.attr('id', 'exhibitions_current_subview').addClass('subview'),
			exhib_upcomming_subview.attr('id', 'exhibitions_upcoming_subview').addClass('subview'),
			$('<div id="exhibitions_past_subview" class="subview"/>').append(
				$('#listOfPastExhibitions', savedContent).addClass('exhibitionList')
			)
		)
	).prependTo('body');
	
	
	$('li a').hover(
		function(){$(this).parent().addClass('hover');},
		function(){$(this).parent().removeClass('hover');}
	);
	
	setSubmenuCallback(function(label){
		switch (label){
			case "Current":
				$('#exhibitions_current_subview').show();
				break;
			case "Upcoming":
				$('#exhibitions_upcoming_subview').show();
				break;
			case "Previous":
				$('#exhibitions_past_subview').show();
				$('#exhibitions_past_subview ul').jScrollPane();
				break;
		}		
	});

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

			
});