$(function() {
    
    // initialize scrollable
     $(".slider").scrollable({
         vertical: false,
         easing: "swing",
         speed:10,
         onBeforeSeek: function() { jQuery(".slider div").fadeTo(1100, 0.33);},
         onSeek: function() { jQuery(".slider div").fadeTo(1100, 1);}})
     .navigator({
         keyboard: false
     });
     $(".PIC360").css("margin-top","1000px");
     $(".link-360").click(function(){
         $(".PIC360").css("margin-top","0px");
         $(".nav-controls").addClass("hidden-content");
         
     });
     $(".thumb-pic").click(function(){
         $(".PIC360").css("margin-top","1000px");
         $(".nav-controls").removeClass("hidden-content");
         
     });
    
    if($('.slider-thumb-holder').length){
        // 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:                 15,
                preloadAhead:              10,
                enableTopPager:            true,
                enableBottomPager:         true,
                maxPagesToShow:            7,
                imageContainerSel:         '#slideshow',
                controlsContainerSel:      '#controls',
                captionContainerSel:       '#caption',
                loadingContainerSel:       '#loading',
                renderSSControls:          true,
                renderNavControls:         true,
                playLinkText:              '',
                pauseLinkText:             '',
                prevLinkText:              '<div class=\'slider-left-arr\'></div>',
                nextLinkText:              '<div class=\'slider-right-arr\'></div>',
                nextPageLinkText:          'Next &rsaquo;',
                prevPageLinkText:          '&lsaquo; 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);
                },
                onPageTransitionOut:       function(callback) {
                        this.fadeTo('fast', 0.0, callback);
                },
                onPageTransitionIn:        function() {
                        this.fadeTo('fast', 1.0);
                }
        });
    }
    
});