'use strict';
$(function() {
    //settings for slider
    var width = 700;
    var animationSpeed = 3000;
    var pause = 10000;
    var currentSlide = 1;

    //cache DOM elements
    var $slider = $('#slider');
    var $slideContainer = $('.slides', $slider);
    var $slides = $('.slide', $slider);

    setInterval(function() {
        $slideContainer.animate({'margin-left': '-='+width}, animationSpeed);
    }, pause);

    function startSlider(slideIndex) {
        $slideContainer.animate({'margin-left': '-=' + slideIndex}, animationSpeed);

    }

    //function pauseSlider() {
    //    clearInterval(interval);
    //}

    $('#back').on('click', function() {
        startSlider(width);
    });

    $('#forward').on('click', function() {
        startSlider(-width);
    });

    //$slideContainer
    //    .on('mouseenter', pauseSlider)
    //    .on('mouseleave', startSlider);

    startSlider(1);
});