// SET THIS VARIABLE FOR DELAY, 1000 = 1 SECOND
var _learnMoreSliderDelay = 10000;
var _learnMoreSliderIntervalID;

function doMove(panelWidth, tooFar)
{
  var leftValue = $('#mover').css('left');

  // Fix for IE
  if (leftValue == 'auto') { leftValue = 0; };

  var movement = parseFloat(leftValue, 10) - panelWidth;

  if (movement == tooFar)
  {
    $('.slide div.learnmore').animate({
      'top': -300
    }, function()
    {
      $('#mover').animate({
        'left': 0
      }, function()
      {
        $('.slide div.learnmore').animate({
          'top': 60
        });
      });
    });
  }
  else
  {
    $('.slide div.learnmore').animate({
      'top': -300
    }, function()
    {
      $('#mover').animate({
        'left': movement
      }, function()
      {
        $('.slide div.learnmore').animate({
          'top': 60
        });
      });
    });
  }
}

function stopSliding()
{
  clearInterval(_learnMoreSliderIntervalID);
}

$(function()
{
  var $slide1 = $('#slide-1');

  var panelWidth = $slide1.css('width');
  var panelPaddingLeft = $slide1.css('paddingLeft');
  var panelPaddingRight = $slide1.css('paddingRight');

  panelWidth = parseFloat(panelWidth, 10);
  panelPaddingLeft = parseFloat(panelPaddingLeft, 10);
  panelPaddingRight = parseFloat(panelPaddingRight, 10);

  panelWidth = panelWidth + panelPaddingLeft + panelPaddingRight;

  var numPanels = $('.slide').length;
  var tooFar = -(panelWidth * numPanels);
  var totalMoverWidth = numPanels * panelWidth;
  $('#mover').css('width', totalMoverWidth);

  $('#slider').append('<div id="slider-stopper">Stop</div>');

  _learnMoreSliderIntervalID = setInterval(function()
  {
    doMove(panelWidth, tooFar);
  }, _learnMoreSliderDelay);

  $('#slider-stopper').click(function()
  {
    if ($(this).text() == 'Stop')
    {
      clearInterval(_learnMoreSliderIntervalID);
      $(this).text('Start');
    }
    else
    {
      _learnMoreSliderIntervalID = setInterval(function()
      {
        doMove(panelWidth, tooFar);
      }, _learnMoreSliderDelay);
      $(this).text('Stop');
    }

  });
});