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

			// Initially set opacity on thumbs and add
			// additional styling for hover effect on thumbs
			var onMouseOutOpacity = 0.67;
			$('#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() {

			var div = document.getElementById("thumbs");
			div.style.display = "block";

			
				// Initialize Advanced Galleriffic Gallery
				var galleryAdv = $('#gallery').galleriffic('#thumbs', {
					delay:                  4000,
					numThumbs:              6,
					preloadAhead:           6,
					enableTopPager:         false,
					enableBottomPager:      true,
					imageContainerSel:      '#slideshow',
					controlsContainerSel:   '#controls',
					captionContainerSel:    '#caption',
					loadingContainerSel:    '#loading',
					renderSSControls:       false,
					renderNavControls:      true,
					playLinkText:           'Play Slideshow',
					pauseLinkText:          'Pause Slideshow',
					prevLinkText:           '‹ Previous',
					nextLinkText:           'Next ›',
					nextPageLinkText:       'Next',
					prevPageLinkText:       'Prev',
					enableHistory:          false,
					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);
						
						$('#imgdiv1').bind("click", function (e) { $("a#option1").trigger("click"); });
						$('#imgdiv2').bind("click", function (e) { $("a#option2").trigger("click"); });
						$('#imgdiv3').bind("click", function (e) { $("a#option3").trigger("click"); });
						$('#imgdiv4').bind("click", function (e) { $("a#option4").trigger("click"); });
						$('#imgdiv5').bind("click", function (e) { $("a#option5").trigger("click"); });
						$('#imgdiv6').bind("click", function (e) { $("a#option6").trigger("click"); });
																			
						$("a.group").fancybox({frameWidth: 650, frameHeight: 430});
			
					},
					onPageTransitionOut:    function(callback) {
						$('#thumbs ul.thumbs').fadeTo('fast', 0.0, callback);
					},
					onPageTransitionIn:     function() {
						$('#thumbs ul.thumbs').fadeTo('fast', 1.0);
					}
				});
				
				$('#imgdiv1').bind("click", function (e) { $("a#option1").trigger("click"); });
				$('#imgdiv2').bind("click", function (e) { $("a#option2").trigger("click"); });
				$('#imgdiv3').bind("click", function (e) { $("a#option3").trigger("click"); });
				$('#imgdiv4').bind("click", function (e) { $("a#option4").trigger("click"); });
				$('#imgdiv5').bind("click", function (e) { $("a#option5").trigger("click"); });
				$('#imgdiv6').bind("click", function (e) { $("a#option6").trigger("click"); });
				
				$("a.group").fancybox({frameWidth: 650, frameHeight: 430});
				
			});