MapsSlider

App.Sliders = {
  intro_slider : $('#intro_slider'),
  maps_slider  : $('#maps_slider'),


  init : function () {
    App.Sliders.bind();
    App.Sliders.introSlider();
    App.Sliders.mapsSlider();
  }

  ,bind : function () {}

  ,introSlider : function () {
    console.log('active slider');
  }

  ,mapsSlider : function () {
    App.Sliders.maps_slider.find('.slides_pages').html();

    var slider = new SliderUtil({
        items           : '.maps_list .slide',
        change          : change,
        enableDraging   : 100,
        enableKeyboard  : true,
        controler       : ['.slides_pages', '<li></li>', '', 'active'],
        time            : 5,
    });

    App.Sliders.maps_slider.on('swiperight', slider.next);
    App.Sliders.maps_slider.on('swipeleft', slider.prev);

    function change (current, prev, index, dest) {
      current.addClass('active');

      TweenMax.fromTo(current, 1, { autoAlpha:0}, {autoAlpha:1 });

      TweenMax.to(prev, 1, {autoAlpha:0, onComplete:function (){
        prev.removeClass('active');
      }});
    }
  }
}