var faderSlideNo = 0;
var slides;
var slide;
function faderLeft() {
    faderSlideNo--;
    if (faderSlideNo < 0) { faderSlideNo = slides.length - 1; }
    faderShow();
}

function faderRight() {
    faderSlideNo++;
    if (faderSlideNo >= slides.length) { faderSlideNo = 0; }    
    faderShow();
}

function initFader() {
    slides = $(".fader .fader-slides").children();
    slide = $(".fader-slide");
    faderShow();
}

function faderShow() {
    $(slide).fadeOut(function () {
        $(slide).html($(slides[faderSlideNo]).html());
        $(slide).fadeIn();
    });
}


$(function () {
    initFader();

    $(".fader-left").hover(
      function () {
          $(this).addClass("hover");
      },
      function () {
          $(this).removeClass("hover");
      }
    ).click(faderLeft);

    $(".fader-right").hover(
      function () {
          $(this).addClass("hover");
      },
      function () {
          $(this).removeClass("hover");
      }
    ).click(faderRight);


    // The number of seconds that the slider will auto-advance in:
    var changeEvery = 10;
    var itvl = setInterval(function () { faderRight() }, changeEvery * 1000);
});