jQuery(document).ready(function($) {
                // We only want these styles applied when javascript is enabled
                $('div.navigation').css({'width' : '570px', 'float' : 'left','margin-left':'25px'}); 
                $('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
		if(jQuery(".page-id-507").length > 0){
                var ng_gallery = $('#thumbs').galleriffic({
                    delay:                     2500,
                    numThumbs:                 18,
                    preloadAhead:              10,
                    enableTopPager:            false,
                    enableBottomPager:         true,
                    maxPagesToShow:            7,
                    imageContainerSel:         '#slideshow',
                    controlsContainerSel:      '#controls',
                    captionContainerSel:       '#caption',
                    loadingContainerSel:       '#loading',
                    renderSSControls:          false,
                    renderNavControls:         true,
                    playLinkText:              'Play Slideshow',
                    pauseLinkText:             'Pause Slideshow',
                    prevLinkText:              '',
                    nextLinkText:              '',
                    nextPageLinkText:          'Next ›',
                    prevPageLinkText:          '‹ Prev',
                    enableHistory:             false,
                    autoStart:                 false,
                    syncTransitions:           true,
                    defaultTransitionDuration: 900,
                    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);

                    },
                    onTransitionIn:   function(slide, caption, isSync) {
                     slide.fadeTo(this.getDefaultTransitionDuration(isSync), 1.0);
                     if (caption){
                        caption.fadeTo(this.getDefaultTransitionDuration(isSync), 1.0);
                     }
                    
                     if( jQuery(caption).text().trim() === ""){
                      jQuery("#caption").slideUp();
                     }else{
                      jQuery("#caption").slideDown();
                     }
                    },
                    onPageTransitionOut:       function(callback) {
                        this.fadeTo('fast', 0.0, callback);
                    },
                    onPageTransitionIn:        function() {

                        this.fadeTo('fast', 1.0);
                    }
                });
		}

            });