// Initially set opacity on thumbs and add
			// additional styling for hover effect on thumbs
			var onMouseOutOpacity = 0.2;	// 0.67
			$('#thumbs-adv 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-adv').galleriffic('#thumbs-adv', {
					delay:                  7000,
					numThumbs:              12,
					preloadAhead:           -1,
					enableTopPager:         true,
					enableBottomPager:      true,
					imageContainerSel:      '#slideshow-adv',
					controlsContainerSel:   '#controls-adv',
					captionContainerSel:    '#caption-adv',
					loadingContainerSel:    '#loading-adv',
					mainContainerSel:    	'#gallery_adv',
					categoryContainerSel:   '#galerie_kategorie_txt',
					
					renderSSControls:       true,
					renderNavControls:      true,
					
					useDimBackgroundForSlideshow : true,
					dimBackgroundAtLoad : false,
					
					dimBackgroundOverlayId : 'picture_overlay',
					elementOnTopOfDimBackgroundId : 'gallery_adv',										
					
					playLinkText:           'Diashow abspielen',
					playLinkButton:         '<img style="border: 0px" src="http://www.olafkrueger.com/img/buttons/player_play.gif" alt="Diashow abspielen" border="0">',
					pauseLinkText:          'Diashow anhalten',
					pauseLinkButton:        '<img style="border: 0px" src="http://www.olafkrueger.com/img/buttons/player_pause.gif" alt="Diashow anhalten" border="0">',
					
					prevLinkText:           '&lsaquo; vorheriges Foto',
					prevLinkButton:         '<img style="margin-right:8px;border: 0px" src="http://www.olafkrueger.com/img/buttons/player_rew.gif" alt="&lsaquo; vorheriges Foto" border="0">',
					nextLinkText:           'n&auml;chstes Foto &rsaquo;',
					nextLinkButton:         '<img style="margin-left:8px; border: 0px" src="http://www.olafkrueger.com/img/buttons/player_fwd.gif" alt="n&auml;chstes Foto &rsaquo;" border="0">',
					
					
					nextPageLinkButton:     '<img style="border: 0px" src="http://www.olafkrueger.com/img/buttons/player_fwd.gif" alt="weiter &rsaquo;" border="0" style="padding: 2px 0px 0px 5px;">',
					nextPageLinkText:       'weiter &rsaquo;',
					prevPageLinkButton:		'<img style="border: 0px" src="http://www.olafkrueger.com/img/buttons/player_rew.gif" alt="&lsaquo; zur&uuml;ck" border="0" style="padding: 2px 0px 0px 0px;">',
					prevPageLinkText:       '&lsaquo; zur&uuml;ck',
					
					
					enableHistory:          true,
					autoStart:              false,
					
					onChange:               function(prevIndex, nextIndex) {
						$('#thumbs-adv ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:        function(callback) {
						$('#slideshow-adv, #caption-adv').fadeOut('slow', callback);
					},
					onTransitionIn:         function() {
						$('#slideshow-adv, #caption-adv').fadeIn('slow');
					},
					onPageTransitionOut:    function(callback) {
						$('#thumbs-adv ul.thumbs').fadeOut('fast', callback);
					},
					onPageTransitionIn:     function() {
						$('#thumbs-adv ul.thumbs').fadeIn('fast');
					}
				});
				

			});