icoBg = new Image(1,1)
icoBg.src = "/imgs/ico1-hover.png"

$(".goLeft").click(function () {
  var thisLeftArrow = $(this);
  var thisBody = $(this).parent().next();
  var thisRightArrow = $(this).parent().next().next().children();
  var left = parseInt(thisBody.css("left"));
  var elems = thisBody.children().length;
  var imWidth = parseInt(thisBody.children().first().css("width"));
  var perSlide = 4;
  var maxLeft = -20;
  var amnt = 446;
  if (imWidth > 120) {
    perSlide = 3;
    maxLeft = -40;
    amnt = 480;
  }
  
  if ((left < maxLeft && !($(this).hasClass("disabled")))) {
    thisLeftArrow.addClass("disabled");
    thisRightArrow.addClass("disabled");
    thisRightArrow.removeClass("hide");
    if ((left + amnt) >= maxLeft) {
      thisLeftArrow.addClass("hide");
    } else {
      thisLeftArrow.removeClass("hide");
    }
    thisBody.animate({
          left: '+=' + amnt
    }, "slow", function() {
      thisRightArrow.removeClass("disabled");
      thisLeftArrow.removeClass("disabled");
    });
  }
});

$(".goRight").click(function ()  {
  var thisRightArrow = $(this);
  var thisBody = $(this).parent().prev();
  var thisLeftArrow = $(this).parent().prev().prev().children();
  var left = parseInt(thisBody.css("left"));
  var elems = thisBody.children().length;
  var imWidth = parseInt(thisBody.children().first().css("width"));
  // if 3 images per slide, maxLeft = -40, amnt = 480
  // if 4, maxLeft = -20, amnt = 446
  var perSlide = 4;
  var maxLeft = -20;
  var amnt = 446;
  if (imWidth > 120) {
    perSlide = 3;
    maxLeft = -40;
    amnt = 480;
  }
  var pages = Math.ceil( elems / perSlide ) - 1;
  if (pages > 0) {
    maxLeft = pages * -(amnt);
  }
  if ((left > maxLeft && !($(this).hasClass("disabled")))) {
    thisRightArrow.addClass("disabled");
    thisLeftArrow.addClass("disabled");
    thisLeftArrow.removeClass("hide");
    if ((left - amnt) < maxLeft) {
      thisRightArrow.addClass("hide");
    } else {
      thisRightArrow.removeClass("hide");
    }
    thisBody.animate({
          left: '-=' + amnt
    }, "slow", function() {
      thisRightArrow.removeClass("disabled");
      thisLeftArrow.removeClass("disabled");
    });
  }
});
$(".goLeft").hover(
      function () {
        var thisRightArrow = $(this).parent().next().next().children();
        if (!$(this).hasClass("disabled")) {
          $(this).addClass("hover");
        }
      }, 
      function () {
        if ($(this).hasClass("hover")) {
          $(this).removeClass("hover");
        }
      }
);
$(".goRight").hover(
    function () {
      if (!$(this).hasClass("disabled")) {
        $(this).addClass("hover");
      }
    }, 
    function () {
      if ($(this).hasClass("hover")) {
        $(this).removeClass("hover");
      }
    }
);