Team:Shenzhen BGIC 0101/js/frontpage-bambam

From 2013.igem.org

var initSlider = function() {

   $('#img-slider li').bind({
       reposition: function() {
           var degrees = $(this).data('roundabout').degrees,
               roundaboutBearing = $(this).parent().data('roundabout').bearing,
               rotateY = Math.sin((roundaboutBearing - degrees) * (Math.PI/180)) * 9;

           $(this).css({
               "-webkit-transform": 'rotate(' + rotateY + 'deg)',
               "-moz-transform": 'rotate(' + rotateY + 'deg)',
               "-ms-transform": 'rotate(' + rotateY + 'deg)',
               "-o-transform": 'rotate(' + rotateY + 'deg)',
               "transform": 'rotate(' + rotateY + 'deg)'
           });
       }
   });

   $('.jQ_sliderPrev').on('click', function(){
       $('#img-slider').roundabout('animateToNextChild');

       return false;
   });

   $('.jQ_sliderNext').on('click', function(){
       $('#img-slider').roundabout('animateToPreviousChild');

       return false;
   });

   $('body').on('keyup', function(e) {
       var keyCode = e.which || e.keyCode;

       if(keyCode == 37) {
           $('#img-slider').roundabout('animateToPreviousChild');
           e.preventDefault();
           return false;
       } else if(keyCode == 39) {
           $('#img-slider').roundabout('animateToNextChild');
           e.preventDefault();
           return false;
       }
   });

   $('.jQ_sliderSwitch li').on('click', function() {
       var $elem = $(this);
       var index = $elem.index();

       $('#img-slider').roundabout('animateToChild', index);

       return false;
   });

   $('#img-slider').roundabout({
       minScale: 0.4,
       maxScale: 0.9,
       duration: 750
   }).bind({
       animationEnd: function(e) {
           var index = $('#img-slider').roundabout('getChildInFocus');
           $('.jQ_sliderSwitch li').removeClass('active');
           $('.jQ_sliderSwitch li').eq(index).addClass('active');
       }
   });

   $('#text-slider').roundabout({
       minOpacity: 0,
       minScale: 1,

// autoplay: false, // autoplayDuration: 10000, // autoplayPauseOnHover: true,

       duration: 1000
   }).bind({
       animationEnd: function(e) {
           var index = $('#text-slider').roundabout('getChildInFocus');
           $('.jQ_sliderTextSwitch li').removeClass('active');
           $('.jQ_sliderTextSwitch li').eq(index).addClass('active');
       }
   });

   $('.jQ_sliderTextPrev').on('click', function(){
       $('#text-slider').roundabout('animateToNextChild');

       return false;
   });

   $('.jQ_sliderTextNext').on('click', function(){
       $('#text-slider').roundabout('animateToPreviousChild');

       return false;
   });

   $('.jQ_sliderTextSwitch li').on('click', function() {
       var $elem = $(this);
       var index = $elem.index();

       $('#text-slider').roundabout('animateToChild', index);

       return false;
   });

};

$(document).ready(function(){

   initSlider();

});