	// Initially set opacity on thumbs and add
			// additional styling for hover effect on thumbs
			var onMouseOutOpacity = 0.65;
			$('#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:                  2000,
					numThumbs:              6,
					preloadAhead:           18,
					enableTopPager:         false,
					enableBottomPager:      true,
					imageContainerSel:      '#slideshow',
					controlsContainerSel:   '#controls',
					captionContainerSel:    '#caption',
					loadingContainerSel:    '#loading',
					renderSSControls:       true,
					renderNavControls:      true,
					playLinkText:           '',
					pauseLinkText:          '',
					prevLinkText:           '&lsaquo; Vorige Foto',
					nextLinkText:           'Volgende Foto &rsaquo;',
					nextPageLinkText:       '',
					prevPageLinkText:       '',
					playLinkText:           '',
					pauseLinkText:          '',
					prevLinkText:           '&laquo; Vorige',
					nextLinkText:           'Volgende &raquo;',
					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) {
						$('#slideshow, #caption').fadeOut('fast', callback);
					},
					onTransitionIn:         function() {
						$('#slideshow, #caption').fadeIn('fast');
					},
					onPageTransitionOut:    function(callback) {
						$('#thumbs ul.thumbs').fadeOut('fast', callback);
					},
					onPageTransitionIn:     function() {
						$('#thumbs ul.thumbs').fadeIn('fast');
					}
				});
				
				
			});
			
document.write("<style type='text/css'>div.content{float: left; width: 525px; height:375px; display: block;background:#1f1c1b;} </style>");
document.write("<style type='text/css'>div.navigation{display:block; width:525px; float: left; clear:left;margin-bottom:0px;background:#1f1c1b; padding-bottom:0px;} </style>");
document.write("<style type='text/css'>* html div.content{float: left; width: 525px; overflow:hidden;height:375px; display: block;background:#1f1c1b;} </style>");
document.write("<style type='text/css'>* html div.navigation{display:block; width:525px; overflow:hidden;float: left; clear:left;margin-bottom:0px;background:#1f1c1b; padding-bottom:0px;} </style>");

