$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 430;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  var slideTimerId = -1; 
  var quoteNumber = -1;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
  .wrapAll('<div id="slideInner"></div>')
  // Float left to display horizontally, readjust .slides width
  .css({
    'float' : 'left',
    'width' : slideWidth
  });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Create event listeners for .controls clicks
  $('.control a')
    .bind('click', function(){
      // Determine new position
      currentPosition = parseInt($(this).attr('rel')) - 1;
      // update controls
      manageControls(currentPosition);
      // Move slideInner using margin-left
      moveSlides(currentPosition);
      return false;
    });
  
  function moveSlides (currentPosition) {
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  }

  // manageControls: Hides and shows controls depending on currentPosition
  function manageControls(position){
    $('.control a.cur').removeAttr('class');
    $('.control a[rel=' + (currentPosition + 1) + ']').attr('class', 'cur');
  }
  
  function slidesTimer() {
    slideTimerId = setTimeout(function(){ 
      currentPosition = (currentPosition + 1) % numberOfSlides; 
      changeQuote();  
      moveSlides(currentPosition);
      manageControls(currentPosition);
      slidesTimer();
    }, 10000);
  }
  slidesTimer();
  
  $('.control').bind("mouseenter",function(){
       clearTimeout(slideTimerId);
    }).bind("mouseleave",function(){
       slidesTimer();
    });
  $('.btnReadMore').bind("mouseenter",function(){
       clearTimeout(slideTimerId);
    }).bind("mouseleave",function(){
       slidesTimer();
    });

   function changeQuote() {
       //quoteNumber = (quoteNumber + 1) % 3;
       quoteNumber = (Math.floor(currentPosition/2 )) % 3;
       $('.featureQuote').empty();
       $('#quote'+ quoteNumber).children().clone().appendTo('.featureQuote');
    }
  
});