function LoadGallery() {
	// We only want these styles applied when javascript is enabled
	$('div.navigation').css({'float' : 'left'});
	$('div.gallery').css('display', 'block');

	// Initially set opacity on thumbs and add
	// additional styling for hover effect on thumbs
	var onMouseOutOpacity = 0.5;
	$('#thumbs ul.thumbs li').css('opacity', onMouseOutOpacity)
		.hover(
			function () {
				$(this).not('.selected').fadeTo('fast', 1.0);
			}, 
			function () {
				$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
			}
		);

	$(document).ready(function() {
		// Initialize Advanced Galleriffic Gallery
		var galleryAdv = $('#gallery').galleriffic('#thumbs', {
			delay:                  6500,
			numThumbs:              thumbsPageSize,
			preloadAhead:           10,
			enableTopPager:         false,
			enableBottomPager:      false,
			enableNavButtons:       true,
			imageContainerSel:      '#slideshow',
			controlsContainerSel:   '#controls',
			captionContainerSel:    '#HeadItem',
			loadingContainerSel:    '#loading',
			renderSSControls:       true,
			renderNavControls:      false,
			playLinkText:           'play slideshow',
			pauseLinkText:          'pause slideshow',
			prevLinkText:           '&lsaquo; previous photo',
			nextLinkText:           'next photo &rsaquo;',
			prevPageLinkText:       'previous',
			nextPageLinkText:       'next',
			prevPageLinkImage:      '<img src="images/previous_'+thumbsSize+'.png" />',
			nextPageLinkImage:      '<img src="images/next_'+thumbsSize+'.png" />',
			enableHistory:          true,
			autoStart:              false,
			onChange:               function(prevIndex, nextIndex) {
				$('#thumbs ul.thumbs').children()
					.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
					.eq(nextIndex).fadeTo('fast', 1.0);
			},
			onTransitionOut:        function(callback) {
				$('#caption').fadeTo('fast', 0.0);
				$('#slideshow').fadeTo('fast', 0.0, callback);
			},
			onTransitionIn:         function() {
				$('#slideshow').fadeTo('fast', 1.0);
				$('#caption').fadeTo('fast', 1.0);
			},
			onPageTransitionOut:    function(callback) {
				$('#thumbs ul.thumbs').fadeTo('fast', 0.0, callback);
			},
			onPageTransitionIn:     function() {
				$('#thumbs ul.thumbs').fadeTo('fast', 1.0);
			}
		});
	});
}


// Switches two elements (shows first, hide second)
function toggleElement( elem1, elem2 )
{
   var showElement = document.getElementById ( elem1 );
   var hideElement = document.getElementById ( elem2 );
   if ( showElement != null && hideElement != null )
   {
      showElement.style.display = 'block';
      hideElement.style.display = 'none';
   }
}


// Shows the background information
function ShowBackgroundInformation()
{
	toggleElement( 'BackgroundInformationLong', 'BackgroundInformationShort' );
}