jQuery(document).ready(function($) {
    // We only want these styles applied when javascript is enabled
    $('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:                     5000,　//フェードアウトの時間の変更
    numThumbs:                 15,　
    preloadAhead:              10,
    enableTopPager:            false,　// trueでサムネイル上部にページャー表示
    enableBottomPager:         false, // trueでサムネイル下部にページャー表示
    maxPagesToShow:            7,
    imageContainerSel:         '#slideshow',　
    loadingContainerSel:       '#loading',
    renderSSControls:          false,　// trueで画像の上部にスライドショーのオンオフボタン表示
    renderNavControls:         false,  // trueで画像の上部に画像送り戻しのボタン表示
    enableHistory:             false,
    autoStart:                 true, // 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);
    }
});
});