https://www.asia-p.co.jp/js/ss.js

1// Globals for Slideshow
2document.hTimeout = 0;
3document.ssInterval = 5000;
4document.ssPlay = false;
5document.lastSlide = 0;
6
7jQuery(function($) {
8
9    //
10    // メインビジュアル
11    //
12    // The slideshow function
13    document.chgSlide = function ( idx ) {
14	var id = '#mv' + document.curSlide.toString();
15	if ( document.ssPlay ) {
16	    var oid = '#mv' + document.lastSlide.toString();
17	    $(id).stop();
18	    $(id).css( 'opacity', 1 );
19	    $(oid).css( 'z-index', -9999 );
20	    document.ssPlay = false;
21	} else if ( document.hTimeout ) {
22	    window.clearTimeout( document.hTimeout );
23	    document.hTimeout = 0;
24	}
25	document.lastSlide = document.curSlide;
26	document.curSlide++;
27	if ( document.curSlide > document.maxSlide ) document.curSlide -= document.maxSlide;
28	else if ( document.curSlide <= 0 ) document.curSlide += document.maxSlide;
29	var nid = '#mv' + document.curSlide.toString();
30	document.ssPlay = true;
31	// Alpha-blend Effect
32	$(id).css( 'z-index', 0 );
33	$(nid).css( { zIndex: 100, opacity: 0 } );
34	$(nid).animate({ opacity: 1 }, 2500, 'linear', function() {
35	    $(id).css( 'z-index', -9999 );
36	    document.ssPlay = false;
37	    document.hTimeout = window.setTimeout( document.chgSlide, document.ssInterval );
38	});
39    };
40
41    document.hTimeout = window.setTimeout( document.chgSlide, 7500 );
42
43    // トップ 3つの力 slideUp/Down表示と矢印画像の入れ替え
44    $('#top_strengths .strength_inner').each( function () {
45	var imgbtn = $(this).find('.expand_btn img').first();
46	$(this).bind( 'mouseover', function( event ) {
47	    imgbtn.attr( 'src', imgbtn.attr( 'src' ).replace( /Arrow\./, 'ArrowDown.' ) );
48	    $(this).stop().animate( { height: '223px' }, 'fast' );
49	    event.preventDefault();
50	});
51	$(this).bind( 'mouseout', function( event ) {
52	    imgbtn.attr( 'src', imgbtn.attr( 'src' ).replace( /ArrowDown\./, 'Arrow.' ) );
53	    $(this).stop().animate( { height: '50px' }, 'fast' );
54	    event.preventDefault();
55	});
56    });
57
58});