(function($, window, undefined) { Wb_carrousel = function() { this.load = true; this.animate = 0; this.timer = 5000; this.tCount = 0; this.timerID; this._init(); }; Wb_carrousel.prototype = { _init:function() { if(this.load == true) { this.load = false; this._eventBtn(); } else { return false; } }, imgChange:function(e) { var _self = e.currentTarget, Num = $(_self).index(); if( $(_self).attr('class') == 'active' || this.animate == 1 ) return false; this.animate = 1; //msg change $('.Windows_Brand_carrousel_msg').find('div.active').css({'display':'none'}).removeClass('active'); $('.Windows_Brand_carrousel_msg').find('div').eq(Num).css({'display':'block','margin-left':'20px'}).animate({'margin-left':'0px'}).addClass('active'); //img change $('.Windows_Brand_carrousel_img').find('div').eq(Num).css({'z-index':3}).animate({ 'opacity': 1}, 'slow', function() { $('.Windows_Brand_carrousel_img').find('div').eq(Num).addClass('active'); Wb_carrousel.animate = 0; }); $('.Windows_Brand_carrousel_img').find('div.active').css({'z-index':1}).animate({ 'opacity': 0}, 'fast', function() { $('.Windows_Brand_carrousel_img').find('div.active').removeClass('active'); }); //nav change $('.Windows_Brand_carrousel_nav').find('li').removeClass('active'); $(_self).addClass('active'); //counter reset clearTimeout( this.timerID ); Wb_carrousel.Timerfunc() }, Timerfunc:function() { this.timerID = setTimeout(function(){ //現在のactive値を取得 var Num = $('.Windows_Brand_carrousel_msg').find('div.active').index(); //animation中は中断 if( Wb_carrousel.animate == 1 ) return false; Wb_carrousel.animate = 1; if( Num != 2 ) { //msg change $('.Windows_Brand_carrousel_msg').find('div.active').css({'display':'none'}).removeClass('active'); $('.Windows_Brand_carrousel_msg').find('div').eq(Num).next().css({'display':'block','margin-left':'20px'}).animate({'margin-left':'0px'}).addClass('active'); //img change $('.Windows_Brand_carrousel_img').find('div').eq(Num).next().css({'z-index':3}).animate({ 'opacity': 1}, 'slow', function() { $('.Windows_Brand_carrousel_img').find('div').eq(Num).next().addClass('active'); Wb_carrousel.animate = 0; }); $('.Windows_Brand_carrousel_img').find('div.active').css({'z-index':1}).animate({ 'opacity': 0}, 'fast', function() { $('.Windows_Brand_carrousel_img').find('div.active').removeClass('active'); }); //nav change $('.Windows_Brand_carrousel_nav').find('li').removeClass('active'); $('.Windows_Brand_carrousel_nav').find('li').eq(Num).next().addClass('active'); } else { //msg change $('.Windows_Brand_carrousel_msg').find('div.active').css({'display':'none'}).removeClass('active'); $('.Windows_Brand_carrousel_msg').find('div').eq(0).css({'display':'block','margin-left':'20px'}).animate({'margin-left':'0px'}).addClass('active'); //img change $('.Windows_Brand_carrousel_img').find('div').eq(0).css({'z-index':3}).animate({ 'opacity': 1}, 'slow', function() { $('.Windows_Brand_carrousel_img').find('div').eq(0).addClass('active'); Wb_carrousel.animate = 0; }); $('.Windows_Brand_carrousel_img').find('div.active').css({'z-index':1}).animate({ 'opacity': 0}, 'fast', function() { $('.Windows_Brand_carrousel_img').find('div.active').removeClass('active'); }); //nav change $('.Windows_Brand_carrousel_nav').find('li').removeClass('active'); $('.Windows_Brand_carrousel_nav').find('li').eq(0).addClass('active'); } //ループ実行 Wb_carrousel.Timerfunc(); }, 5000); }, _eventBtn:function() { $('.Windows_Brand_carrousel_nav').find('li').on('click', $.proxy( this.imgChange,this ) ); $(window).on('load', $.proxy( this.Timerfunc,this ) ); } }; window.Wb_carrousel = new Wb_carrousel(); })(jQuery, this);