$(function(){
    $(window).bind("load resize", function(){
        var container = $("div#scroller");
        var table  = $("div#scroller table.compare-tovar");
        var next = $("li#next-tovar");
        var prev = $("li#previous-tovar");
        var dim = table.width() - container.width();
        next.unbind("click");
        prev.unbind("click");

        if(dim < 0) {
          next.hide();
          prev.hide();
        } else {
          next.show();
          prev.show();
        }

        container.css({"position":"relative", "overflow": "hidden"});
        table.css({"position":"relative"});

        next.bind("click", function(){
          if (parseInt(table.css("left")) > -dim) {
            table.animate({
                left: "-=232",
              }, 1000);
          };
        });

        prev.bind("click", function(){
          if (parseInt(table.css("left")) < 0) {
            table.animate({
                left: "+=232",
              }, 1000);
          };
          });
      });
});