// Script du logo www.onyx-metal.fr //
// Copyright REDBLAST //

var animPosX = new Array(5, 14, 33, 60, 94, 134, 177, 221, 276, 332, 413, 0, 115, 252, 416, 0, 195, 398, 0, 200, 388, 0, 150, 272, 371, 450, 0, 52, 105, 156, 207, 256, 302, 341, 372, 393);
var animPosY = new Array(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 84, 84, 84, 84, 169, 169, 169, 266, 266, 266, 376, 376, 376, 376, 376, 488, 488, 488, 488, 488, 488, 488, 488, 488, 488);
var animSizeX = new Array(9, 19, 27, 34, 40, 43, 44, 55, 56, 81, 96, 115, 137, 164, 185, 195, 203, 203, 200, 188, 181, 150, 122, 99, 79, 62, 52, 53, 51, 51, 49, 46, 39, 31, 21, 11);
var animSizeY = new Array(20, 29, 35, 42, 47, 55, 61, 69, 72, 78, 84, 85, 82, 79, 75, 81, 89, 97, 102, 107, 110, 112, 107, 109, 111, 95, 91, 75, 64, 63, 43, 38, 33, 32, 28, 16);
var dstPosX = new Array(201, 201, 201, 201, 201, 201, 201, 191, 191, 168, 154, 136, 115, 89, 68, 55, 38, 24, 15, 9, 7, 7, 7, 7, 8, 9, 9, 9, 10, 10, 12, 15, 21, 29, 39, 49);
var dstPosY = new Array(86, 86, 84, 84, 84, 82, 82, 79, 82, 86, 91, 95, 99, 103, 106, 100, 92, 85, 79, 74, 69, 65, 61, 57, 55, 53, 52, 52, 52, 52, 52, 52, 53, 53, 54, 53);

var currImage;
var tempo;

function initLogoOnyx() {
  currImage = 0;
  tempo = 0;

  setLogoFrame(0);

  var logoAnim = document.getElementById("logoOnyxAnim");
  var logoFull = document.getElementById("logoOnyxFull");
  logoAnim.style.display = "block";
  logoFull.style.display = "none";

  setInterval("updateLogoOnyx()", 70);
}

function updateLogoOnyx() {
  if (currImage == 18) {
    if (tempo <100) {
      tempo++;
      return;
    } else
      tempo = 0;
  }

  setLogoFrame(currImage);

  if (currImage < (animPosX.length - 1))
        currImage++;
  else
        currImage = 0;
}

function setLogoFrame(frameIdx) {
  var logoAnim = document.getElementById("logoOnyxAnim");

  logoAnim.style.left = dstPosX[frameIdx] + 2 + "px";
  logoAnim.style.top = dstPosY[frameIdx] + 2 + "px";
  logoAnim.style.width = animSizeX[frameIdx] - 4 + "px";
  logoAnim.style.height = animSizeY[frameIdx] - 4 + "px";
  logoAnim.style.backgroundPosition = -(animPosX[frameIdx] + 2) + "px " + -(animPosY[frameIdx] + 2) + "px";
}