// 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:              12,
					preloadAhead:           12,
					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"); });
						$('#imgdiv7').bind("click", function (e) { $("a#option7").trigger("click"); });
						$('#imgdiv8').bind("click", function (e) { $("a#option8").trigger("click"); });
						$('#imgdiv9').bind("click", function (e) { $("a#option9").trigger("click"); });
						$('#imgdiv10').bind("click", function (e) { $("a#option10").trigger("click"); });
						$('#imgdiv11').bind("click", function (e) { $("a#option11").trigger("click"); });
						$('#imgdiv12').bind("click", function (e) { $("a#option12").trigger("click"); });
						$('#imgdiv13').bind("click", function (e) { $("a#option13").trigger("click"); });
						$('#imgdiv14').bind("click", function (e) { $("a#option14").trigger("click"); });
						$('#imgdiv15').bind("click", function (e) { $("a#option15").trigger("click"); });
						$('#imgdiv16').bind("click", function (e) { $("a#option16").trigger("click"); });
						$('#imgdiv17').bind("click", function (e) { $("a#option17").trigger("click"); });
						$('#imgdiv18').bind("click", function (e) { $("a#option18").trigger("click"); });
						$('#imgdiv19').bind("click", function (e) { $("a#option19").trigger("click"); });
						$('#imgdiv20').bind("click", function (e) { $("a#option20").trigger("click"); });
						$('#imgdiv21').bind("click", function (e) { $("a#option21").trigger("click"); });
						$('#imgdiv22').bind("click", function (e) { $("a#option22").trigger("click"); });
						$('#imgdiv23').bind("click", function (e) { $("a#option23").trigger("click"); });
						$('#imgdiv24').bind("click", function (e) { $("a#option24").trigger("click"); });
						$('#imgdiv25').bind("click", function (e) { $("a#option25").trigger("click"); });
						$('#imgdiv26').bind("click", function (e) { $("a#option26").trigger("click"); });
						$('#imgdiv27').bind("click", function (e) { $("a#option27").trigger("click"); });
						$('#imgdiv28').bind("click", function (e) { $("a#option28").trigger("click"); });
						$('#imgdiv29').bind("click", function (e) { $("a#option29").trigger("click"); });
						$('#imgdiv30').bind("click", function (e) { $("a#option30").trigger("click"); });
						$('#imgdiv31').bind("click", function (e) { $("a#option31").trigger("click"); });
																			
						$("a.group").fancybox({frameWidth: 650, frameHeight: 450});
			
					},
					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"); });
				$('#imgdiv7').bind("click", function (e) { $("a#option7").trigger("click"); });
				$('#imgdiv8').bind("click", function (e) { $("a#option8").trigger("click"); });
				$('#imgdiv9').bind("click", function (e) { $("a#option9").trigger("click"); });
				$('#imgdiv10').bind("click", function (e) { $("a#option10").trigger("click"); });
				$('#imgdiv11').bind("click", function (e) { $("a#option11").trigger("click"); });
				$('#imgdiv12').bind("click", function (e) { $("a#option12").trigger("click"); });
				$('#imgdiv13').bind("click", function (e) { $("a#option13").trigger("click"); });
				$('#imgdiv14').bind("click", function (e) { $("a#option14").trigger("click"); });
				$('#imgdiv15').bind("click", function (e) { $("a#option15").trigger("click"); });
				$('#imgdiv16').bind("click", function (e) { $("a#option16").trigger("click"); });
				$('#imgdiv17').bind("click", function (e) { $("a#option17").trigger("click"); });
				$('#imgdiv18').bind("click", function (e) { $("a#option18").trigger("click"); });
				$('#imgdiv19').bind("click", function (e) { $("a#option19").trigger("click"); });
				$('#imgdiv20').bind("click", function (e) { $("a#option20").trigger("click"); });
				$('#imgdiv21').bind("click", function (e) { $("a#option21").trigger("click"); });
				$('#imgdiv22').bind("click", function (e) { $("a#option22").trigger("click"); });
				$('#imgdiv23').bind("click", function (e) { $("a#option23").trigger("click"); });
				$('#imgdiv24').bind("click", function (e) { $("a#option24").trigger("click"); });
				$('#imgdiv25').bind("click", function (e) { $("a#option25").trigger("click"); });
				$('#imgdiv26').bind("click", function (e) { $("a#option26").trigger("click"); });
				$('#imgdiv27').bind("click", function (e) { $("a#option27").trigger("click"); });
				$('#imgdiv28').bind("click", function (e) { $("a#option28").trigger("click"); });				
				$('#imgdiv29').bind("click", function (e) { $("a#option29").trigger("click"); });				
				$('#imgdiv30').bind("click", function (e) { $("a#option30").trigger("click"); });				
				$('#imgdiv31').bind("click", function (e) { $("a#option31").trigger("click"); });				
				
				$("a.group").fancybox({frameWidth: 650, frameHeight: 450});
				
			});