function initGallery() {
	   jQuery(document).ready(function($) {
		     // We only want these styles applied when javascript is enabled
		     $('div.navigation').css({'width' : '182px', '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').opacityrollover({
		          mouseOutOpacity:   onMouseOutOpacity,
		          mouseOverOpacity:  1.0,
		          fadeSpeed:         'fast',
		          exemptionSelector: '.selected'
		        });
		        
		        // Initialize Advanced Galleriffic Gallery
		        var gallery = $('#thumbs').galleriffic({
		          delay:                     2500,
		          numThumbs:                 10,
		          preloadAhead:              10,
		          enableTopPager:            true,
		          enableBottomPager:         true,
		          maxPagesToShow:            5,
		          imageContainerSel:         '#slideshow',
		          controlsContainerSel:      '#controls',
		          captionContainerSel:       '#caption',
		          loadingContainerSel:       '#loading',
		          renderSSControls:          true,
		          renderNavControls:         true,
		          playLinkText:              'Diashow abspielen',
		          pauseLinkText:             'Diashow pausieren',
		          prevLinkText:              '‹ vorheriges Foto',
		          nextLinkText:              'nächstes Foto ›',
		          nextPageLinkText:          '›',
		          prevPageLinkText:          '‹',
		          enableHistory:             true,
		          autoStart:                 false,
		          syncTransitions:           false,
		          defaultTransitionDuration: 500,
		          onSlideChange:             function(prevIndex, nextIndex) {
		              // 'this' refers to the gallery, which is an extension of $('#thumbs')
		              this.find('ul.thumbs').children()
		                .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
		                .eq(nextIndex).fadeTo('fast', 1.0);
		              
		              	setTimeout("FB.XFBML.Host.parseDomTree()", 1000);
		            },
		            onPageTransitionOut:       function(callback) {
		              this.fadeTo('fast', 0.0, callback);
		            },
		            onPageTransitionIn:        function() {
		              this.fadeTo('fast', 1.0);
		          }
		        });

		        /****************************************************************************************/

		        /**** Functions to support integration of galleriffic with the jquery.history plugin ****/

		        // PageLoad function
		        // This function is called when:
		        // 1. after calling $.historyInit();
		        // 2. after calling $.historyLoad();
		        // 3. after pushing "Go Back" button of a browser
		        function pageload(hash) {
		          // alert("pageload: " + hash);
		          // hash doesn't contain the first # character.
		          if(hash) {
		            $.galleriffic.gotoImage(hash);
		          } else {
		            gallery.gotoIndex(0);
		          }
		        }

		        // Initialize history plugin.
		        // The callback is called at once by present location.hash. 
		        $.historyInit(pageload, "advanced.html");

		        // set onlick event for buttons using the jQuery 1.3 live method
		        $("a[rel='history']").live('click', function(e) {
		          if (e.button != 0) return true;

		          var hash = this.href;
		          hash = hash.replace(/^.*#/, '');

		          // moves to a new page. 
		          // pageload is called at once. 
		          // hash don't contain "#", "?"
		          $.historyLoad(hash);

		          return false;
		        });

		        /****************************************************************************************/
		      });
}