$(document).ready(function() {
	
	var installationViewsImageBrowser = null;
	var exhibitedWorksImageBrowser = null;
	
	var introductionObj = null;
	var introductionInitialized = false;
	
	if ($('#installationViewsCollection', savedContent).length){
		var imageObjects = extractImageObjects($('#installationViewsCollection', savedContent));
		installationViewsImageBrowser = new ImageBrowser(imageObjects, false);
	}
	
	if ($('#exhibitedWorksCollection', savedContent).length){
		var imageObjects = extractImageObjects($('#exhibitedWorksCollection', savedContent));
		exhibitedWorksImageBrowser = new ImageBrowser(imageObjects, true);
	}
	
	if ($('#introduction', savedContent).length){
		introductionObj = $('#introduction', savedContent);
	}	
		
	$('body').addClass('page-exhibition');
	$('<div id="mainBox"/>')
		.append($('<div id="topBox"/>')
			.append($('<div id="logo"/>'))
			.append($('#topMenu', savedContent))
		)
		.append($('<div class="topBox"/>')
			.append($('<div class="middleTopText"/>')
				.append($('#exhibitionShortInfo', savedContent))
			)
		)
		.append($('<div class="leftBox"/>')
			.append($('<ul id="subMenu" class="menu"/>')
				.append($('<li>Introduction</li>'))
				.append(installationViewsImageBrowser ? $('<li>Installation Views</li>') : null)
				.append(exhibitedWorksImageBrowser ? $('<li>Exhibited Works</li>') : null)
				.append($('#artistsInExhibition li', savedContent).length ?$('<li>Biography</li>') : null)
			)
		)
		.append($('<div id="exhibition_introduction_subview" class="subview"/>')
			.append($('<div class="middleBox"/>')
				.append($('<div class="comingSoonMessage">Coming soon...</div>'))
			)
		)
		.append($('<div id="exhibition_installationViews_subview" class="subview"/>')
			.append($('<div class="middleBox"/>')
				.append($('<div class="comingSoonMessage">Coming soon...</div>'))
			)
		)
		.append($('<div id="exhibition_exhibitedWorks_subview" class="subview"/>')
			.append($('<div class="middleBox"/>')
				.append($('<div class="comingSoonMessage">Coming soon...</div>'))
			)
		)
		.append($('<div id="exhibition_biographySelection_subview" class="subview"/>')
			.append($('<div class="middleBox"/>')
				.append($('#artistsInExhibition', savedContent))
			)
		)		
	.appendTo('body');
	

	
	setSubmenuCallback(function(label){
		switch (label){
			case "Introduction":
				$('#exhibition_introduction_subview').show();
				if (introductionObj && !introductionInitialized){			
					var img = $('img', introductionObj);
					img.remove();
					
					$('#exhibition_introduction_subview .middleBox')
						.empty()
						.append($('<div class="contentPane"/>')
							.append(img)
							.append($('<br/><br/>'))
							.append(introductionObj)
							//.append($('<br/><br/>'))
						)
					;					
					
					
					var preferredTotalHeight = 500;
					
					if (img.length){
						var imgName = img.attr('src').split('/').pop();
						//img.css('width', '500px');
						img.load(function(){
							//alert('loaded');
							//alert(img.height());
							var scrollBarHeight = preferredTotalHeight - img.height()
							
							introductionObj
								.css('height', Math.max(100, scrollBarHeight)) // 160
								.jScrollPane()
							;
						})
						img.attr('src', '/introduction-images/' + imgName);
					}
					/*
					$('#exhibition_introduction_subview .middleBox')
						.empty()
						.append($('<div class="contentPane"/>')
							.append(img)
							.append($('<br/><br/>'))
							.append(introductionObj)
							//.append($('<br/><br/>'))
						)
					;*/
					/*
					introductionObj
						.css('height', '160px')
						.jScrollPane()
					;*/
					
					introductionInitialized = true;
				}
				break;
			case "Installation Views":
				if (installationViewsImageBrowser && !installationViewsImageBrowser.isInitialized){
					installationViewsImageBrowser.init();
					installationViewsImageBrowser.attachTo($('#exhibition_installationViews_subview'))
				}
				$('#exhibition_installationViews_subview').show();
				break;
			case "Exhibited Works":
				if (exhibitedWorksImageBrowser && !exhibitedWorksImageBrowser.isInitialized){
					exhibitedWorksImageBrowser.init();
					exhibitedWorksImageBrowser.attachTo($('#exhibition_exhibitedWorks_subview'))
				}			
				$('#exhibition_exhibitedWorks_subview').show();
				break;
			case "Biography":
				if ($('#artistsInExhibition li').length > 1){
					$('#exhibition_biographySelection_subview').show();
				}
				else {
					var stamp = new Date().getTime();
					$.cookie('galleririisCookieX', stamp, {expires: 1, path: '/', domain: 'galleririis.com'})
					location.href = $('#artistsInExhibition a').attr('href');
				}
				
				break;				
		}		
	});
	
	$('#topMenu li:contains(Exhibitions)').addClass('selected');
	$('#subMenu li:contains(Introduction)').click();
	
});