var step = 1;

var changeStep = function(step) {
  $("#thingy").attr("step", step);
  console.log(step)
};

var move = function(dir) {
  step += dir;
  if (step > 4) {
    step = 1;
  } else if (step < 1) {
    step = 4;
  }
  changeStep(step);
};

$("#left").click(function() {move(-1);});
$("#right").click(function() {move(1)});
$(".step-1").click(function() {changeStep(1)});
$(".step-2").click(function() {changeStep(2)});
$(".step-3").click(function() {changeStep(3)});
$(".step-4").click(function() {changeStep(4)});

Mousetrap.bind('left', function() { move(-1); });
Mousetrap.bind('right', function() { move(1); });