$(document).ready(offerScrollInit);

function offerScrollInit() {

  var offers = $('.home-offer-list-offer');
  var offerCount = offers.length - 4;

  $('#home-offer-scroll-slider').slider({
    min: 0,
    max: offerCount,
    orientation: 'vertical',
    slide: function(event, ui) {
      var index = offerCount - ui.value;
      offerScrollUpdate(index);
    }
  });

  $('#home-offer-scroll-slider').slider('value', offerCount);

  $('#home-offer-scroll-top').click(function() {
    var value = $('#home-offer-scroll-slider').slider('value');
    var index = offerCount - value;
    if(index > 0) {
      $('#home-offer-scroll-slider').slider('value', value + 1);
      offerScrollUpdate(index - 1);
    }
  });

  $('#home-offer-scroll-bottom').click(function() {
    var value = $('#home-offer-scroll-slider').slider('value');
    var index = offerCount - value;
    if(index < offerCount) {
      $('#home-offer-scroll-slider').slider('value', value - 1);
      offerScrollUpdate(index + 1);
    }
  });

}

function offerScrollUpdate(index) {

  var offers = $('.home-offer-list-offer');
  $.each(offers, function(ind, value) {
    if(ind < index || ind > index + 4)
      $(value).hide();
    else
      $(value).show();
  });

}

var firstProduct = 0;

function homeProductsRight() {

  var productBoxes = $('#home-products-box li');
  if(firstProduct < productBoxes.length - 4)
    firstProduct++;

  for(var i = 0; i < productBoxes.length; i++) {
    if(i < firstProduct || i > (firstProduct + 3)) {
      if(!$(productBoxes[i]).hasClass('hidden'))
      	$(productBoxes[i]).addClass('hidden');
    } else {
      if($(productBoxes[i]).hasClass('hidden'))
      	$(productBoxes[i]).removeClass('hidden');
    }
  }
}

function homeProductsLeft() {

  var productBoxes = $('#home-products-box li');
  if(firstProduct > 0)
    firstProduct--;

  for(var i = 0; i < productBoxes.length; i++) {
    if(i < firstProduct || i > (firstProduct + 3)) {
      if(!$(productBoxes[i]).hasClass('hidden'))
      	$(productBoxes[i]).addClass('hidden');
    } else {
      if($(productBoxes[i]).hasClass('hidden'))
      	$(productBoxes[i]).removeClass('hidden');
    }
  }
}