// Initially set opacity on thumbs and add
		// additional styling for hover effect on thumbs
		var onMouseOutOpacity = 0.67;
		

		$(document).ready(function() {
			// Initialize Advanced Galleriffic Gallery
			var galleryAdv = $('#gallery-adv').galleriffic('#thumbs-adv', {
				delay:                  8000,
				numThumbs:              12,
				preloadAhead:           10,
				enableTopPager:         false,
				enableBottomPager:      false,
				imageContainerSel:      '#slideshow-adv',
				controlsContainerSel:   '#controls-adv',
				captionContainerSel:    '#caption-adv',
				loadingContainerSel:    '#loading-adv',
				renderSSControls:       false,
				renderNavControls:      true,
				playLinkText:           'Play Slideshow',
				pauseLinkText:          'Pause Slideshow',
				prevLinkText:           '',
				nextLinkText:           '',
				nextPageLinkText:       'Next ›',
				prevPageLinkText:       '‹ Prev',
				enableHistory:          false,
				autoStart:              true,
				onChange:               function(prevIndex, nextIndex) {
					$('#thumbs-adv ul.thumbs').children()
						.eq(prevIndex).fadeTo('slow', onMouseOutOpacity).end()
						.eq(nextIndex).fadeTo('slow', 1.0);
				},
				onTransitionOut:        function(callback) {
					$('#slideshow-adv').fadeOut('slow', callback);
					//$('#slideshow-adv,#caption-adv').fadeOut('slow', callback);
					$('#image-desc').fadeOut('slow', callback);
				},
				onTransitionIn:         function() {
					$('#slideshow-adv').fadeIn('slow');
					//$('#slideshow-adv,#caption-adv').fadeIn('slow');
					$('#image-desc').fadeIn('slow');
				},
				onPageTransitionOut:    function(callback) {
					$('#thumbs-adv ul.thumbs').fadeOut('slow', callback);
				},
				onPageTransitionIn:     function() {
					$('#thumbs-adv ul.thumbs').fadeIn('slow');
				}
				


			});

			$("div.navigation").css({ "width": "200px", "float": "left" });
            $("div.content").css({ "display": "block" });
		});