var imagePos = new Array();
  // top, left, width, height
  imagePos[0] = [43, 0, 42, 30];
  imagePos[1] = [32, 53, 80, 57];
  imagePos[2] = [0, 144, 175, 125];
  imagePos[3] = [32, 330, 80, 57];
  imagePos[4] = [43, 421, 42, 30];
  var currentDirection = 0;
  var minJukeboximage = -1;
  var maxJukeboximage = -1;
  var isAnimating = false;
  var endAnimating = false;
  
  function movejukebox(direction){
    currentDirection = direction * (-1);
    if(($("div#jukeboximage" + minJukeboximage).attr("arrrayCounter") == 2 && currentDirection == 1 ) || ($("div#jukeboximage" + maxJukeboximage).attr("arrrayCounter") == 2 && currentDirection == -1)){
      endAnimating = true;
    }else{
      endAnimating = false;
    }
    
    if(!isAnimating && !endAnimating){
      isAnimating = true;
      $("div[arrraycounter='2'] div.link").fadeOut("fast");
       $(".jukeboximage").each(function(i,e){
        jukeboximageId = $(e).attr("id");
        arrrayCounter = Number($("div#" + jukeboximageId).attr("arrrayCounter")) + Number(currentDirection);
        if((arrrayCounter > -1)&&(arrrayCounter <= 4)){
          $("div#" + jukeboximageId + " img").animate({
              width: imagePos[arrrayCounter][2],
              height: imagePos[arrrayCounter][3]
            }, 700);
          $("div#" + jukeboximageId + " canvas").animate({
              width: imagePos[arrrayCounter][2],
              height: imagePos[arrrayCounter][3]*0.5
            }, 700);
          if(currentDirection != 1){
            $("div#" + jukeboximageId).css("zIndex", 1000 - Math.abs(arrrayCounter));
          }
          $("div#" + jukeboximageId).animate({
              top: imagePos[arrrayCounter][0],
              left: imagePos[arrrayCounter][1]
            }, 700, swapDiv).attr("arrrayCounter", arrrayCounter);
        }
        $("div#" + jukeboximageId).attr("arrrayCounter", arrrayCounter);
      })// each
    }
  }
  function swapDiv(){
    $(".jukeboximage").each(function(i,e){
      jukeboximageId = $(e).attr("id");
      arrrayCounter = Number($("div#" + jukeboximageId).attr("arrrayCounter"));
      $("div#jukeboximage" + i).css("zIndex", 1000 - Math.abs(arrrayCounter));
    
    });
    $("div[arrraycounter='2'] div.link").fadeIn("fast");
    isAnimating = false;
    if($("div#jukeboximage" + maxJukeboximage).attr("arrrayCounter") == 2 && currentDirection == -1){
      $("#largeLeftButton a").addClass("inactive");
    }else{
      $("#largeLeftButton a").removeClass("inactive");
    }
    if($("div#jukeboximage" + minJukeboximage).attr("arrrayCounter") == 2 && currentDirection == 1 ){
      $("#largeRightButton a").addClass("inactive");
    }else{
      $("#largeRightButton a").removeClass("inactive");
    }
  }