$(document).ready(function(){	
	
	var photosContent = $('#photos').html();
	var floorplanContent = $('#floorplan').html();
	
	// setup ul.tabs to work as tabs for each div directly under div.panes
	$("ul.tabs").tabs("div.panes > div");

	$('#photoLink').click(function(){
		$('#floorplan').html('');	
		$('#photos').html(photosContent);
		$('#photos').galleryView({
				nav_theme: "custom",
				background_color: 'transparent',
				overlay_height: 25,
				border: 'none',
				panel_width: 384,
				panel_height: 250,
				frame_width: 50,
				frame_height: 50
			});
	});
	
	
	$('#floorplanLink').click(function(){
		$('#photos').html('');	
		$('#floorplan').html(floorplanContent);
		$('#floorplan').galleryView({
				nav_theme: "custom",
				background_color: 'transparent',
				overlay_height: 45,
				border: 'none',
				panel_width: 384,
				panel_height: 250,
				frame_width: 50,
				frame_height: 50
			});
	});
	
$('#photos').galleryView({
				nav_theme: "custom",
				background_color: 'transparent',
				overlay_height: 25,
				border: 'none',
				panel_width: 384,
				panel_height: 250,
				frame_width: 50,
				frame_height: 50
			});
});