app.js

// KingBell on ItchIO
// BellBlitzKing@gmail.com

const $ = document.querySelector.bind(document);
const $$ = document.querySelectorAll.bind(document);
const pad2 = (n) => ("000" + n).slice(-2);
const b2Hex = (r, g, b) => ( "#" +
  pad2(r.toString(16)) +
  pad2(g.toString(16)) +
  pad2(b.toString(16))
);
const hex2R = (hex) => parseInt(hex.slice(1, 3), 16);
const hex2G = (hex) => parseInt(hex.slice(3, 5), 16);
const hex2B = (hex) => parseInt(hex.slice(5, 7), 16);
const hex2Arr = (h) => [hex2R(h), hex2G(h), hex2B(h)];


const img2b64 = (img) => {
  const canvas = document.createElement('canvas');
  //const ctx = canvas.getContext('2d'); //this was updated to prevent a warning on GetContext.
  const ctx = canvas.getContext("2d", { willReadFrequently: true });
  
  canvas.height = img.naturalHeight;
  canvas.width = img.naturalWidth;
  ctx.drawImage(img, 0, 0);
  return canvas.toDataURL("image/png").replace("data:image/png;base64,", "");
}

const getData = async (filename) => {
  const resp = await fetch(filename);
  const buf = await resp.arrayBuffer();
  loadZip(buf);
}

const loadZip = (buf) => {
  const data = new Uint8Array(buf)

  JSZip.loadAsync(data).then((zip) => {
    zip.file("conf.json").async("string").then((str) => {
      const conf = JSON.parse(str);
      setupConf(conf, zip.files);
    });
  }).catch(function(err) {
      console.error("Failed to open", filename, " as ZIP file:", err);
  });
}

{
  let configFileInput = $("#importconfig");

  configFileInput.onchange = () => {
	  
    const file = configFileInput.files[0];
	
    const fr = new FileReader();
	
    fr.addEventListener("load", () => {
      console.log(fr.result);
      loadZip(fr.result);
      configFileInput.value = "";	
	 }, false);
	
    fr.readAsArrayBuffer(file);
  }
}

//This GetData is only relevant when on a server to load a .zip at startup.

getData("./data/Import_config_Hero.zip");

//getData("./data/default.zip");
//getData("./data/Archive.zip");
//getData("Start_ImportMe_pixelconfig_template.zip");

// Update below for new anim. Add anim, frame name, frame count and modF anim frame return. (Anim Part 1)

const State = {
  anim: "base_run", // "stand", "idle", "run", "hurt", "die", Defaul animation after loading in
  base: 0,
  head: Math.floor(Math.random() * (163 - 0 + 1)) + 0,
  face: 0,
  getAnimX0: function(animName, frame) {
	if (animName == "base_stand") return 0 + frame;
    if (animName == "base_idle") return 2 + frame;
    if (animName == "base_run") return 7 + frame;
	if (animName == "base_hurt") return 12 + frame;
	if (animName == "base_die") return 17 + frame;
	if (animName == "base_press") return 22 + frame;

	if (animName == "jump") return 28 + frame;
	if (animName == "jump_hop") return 35 + frame;
	if (animName == "jump_double") return 42 + frame;
	if (animName == "run_ninja") return 51 + frame;
	if (animName == "run_one") return 58 + frame;
	if (animName == "run_two") return 63 + frame;
	if (animName == "run_wobble") return 68 + frame;
	if (animName == "run_leap") return 75 + frame;
	if (animName == "duck") return 82 + frame;
	if (animName == "duck_pose") return 89 + frame;
	
	if (animName == "re_spawn") return 91 + frame;
	if (animName == "re_teleport") return 98 + frame;
	if (animName == "re_warp") return 103 + frame;
	if (animName == "re_land") return 115 + frame;
	if (animName == "re_drop") return 120 + frame;
	if (animName == "re_hard") return 125 + frame;
	if (animName == "re_squash") return 130 + frame;
	
	if (animName == "air_one") return 136 + frame;
	if (animName == "air_two") return 141 + frame;
	if (animName == "air_three") return 146 + frame;
	if (animName == "air_four") return 148 + frame;
	if (animName == "air_five") return 150 + frame;
	if (animName == "air_six") return 152 + frame;
	
	if (animName == "knock_up_one") return 154 + frame;
	if (animName == "knock_up_two") return 159 + frame;
	if (animName == "knock_back_one") return 164 + frame;
	if (animName == "knock_back_two") return 169 + frame;
	if (animName == "knock_down_one") return 174 + frame;
	if (animName == "knock_down_two") return 179 + frame;
	
	if (animName == "life_rest") return 184 + frame;
	if (animName == "life_heal") return 193 + frame;
	if (animName == "life_sleep") return 200 + frame;
	
	if (animName == "fly_idle_one") return 207 + frame;
	if (animName == "fly_idle_two") return 212 + frame;
	if (animName == "fly_up_one") return 217 + frame;
	if (animName == "fly_up_two") return 222 + frame;
	if (animName == "fly_run_one") return 227 + frame;
	if (animName == "fly_run_two") return 233 + frame;
	
	if (animName == "dash_one") return 239 + frame;
	if (animName == "dash_two") return 244 + frame;
	if (animName == "dash_pose_one") return 249 + frame;
	if (animName == "dash_pose_two") return 251 + frame;
	if (animName == "dash_flash_step_one") return 253 + frame;
	if (animName == "dash_flash_step_two") return 257 + frame;
	
	if (animName == "spell_fire") return 261 + frame;
	if (animName == "spell_charge") return 267 + frame;
	if (animName == "spell_charge_staff") return 275 + frame;
	if (animName == "spell_charge_wand") return 283 + frame;
	if (animName == "spell_casting") return 291 + frame;
	if (animName == "spell_pose") return 300 + frame;
	
	if (animName == "hurt_one") return 302 + frame;
	if (animName == "hurt_skull") return 307 + frame;
	if (animName == "hurt_tear") return 312 + frame;
	if (animName == "hurt_blink") return 317 + frame;
	if (animName == "hurt_air_one") return 322 + frame;
	if (animName == "hurt_air_two") return 324 + frame;
	
	if (animName == "die_one") return 326 + frame;
	if (animName == "die_shrink") return 331 + frame;
	if (animName == "die_head") return 336 + frame;
	if (animName == "die_skull") return 343 + frame;
	if (animName == "die_poof") return 351 + frame;
	if (animName == "die_smoke") return 356 + frame;
	if (animName == "die_spark") return 363 + frame;
	if (animName == "die_explode") return 372 + frame;
	if (animName == "die_melt") return 384 + frame;
	if (animName == "die_melt_effect") return 393 + frame;
	if (animName == "die_soul") return 402 + frame;
	if (animName == "die_drown") return 412 + frame;
	if (animName == "die_sink") return 422 + frame;
	if (animName == "die_sink_trap") return 431 + frame;
	
	if (animName == "swim_idle_one") return 440 + frame;
	if (animName == "swim_idle_two") return 447 + frame;
	if (animName == "swim_idle_three") return 454 + frame;
	if (animName == "swim_idle_four") return 461 + frame;
	if (animName == "swim_idle_five") return 468 + frame;
	if (animName == "swim_idle_six") return 473 + frame;
	if (animName == "swim_idle_seven") return 478 + frame;
	if (animName == "swim_idle_eight") return 483 + frame;
	if (animName == "swim_move_one") return 488 + frame;
	if (animName == "swim_move_two") return 493 + frame;
	if (animName == "swim_move_three") return 500 + frame;
	if (animName == "swim_move_four") return 505 + frame;
	if (animName == "swim_arms_one") return 510 + frame;
	if (animName == "swim_arms_two") return 515 + frame;
	if (animName == "swim_arms_three") return 520 + frame;
	if (animName == "swim_arms_four") return 525 + frame;
	
	if (animName == "weapon_sword_idle") return 530 + frame;
	if (animName == "weapon_shield_idle") return 535 + frame;
	if (animName == "weapon_staff_idle") return 540 + frame;
	if (animName == "weapon_wand_idle") return 545 + frame;
	if (animName == "weapon_bow_tall_idle") return 550 + frame;
	if (animName == "weapon_bow_short_idle") return 555 + frame;
	if (animName == "weapon_sword_run") return 560 + frame;
	if (animName == "weapon_shield_run") return 565 + frame;
	if (animName == "weapon_staff_run") return 570 + frame;
	if (animName == "weapon_wand_run") return 575 + frame;
	if (animName == "weapon_bow_tall_run") return 580 + frame;
	if (animName == "weapon_bow_short_run") return 585 + frame;
	if (animName == "weapon_bow_tall_fire_fast") return 590 + frame;
	if (animName == "weapon_bow_tall_fire_slow") return 596 + frame;
	if (animName == "weapon_bow_tall_fire_fast_bag") return 603 + frame;
	if (animName == "weapon_bow_tall_fire_slow_bag") return 609 + frame;
	if (animName == "weapon_bow_short_fire_fast") return 616 + frame;
	if (animName == "weapon_bow_short_fire_slow") return 622 + frame;
	if (animName == "weapon_bow_short_fire_fast_bag") return 629 + frame;
	if (animName == "weapon_bow_short_fire_slow_bag") return 635 + frame;
	
	if (animName == "base_stands") return 642 + frame;
	if (animName == "die_extended") return 651 + frame;

	if (animName == "weapon_sword_atk_melee") return 662 + frame;
	if (animName == "weapon_staff_atk_melee") return 669 + frame;
	if (animName == "weapon_wand_atk_melee") return 676 + frame;
	if (animName == "weapon_shield_atk_melee") return 683 + frame;
	if (animName == "weapon_staff_atk_fire") return 692 + frame;
	if (animName == "weapon_wand_atk_fire") return 698 + frame;
	return 0;
  },
  modF: function(f) {
	if (this.anim == "base_stand") return (f % 1);
	if (this.anim == "base_idle") return (f % 4);
	if (this.anim == "base_run") return (f % 4);
	if (this.anim == "base_hurt") return (f % 4);
	if (this.anim == "base_die") return (f % 4);
	if (this.anim == "base_press") return (f % 5);

	if (this.anim == "jump") return (f % 6);
	if (this.anim == "jump_hop") return (f % 6);
	if (this.anim == "jump_double") return (f % 8);
	if (this.anim == "run_ninja") return (f % 6);
	if (this.anim == "run_one") return (f % 4);
	if (this.anim == "run_two") return (f % 4);
	if (this.anim == "run_wobble") return (f % 6);
	if (this.anim == "run_leap") return (f % 6);
	if (this.anim == "duck") return (f % 6);
	if (this.anim == "duck_pose") return (f % 1);

	if (this.anim == "re_spawn") return (f % 6);
	if (this.anim == "re_teleport") return (f % 4);
	if (this.anim == "re_warp") return (f % 11);
	if (this.anim == "re_land") return (f % 4);
	if (this.anim == "re_drop") return (f % 4);
	if (this.anim == "re_hard") return (f % 4);
	if (this.anim == "re_squash") return (f % 5);

	if (this.anim == "air_one") return (f % 4);
	if (this.anim == "air_two") return (f % 4);
	if (this.anim == "air_three") return (f % 1);
	if (this.anim == "air_four") return (f % 1);
	if (this.anim == "air_five") return (f % 1);
	if (this.anim == "air_six") return (f % 1);

	if (this.anim == "knock_up_one") return (f % 4);
	if (this.anim == "knock_up_two") return (f % 4);
	if (this.anim == "knock_back_one") return (f % 4);
	if (this.anim == "knock_back_two") return (f % 4);
	if (this.anim == "knock_down_one") return (f % 4);
	if (this.anim == "knock_down_two") return (f % 4);

	if (this.anim == "life_rest") return (f % 8);
	if (this.anim == "life_heal") return (f % 6);
	if (this.anim == "life_sleep") return (f % 6);

	if (this.anim == "fly_idle_one") return (f % 4);
	if (this.anim == "fly_idle_two") return (f % 4);
	if (this.anim == "fly_up_one") return (f % 4);
	if (this.anim == "fly_up_two") return (f % 4);
	if (this.anim == "fly_run_one") return (f % 5);
	if (this.anim == "fly_run_two") return (f % 5);

	if (this.anim == "dash_one") return (f % 4);
	if (this.anim == "dash_two") return (f % 4);
	if (this.anim == "dash_pose_one") return (f % 1);
	if (this.anim == "dash_pose_two") return (f % 1);
	if (this.anim == "dash_flash_step_one") return (f % 3);
	if (this.anim == "dash_flash_step_two") return (f % 3);

	if (this.anim == "spell_fire") return (f % 5);
	if (this.anim == "spell_charge") return (f % 7);
	if (this.anim == "spell_charge_staff") return (f % 7);
	if (this.anim == "spell_charge_wand") return (f % 7);
	if (this.anim == "spell_casting") return (f % 8);
	if (this.anim == "spell_pose") return (f % 1);

	if (this.anim == "hurt_one") return (f % 4);
	if (this.anim == "hurt_skull") return (f % 4);
	if (this.anim == "hurt_tear") return (f % 4);
	if (this.anim == "hurt_blink") return (f % 4);
	if (this.anim == "hurt_air_one") return (f % 1);
	if (this.anim == "hurt_air_two") return (f % 1);

	if (this.anim == "die_one") return (f % 4);
	if (this.anim == "die_shrink") return (f % 4);
	if (this.anim == "die_head") return (f % 6);
	if (this.anim == "die_skull") return (f % 7);
	if (this.anim == "die_poof") return (f % 4);
	if (this.anim == "die_smoke") return (f % 6);
	if (this.anim == "die_spark") return (f % 8);
	if (this.anim == "die_explode") return (f % 11);
	if (this.anim == "die_melt") return (f % 8);
	if (this.anim == "die_melt_effect") return (f % 8);
	if (this.anim == "die_soul") return (f % 9);
	if (this.anim == "die_drown") return (f % 9);
	if (this.anim == "die_sink") return (f % 8);
	if (this.anim == "die_sink_trap") return (f % 8);

	if (this.anim == "swim_idle_one") return (f % 6);
	if (this.anim == "swim_idle_two") return (f % 6);
	if (this.anim == "swim_idle_three") return (f % 6);
	if (this.anim == "swim_idle_four") return (f % 6);
	if (this.anim == "swim_idle_five") return (f % 4);
	if (this.anim == "swim_idle_six") return (f % 4);
	if (this.anim == "swim_idle_seven") return (f % 4);
	if (this.anim == "swim_idle_eight") return (f % 4);
	if (this.anim == "swim_move_one") return (f % 4);
	if (this.anim == "swim_move_two") return (f % 6);
	if (this.anim == "swim_move_three") return (f % 4);
	if (this.anim == "swim_move_four") return (f % 4);
	if (this.anim == "swim_arms_one") return (f % 4);
	if (this.anim == "swim_arms_two") return (f % 4);
	if (this.anim == "swim_arms_three") return (f % 4);
	if (this.anim == "swim_arms_four") return (f % 4);

	if (this.anim == "weapon_sword_idle") return (f % 4);
	if (this.anim == "weapon_shield_idle") return (f % 4);
	if (this.anim == "weapon_staff_idle") return (f % 4);
	if (this.anim == "weapon_wand_idle") return (f % 4);
	if (this.anim == "weapon_bow_tall_idle") return (f % 4);
	if (this.anim == "weapon_bow_short_idle") return (f % 4);
	if (this.anim == "weapon_sword_run") return (f % 4);
	if (this.anim == "weapon_shield_run") return (f % 4);
	if (this.anim == "weapon_staff_run") return (f % 4);
	if (this.anim == "weapon_wand_run") return (f % 4);
	if (this.anim == "weapon_bow_tall_run") return (f % 4);
	if (this.anim == "weapon_bow_short_run") return (f % 4);
	
	if (this.anim == "weapon_bow_tall_fire_fast") return (f % 5);
	if (this.anim == "weapon_bow_tall_fire_slow") return (f % 6);
	if (this.anim == "weapon_bow_tall_fire_fast_bag") return (f % 5);
	if (this.anim == "weapon_bow_tall_fire_slow_bag") return (f % 6);
	if (this.anim == "weapon_bow_short_fire_fast") return (f % 5);
	if (this.anim == "weapon_bow_short_fire_slow") return (f % 6);
	if (this.anim == "weapon_bow_short_fire_fast_bag") return (f % 5);
	if (this.anim == "weapon_bow_short_fire_slow_bag") return (f % 6);

	if (this.anim == "die_extended") return (f % 10);

	if (this.anim == "base_stands") return (f % 8);
	
	if (this.anim == "weapon_sword_atk_melee") return (f % 6);
	if (this.anim == "weapon_staff_atk_melee") return (f % 6);
	if (this.anim == "weapon_wand_atk_melee") return (f % 6);
	if (this.anim == "weapon_shield_atk_melee") return (f % 8);
	if (this.anim == "weapon_staff_atk_fire") return (f % 5);
	if (this.anim == "weapon_wand_atk_fire") return (f % 5);
    return 0;
  },
  readFromUi: function() {
    this.base = +Parts.els.bases.value;
    this.head = +Parts.els.heads.value;
    this.face = +Parts.els.faces.value;
  }
};

const Conf = {
  data: {},
  getW: function() { return this.data.w || 16; },
  getH: function() { return this.data.h || 16; },
  getOy: function(key, anim, frame)
  {
    const d = this.data;
    if (!d || !d.parts || !d.parts[key]) return 0;
    const p = d.parts[key];
    if (!p || !p[anim]) return 0;
    return p[anim][frame] || 0;
  },

  shadowSuit: function() { return this.data.suitShadowMod || 0.5; },
  shadowItem: function() { return this.data.itemShadowMod || 0.5; },
  shadowBody: function() { return this.data.bodyShadowMod || 0.5; },
  shadowMore: function() { return this.data.moreShadowMod || 0.5; },
};

let outlineColorComponent;

const setupConf = (conf, files) => {
  Conf.data = conf;

  sliderShadowModsAllSetup();

  const cc = ColorComponent(conf.outlineColor,
    (rgb) => (Conf.data.outlineColor = rgb));
  cc.el.style.display = "inlie-block";
  $("#color_outline").innerText = "";
  $("#color_outline").append(cc.el);
  outlineColorComponent = cc;

  Pal.all.eyes.setColors(conf.pals.eyes);
  Pal.all.body.setColors(conf.pals.body);
  Pal.all.item.setColors(conf.pals.item);
  Pal.all.suit.setColors(conf.pals.suit);
  Pal.all.more.setColors(conf.pals.more);

  // parts
  Parts.reset();
  console.assert(files["base.png"], "base.png expected");
  console.assert(files["heads.png"], "heads.png expected");
  console.assert(files["faces.png"], "faces.png expected");

  Parts.addBase(files["base.png"]);
  Parts.addHead(files["heads.png"]);
  Parts.addFace(files["faces.png"]);


//_____________________________________________________________________________________________________ADD-ONS // Copy to Line 404 general populating area

document.getElementById('set_pal_reset_outline').style.display = 'inline-block'; //reset outline buttion hidden by default. Show it after Conf is setup.
document.getElementById('set_pal_shift').style.display = 'inline-block';
document.getElementById("details_shadow").removeAttribute("open");
//document.getElementById("details_color").removeAttribute("open");
document.getElementById("details_export").removeAttribute("open");
//window.location = "#details";
	
  // const _png = (prefix, n) => (n.startsWith(prefix) && n.endsWith(".png"));
  // for (let name in files) {
  //   if (_png("head_", name)) Parts.addHead(files[name]);
  //   else if (_png("face_", name)) Parts.addFace(files[name]);
  //   else if (_png("base_", name))
  //   // else ignore!
  // }
}

const b64_to_img = (b64, onload) => {
  const img = new Image();
  img.src = "data:image/png;base64," + b64;
  img.onload = () => onload(img);
}

const setupPalette = (pal, pal64) => {
  b64_to_img(pal64, (img) => {
    const canvas = document.createElement("canvas");
    canvas.height = 1;
    canvas.width = Math.min(64, img.width);
    //const ctx = canvas.getContext("2d");
	const ctx = canvas.getContext("2d", { willReadFrequently: true });
    ctx.drawImage(img, 0, 0);
    const id = ctx.getImageData(0, 0, img.width, img.height).data;

    for (let i=0; i<img.width*4; i+=4) {
      pal.addColor(b2Hex(id[i+0], id[i+1], id[i+2]));
    }
    pal.render();
  });
}

const Pal = (key, sel) => {
  Pal.all = Pal.all || {};
  Pal.all[key] = {
    el: $(sel),
    active: "",
    isLocked: false,
    colors: [],
    resetColors: function() { this.colors = []; },
    addColor: function(c) { this.colors.push(c); },

    setColors: function(arr) {
      this.colors = arr;
      this.render();
      this.randomize();
    },

    mkBtn: function(itemsEl, hex) {
      const c = document.createElement("button");
      this.btns.push(c);
      c.className = "palItem";
      c.dataset.color = hex;
      c.style.background = hex;
      itemsEl.append(c);
      c.onclick = (e) => {
        this.active = c.dataset.color;
        this.activeBtn = c;
        this.refreshActive();

        this.colorComponent.set(c.dataset.color);
        this.activeR = hex2R(this.active);
        this.activeG = hex2G(this.active);
        this.activeB = hex2B(this.active);
      }

      return c;
    },
    render: function() {
      this.el.innerText = "";
      const locked = document.createElement("input");
      locked.type = "checkbox";
      locked.checked = !!this.isLocked;
      locked.onchange = () => (this.isLocked = locked.checked);
	  
      const label = document.createElement("text");
      label.className = "lock";
      label.append(locked);
      label.append(document.createElement("span"));
      label.append(" " + key + " ")
	  
      //const more = document.createElement("button");
	  //more.innerText = "edit▮";
      //more.style.margin = "0 10px";
      //more.className = "btn sm";
	
      const more = document.createElement("button");
	  more.innerText = "";
      more.style.margin = "0 -6px";
      more.className = "";
	  more.style.visibility = "hidden";

      const itemsEl = document.createElement("div");
      this.itemsEl = itemsEl;
      itemsEl.className = "palItems";
      itemsEl.append(label);
      itemsEl.append(more);

      this.el.append(itemsEl);
      this.btns = [];

      this.colors.forEach((hex) => {
        this.mkBtn(itemsEl, hex);
      });

      this.colorComponent = ColorComponent(this.colors[0] || "#000000", (rgb, hex) => {
        const idx = this.btns.indexOf(this.activeBtn);
        this.colors[idx] = hex;
        this.activeBtn.style.background = hex;
        this.activeBtn.dataset.color = hex;
        this.active = hex;
        this.activeR = hex2R(this.active);
        this.activeG = hex2G(this.active);
        this.activeB = hex2B(this.active);
      });
      this.colorComponent.el.style.paddingLeft = "90px";
      //this.colorComponent.toggle();

      this.colorComponentWrap = document.createElement("div");
      this.colorComponentWrap.append(this.colorComponent.el);
      this.el.append(this.colorComponentWrap);

      more.onclick = () => {
        const n = this.colorComponentWrap.style.display !== "none";
        this.colorComponentWrap.style.display = n ? "none" : "inline-block";
      }
      more.onclick();

      this.colorComponentWrap.append(" :: ");
      const rem = document.createElement("button");
      rem.className = "btn sm";
      rem.innerText = "delete▮";
      rem.onclick = () => this.removeActive();
      this.colorComponentWrap.append(rem);

      this.colorComponentWrap.append(" ");
      const dup = document.createElement("button");
      dup.className = "btn sm";
      dup.innerText = "clone▮";
      dup.onclick = () => this.dupActive();
      this.colorComponentWrap.append(dup);
    },

    dupActive: function() {
      this.colors.push(this.active);
      const c = this.mkBtn(this.itemsEl, this.active);
      this.activeBtn = c;
      this.refreshActive();
    },

    removeActive: function() {
      if (this.btns.length <= 1) return;
      const idx = this.btns.indexOf(this.activeBtn);

      this.activeBtn.parentNode.removeChild(this.activeBtn);
      this.btns.splice(idx, 1);
      this.colors.splice(idx, 1);

      const other = this.btns[Math.min(this.btns.length - 1, idx)];

      this.activeBtn = other;
      this.refreshActive();
    },

    refreshActive: function() {
      this.el.querySelectorAll(".active").forEach(it => it.classList.remove("active"));
        this.activeBtn.classList.add("active");
        this.active = this.activeBtn.dataset.color;
        this.activeR = hex2R(this.active);
        this.activeG = hex2G(this.active);
        this.activeB = hex2B(this.active);

      // show
    },
    randomize: function() {
      if (this.isLocked) return;
      if (!this.btns) return;
      const idx = parseInt(this.colors.length * Math.random());
      this.active = this.colors[idx];
      this.activeBtn = this.btns[idx];
      this.refreshActive();

      this.colorComponent.set(this.active);

      this.activeR = hex2R(this.active);
      this.activeG = hex2G(this.active);
      this.activeB = hex2B(this.active);
    }
  };
  return Pal.all[key];
}
Pal.renderAll = () => Object.values(Pal.all).forEach((it) => it.render());

const palBody = Pal("eyes", "#palBody");
const palEyes = Pal("body", "#palEyes");
const palMore = Pal("more", "#palMore");
const palSuit = Pal("suit", "#palSuit");
const palItem = Pal("item", "#palItem");


const b64ImagesCache = {};

const Parts = {
  uuid: 0x72, // If you read this: Have a nice day! :)
  heads: [],
  faces: [],
  els: {
    heads: $("#sliderHeads"),
    faces: $("#sliderFaces"),
    bases: $("#sliderBases"),
  },
  reset: function() {
    Object.values(this.els).forEach(it => (it.max = 0));
  },

  _load: (file, fn) => file.async("base64").then((b64) => b64_to_img(b64, fn)),

  addFace: function(file) {
    this._load(file, (img) => {
      this.facesImg = img;
      b64ImagesCache.faces = img2b64(img);
      this.els.faces.max = parseInt(img.width / Conf.data.w) - 1;
      randomizeAllMaybe();
    });
  },
  addHead: function(file) {
    this._load(file, (img) => {
      this.headsImg = img;
      b64ImagesCache.heads = img2b64(img);
      this.els.heads.max = parseInt(img.width / Conf.data.w) - 1;
      randomizeAllMaybe();
    });
  },
  addBase: function(file) {
    this._load(file, (img) => {
      this.baseImg = img;
      b64ImagesCache.base = img2b64(img);
      this.els.bases.max = parseInt(img.height / Conf.data.h) - 1; // note: h!
      randomizeAllMaybe();
    });
  },
}

const onslide = (el, fn) => {
  el.addEventListener("change", () => fn(+el.value));
  el.addEventListener("input", () => fn(+el.value));
}

onslide(Parts.els.bases, (val) => (State.base = val));
onslide(Parts.els.heads, (val) => (State.head = val));
onslide(Parts.els.faces, (val) => (State.face = val));

//_____________________________________________________________________________________________________ADD-ONS

document.getElementById("inputSliderBases").value = document.getElementById("sliderBases").value;
document.getElementById("inputSliderBases").max = document.getElementById("sliderBases").max;
document.getElementById("inputSliderBases").min = document.getElementById("sliderBases").min;

document.getElementById("inputSliderHeads").value = document.getElementById("sliderHeads").value;
document.getElementById("inputSliderHeads").max = document.getElementById("sliderHeads").max;
document.getElementById("inputSliderHeads").min = document.getElementById("sliderHeads").min;

document.getElementById("inputSliderFaces").value = document.getElementById("sliderFaces").value;
document.getElementById("inputSliderFaces").max = document.getElementById("sliderFaces").max;
document.getElementById("inputSliderFaces").min = document.getElementById("sliderFaces").min;


  //Parts.els.faces.value = 0;
  //State.face = 0;
  //document.getElementById("inputSliderFaces").value = 0; 
  //document.getElementById("sliderFaces").value = 0;


document.getElementById("sharecode").textContent = "Share: " + document.getElementById("sliderBases").value + " " + document.getElementById("sliderHeads").value + " " + document.getElementById("sliderFaces").value;





// damn not sure why but it's kinda broken on windows (even the same browser O.o)
const isSame = (x, y) => x === y || x === y-1 || x === y+1;

const isAboutSameRgb = (col, r, g, b) => isSame(col[0], r) && isSame(col[1], g) && isSame(col[2], b);

const Canvas = {
  c: $("#c"),
  //ctx: $("#c").getContext("2d"),
  ctx: $("#c").getContext("2d", { willReadFrequently: true }),
  scale: 10,
  w: 16,
  h: 24,
  clear: function(ctx) { ctx.clearRect(0, 0, this.w, this.h); },
  reset: function() {
    this.c.width = this.w;
    this.c.height = this.h;
    this.c.style.width = (this.w * this.scale) + "px";
    this.c.style.height = (this.h * this.scale) + "px";
  },

  blit: function(ctx, img, x, y)
  {
    if (!img || typeof(img) === "number") return;
    ctx.drawImage(img, x, y);
  },

  blitAll: function(ctx, frame, animName) {
    this.clear(ctx);

    this.blit(ctx, Parts.baseImg,
      -State.getAnimX0(animName, frame) * Conf.getW(),
      -State.base * Conf.getH()
    );

    this.blit(ctx, Parts.headsImg,
      -State.head * Conf.getW(),
      Conf.getOy("head", animName, frame)
    );

    this.blit(ctx, Parts.facesImg,
      -State.face * Conf.getW(),
      Conf.getOy("face", animName, frame)
    );

    this.recolor(ctx);
  },

  recolor: function(ctx) {
    var imd = ctx.getImageData(0, 0, this.w, this.h);
    var data = imd.data;

    const fc = Conf.data.fromColors;
    if (!fc) return;

    for (let i=0; i<data.length*4; i+=4)
    {
      const _r = data[i+0];
      const _g = data[i+1];
      const _b = data[i+2];

      // outline
      if (isAboutSameRgb(fc.outline, data[i+0], data[i+1], data[i+2])) {
        data[i+0] = Conf.data.outlineColor[0];
        data[i+1] = Conf.data.outlineColor[1];
        data[i+2] = Conf.data.outlineColor[2];
      }


      // eyes
      else if (isAboutSameRgb(fc.eyes, data[i+0], data[i+1], data[i+2])) {
        data[i+0] = Pal.all.eyes.activeR;
        data[i+1] = Pal.all.eyes.activeG;
        data[i+2] = Pal.all.eyes.activeB;
      }

      // skin
      else if (isAboutSameRgb(fc.skin, data[i+0], data[i+1], data[i+2])) {
        data[i+0] = Pal.all.body.activeR;
        data[i+1] = Pal.all.body.activeG;
        data[i+2] = Pal.all.body.activeB;
      }

      else if (isAboutSameRgb(fc.skin2, data[i+0], data[i+1], data[i+2])) {
        data[i+0] = parseInt(Pal.all.body.activeR * Conf.shadowBody());
        data[i+1] = parseInt(Pal.all.body.activeG * Conf.shadowBody());
        data[i+2] = parseInt(Pal.all.body.activeB * Conf.shadowBody());
      }

      // more
      else if (isAboutSameRgb(fc.more, data[i+0], data[i+1], data[i+2])) {
        data[i+0] = Pal.all.more.activeR;
        data[i+1] = Pal.all.more.activeG;
        data[i+2] = Pal.all.more.activeB;
      }
      else if (isAboutSameRgb(fc.more2, data[i+0], data[i+1], data[i+2])) {
        data[i+0] = parseInt(Pal.all.more.activeR * Conf.shadowMore());
        data[i+1] = parseInt(Pal.all.more.activeG * Conf.shadowMore());
        data[i+2] = parseInt(Pal.all.more.activeB * Conf.shadowMore());
      }

      // item
      else if (isAboutSameRgb(fc.item, data[i+0], data[i+1], data[i+2])) {
        data[i+0] = Pal.all.item.activeR;
        data[i+1] = Pal.all.item.activeG;
        data[i+2] = Pal.all.item.activeB;
      }
      else if (isAboutSameRgb(fc.item2, data[i+0], data[i+1], data[i+2])) {
        data[i+0] = parseInt(Pal.all.item.activeR * Conf.shadowItem());
        data[i+1] = parseInt(Pal.all.item.activeG * Conf.shadowItem());
        data[i+2] = parseInt(Pal.all.item.activeB * Conf.shadowItem());
      }

      // suit
      else if (isAboutSameRgb(fc.suit, data[i+0], data[i+1], data[i+2])) {
        data[i+0] = Pal.all.suit.activeR;
        data[i+1] = Pal.all.suit.activeG;
        data[i+2] = Pal.all.suit.activeB;
      }
      else if (isAboutSameRgb(fc.suit2, data[i+0], data[i+1], data[i+2])) {
        data[i+0] = parseInt(Pal.all.suit.activeR * Conf.shadowSuit());
        data[i+1] = parseInt(Pal.all.suit.activeG * Conf.shadowSuit());
        data[i+2] = parseInt(Pal.all.suit.activeB * Conf.shadowSuit());
      }
    }

    ctx.putImageData(imd, 0, 0);
  }
};

Canvas.reset();

const step = () => {
  const f = parseInt((Date.now() / 110));
  //$("#debug").innerText = f % 4;
  Canvas.blitAll(Canvas.ctx, State.modF(f), State.anim);
  window.requestAnimationFrame(step);
}

// Update below for new anim. Add else if anim state order (Anim Part 2, if using anim button)

(() => {
  const btn = $("#animbtn");
  btn.addEventListener("click", () => {
    if (State.anim == "stand") { State.anim = "idle"; }
    else if (State.anim == "idle") { State.anim = "run"; } //based on click order
	else if (State.anim == "run") { State.anim = "hurt"; }
	else if (State.anim == "hurt") { State.anim = "die"; }
	else if (State.anim == "die") { State.anim = "jump"; }
    else { State.anim = "stand"; }
    btn.innerText = "anim: " + State.anim;
  });
})();

//______________________________________NEW ADDITIONS Anim Part 2 B



(() => {
  const btn = $("#anim_base_idle_btn");
  btn.addEventListener("click", () => {
    State.anim = "base_idle";
  });
})();
(() => {
  const btn = $("#anim_base_run_btn");
  btn.addEventListener("click", () => {
    State.anim = "base_run";
  });
})();
(() => {
  const btn = $("#anim_base_hurt_btn");
  btn.addEventListener("click", () => {
    State.anim = "base_hurt";
  });
})();
(() => {
  const btn = $("#anim_base_die_btn");
  btn.addEventListener("click", () => {
    State.anim = "base_die";
  });
})();
(() => {
  const btn = $("#anim_base_press_btn");
  btn.addEventListener("click", () => {
    State.anim = "base_press";
  });
})();

(() => {
  const btn = $("#anim_jump_btn");
  btn.addEventListener("click", () => {
    State.anim = "jump";
  });
})();
(() => {
  const btn = $("#anim_jump_hop_btn");
  btn.addEventListener("click", () => {
    State.anim = "jump_hop";
  });
})();
(() => {
  const btn = $("#anim_jump_double_btn");
  btn.addEventListener("click", () => {
    State.anim = "jump_double";
  });
})();
(() => {
  const btn = $("#anim_run_ninja_btn");
  btn.addEventListener("click", () => {
    State.anim = "run_ninja";
  });
})();
(() => {
  const btn = $("#anim_run_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "run_one";
  });
})();
(() => {
  const btn = $("#anim_run_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "run_two";
  });
})();
(() => {
  const btn = $("#anim_run_wobble_btn");
  btn.addEventListener("click", () => {
    State.anim = "run_wobble";
  });
})();
(() => {
  const btn = $("#anim_run_leap_btn");
  btn.addEventListener("click", () => {
    State.anim = "run_leap";
  });
})();
(() => {
  const btn = $("#anim_duck_btn");
  btn.addEventListener("click", () => {
    State.anim = "duck";
  });
})();
(() => {
  const btn = $("#anim_duck_pose_btn");
  btn.addEventListener("click", () => {
    State.anim = "duck_pose";
  });
})();

(() => {
  const btn = $("#anim_re_spawn_btn");
  btn.addEventListener("click", () => {
    State.anim = "re_spawn";
  });
})();
(() => {
  const btn = $("#anim_re_teleport_btn");
  btn.addEventListener("click", () => {
    State.anim = "re_teleport";
  });
})();
(() => {
  const btn = $("#anim_re_warp_btn");
  btn.addEventListener("click", () => {
    State.anim = "re_warp";
  });
})();
(() => {
  const btn = $("#anim_re_land_btn");
  btn.addEventListener("click", () => {
    State.anim = "re_land";
  });
})();
(() => {
  const btn = $("#anim_re_drop_btn");
  btn.addEventListener("click", () => {
    State.anim = "re_drop";
  });
})();
(() => {
  const btn = $("#anim_re_hard_btn");
  btn.addEventListener("click", () => {
    State.anim = "re_hard";
  });
})();
(() => {
  const btn = $("#anim_re_squash_btn");
  btn.addEventListener("click", () => {
    State.anim = "re_squash";
  });
})();

(() => {
  const btn = $("#anim_air_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "air_one";
  });
})();
(() => {
  const btn = $("#anim_air_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "air_two";
  });
})();
(() => {
  const btn = $("#anim_air_three_btn");
  btn.addEventListener("click", () => {
    State.anim = "air_three";
  });
})();
(() => {
  const btn = $("#anim_air_four_btn");
  btn.addEventListener("click", () => {
    State.anim = "air_four";
  });
})();
(() => {
  const btn = $("#anim_air_five_btn");
  btn.addEventListener("click", () => {
    State.anim = "air_five";
  });
})();
(() => {
  const btn = $("#anim_air_six_btn");
  btn.addEventListener("click", () => {
    State.anim = "air_six";
  });
})();

(() => {
  const btn = $("#anim_knock_up_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "knock_up_one";
  });
})();
(() => {
  const btn = $("#anim_knock_up_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "knock_up_two";
  });
})();
(() => {
  const btn = $("#anim_knock_back_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "knock_back_one";
  });
})();
(() => {
  const btn = $("#anim_knock_back_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "knock_back_two";
  });
})();
(() => {
  const btn = $("#anim_knock_down_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "knock_down_one";
  });
})();
(() => {
  const btn = $("#anim_knock_down_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "knock_down_two";
  });
})();

(() => {
  const btn = $("#anim_life_rest_btn");
  btn.addEventListener("click", () => {
    State.anim = "life_rest";
  });
})();
(() => {
  const btn = $("#anim_life_heal_btn");
  btn.addEventListener("click", () => {
    State.anim = "life_heal";
  });
})();
(() => {
  const btn = $("#anim_life_sleep_btn");
  btn.addEventListener("click", () => {
    State.anim = "life_sleep";
  });
})();

(() => {
  const btn = $("#anim_fly_idle_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "fly_idle_one";
  });
})();
(() => {
  const btn = $("#anim_fly_idle_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "fly_idle_two";
  });
})();
(() => {
  const btn = $("#anim_fly_up_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "fly_up_one";
  });
})();
(() => {
  const btn = $("#anim_fly_up_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "fly_up_two";
  });
})();
(() => {
  const btn = $("#anim_fly_run_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "fly_run_one";
  });
})();
(() => {
  const btn = $("#anim_fly_run_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "fly_run_two";
  });
})();

(() => {
  const btn = $("#anim_dash_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "dash_one";
  });
})();
(() => {
  const btn = $("#anim_dash_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "dash_two";
  });
})();
(() => {
  const btn = $("#anim_dash_pose_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "dash_pose_one";
  });
})();
(() => {
  const btn = $("#anim_dash_pose_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "dash_pose_two";
  });
})();
(() => {
  const btn = $("#anim_dash_flash_step_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "dash_flash_step_one";
  });
})();
(() => {
  const btn = $("#anim_dash_flash_step_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "dash_flash_step_two";
  });
})();

(() => {
  const btn = $("#anim_spell_fire_btn");
  btn.addEventListener("click", () => {
    State.anim = "spell_fire";
  });
})();
(() => {
  const btn = $("#anim_spell_charge_btn");
  btn.addEventListener("click", () => {
    State.anim = "spell_charge";
  });
})();
(() => {
  const btn = $("#anim_spell_charge_staff_btn");
  btn.addEventListener("click", () => {
    State.anim = "spell_charge_staff";
  });
})();
(() => {
  const btn = $("#anim_spell_charge_wand_btn");
  btn.addEventListener("click", () => {
    State.anim = "spell_charge_wand";
  });
})();
(() => {
  const btn = $("#anim_spell_casting_btn");
  btn.addEventListener("click", () => {
    State.anim = "spell_casting";
  });
})();
(() => {
  const btn = $("#anim_spell_pose_btn");
  btn.addEventListener("click", () => {
    State.anim = "spell_pose";
  });
})();

(() => {
  const btn = $("#anim_hurt_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "hurt_one";
  });
})();
(() => {
  const btn = $("#anim_hurt_skull_btn");
  btn.addEventListener("click", () => {
    State.anim = "hurt_skull";
  });
})();
(() => {
  const btn = $("#anim_hurt_tear_btn");
  btn.addEventListener("click", () => {
    State.anim = "hurt_tear";
  });
})();
(() => {
  const btn = $("#anim_hurt_blink_btn");
  btn.addEventListener("click", () => {
    State.anim = "hurt_blink";
  });
})();
(() => {
  const btn = $("#anim_hurt_air_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "hurt_air_one";
  });
})();
(() => {
  const btn = $("#anim_hurt_air_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "hurt_air_two";
  });
})();

(() => {
  const btn = $("#anim_die_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_one";
  });
})();
(() => {
  const btn = $("#anim_die_shrink_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_shrink";
  });
})();
(() => {
  const btn = $("#anim_die_head_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_head";
  });
})();
(() => {
  const btn = $("#anim_die_skull_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_skull";
  });
})();
(() => {
  const btn = $("#anim_die_poof_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_poof";
  });
})();
(() => {
  const btn = $("#anim_die_smoke_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_smoke";
  });
})();
(() => {
  const btn = $("#anim_die_spark_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_spark";
  });
})();
(() => {
  const btn = $("#anim_die_explode_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_explode";
  });
})();
(() => {
  const btn = $("#anim_die_melt_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_melt";
  });
})();
(() => {
  const btn = $("#anim_die_melt_effect_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_melt_effect";
  });
})();
(() => {
  const btn = $("#anim_die_soul_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_soul";
  });
})();
(() => {
  const btn = $("#anim_die_drown_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_drown";
  });
})();
(() => {
  const btn = $("#anim_die_sink_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_sink";
  });
})();
(() => {
  const btn = $("#anim_die_sink_trap_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_sink_trap";
  });
})();

(() => {
  const btn = $("#anim_swim_idle_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_idle_one";
  });
})();
(() => {
  const btn = $("#anim_swim_idle_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_idle_two";
  });
})();
(() => {
  const btn = $("#anim_swim_idle_three_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_idle_three";
  });
})();
(() => {
  const btn = $("#anim_swim_idle_four_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_idle_four";
  });
})();
(() => {
  const btn = $("#anim_swim_idle_five_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_idle_five";
  });
})();
(() => {
  const btn = $("#anim_swim_idle_six_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_idle_six";
  });
})();
(() => {
  const btn = $("#anim_swim_idle_seven_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_idle_seven";
  });
})();
(() => {
  const btn = $("#anim_swim_idle_eight_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_idle_eight";
  });
})();
(() => {
  const btn = $("#anim_swim_move_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_move_one";
  });
})();
(() => {
  const btn = $("#anim_swim_move_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_move_two";
  });
})();
(() => {
  const btn = $("#anim_swim_move_three_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_move_three";
  });
})();
(() => {
  const btn = $("#anim_swim_move_four_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_move_four";
  });
})();
(() => {
  const btn = $("#anim_swim_arms_one_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_arms_one";
  });
})();
(() => {
  const btn = $("#anim_swim_arms_two_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_arms_two";
  });
})();
(() => {
  const btn = $("#anim_swim_arms_three_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_arms_three";
  });
})();
(() => {
  const btn = $("#anim_swim_arms_four_btn");
  btn.addEventListener("click", () => {
    State.anim = "swim_arms_four";
  });
})();

(() => {
  const btn = $("#anim_weapon_sword_idle_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_sword_idle";
  });
})();
(() => {
  const btn = $("#anim_weapon_shield_idle_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_shield_idle";
  });
})();
(() => {
  const btn = $("#anim_weapon_staff_idle_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_staff_idle";
  });
})();
(() => {
  const btn = $("#anim_weapon_wand_idle_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_wand_idle";
  });
})();
(() => {
  const btn = $("#anim_weapon_bow_tall_idle_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_bow_tall_idle";
  });
})();
(() => {
  const btn = $("#anim_weapon_bow_short_idle_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_bow_short_idle";
  });
})();
(() => {
  const btn = $("#anim_weapon_sword_run_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_sword_run";
  });
})();
(() => {
  const btn = $("#anim_weapon_shield_run_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_shield_run";
  });
})();
(() => {
  const btn = $("#anim_weapon_staff_run_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_staff_run";
  });
})();
(() => {
  const btn = $("#anim_weapon_wand_run_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_wand_run";
  });
})();
(() => {
  const btn = $("#anim_weapon_bow_tall_run_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_bow_tall_run";
  });
})();
(() => {
  const btn = $("#anim_weapon_bow_short_run_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_bow_short_run";
  });
})();
(() => {
  const btn = $("#anim_weapon_bow_tall_fire_fast_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_bow_tall_fire_fast";
  });
})();
(() => {
  const btn = $("#anim_weapon_bow_tall_fire_slow_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_bow_tall_fire_slow";
  });
})();
(() => {
  const btn = $("#anim_weapon_bow_tall_fire_fast_bag_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_bow_tall_fire_fast_bag";
  });
})();
(() => {
  const btn = $("#anim_weapon_bow_tall_fire_slow_bag_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_bow_tall_fire_slow_bag";
  });
})();
(() => {
  const btn = $("#anim_weapon_bow_short_fire_fast_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_bow_short_fire_fast";
  });
})();
(() => {
  const btn = $("#anim_weapon_bow_short_fire_slow_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_bow_short_fire_slow";
  });
})();
(() => {
  const btn = $("#anim_weapon_bow_short_fire_fast_bag_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_bow_short_fire_fast_bag";
  });
})();
(() => {
  const btn = $("#anim_weapon_bow_short_fire_slow_bag_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_bow_short_fire_slow_bag";
  });
})();

(() => {
  const btn = $("#anim_base_stands_btn");
  btn.addEventListener("click", () => {
    State.anim = "base_stands";
  });
})();

(() => {
  const btn = $("#anim_die_extended_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_extended";
  });
})();

(() => {
  const btn = $("#anim_die_extension_btn");
  btn.addEventListener("click", () => {
    State.anim = "die_extended";
  });
})();

(() => {
  const btn = $("#anim_base_stand_btn");
  btn.addEventListener("click", () => {
    State.anim = "base_stand";
  });
})();


(() => {
  const btn = $("#anim_weapon_sword_atk_melee_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_sword_atk_melee";
  });
})();


(() => {
  const btn = $("#anim_weapon_staff_atk_melee_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_staff_atk_melee";
  });
})();


(() => {
  const btn = $("#anim_weapon_wand_atk_melee_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_wand_atk_melee";
  });
})();


(() => {
  const btn = $("#anim_weapon_shield_atk_melee_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_shield_atk_melee";
  });
})();


(() => {
  const btn = $("#anim_weapon_staff_atk_fire_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_staff_atk_fire";
  });
})();


(() => {
  const btn = $("#anim_weapon_wand_atk_fire_btn");
  btn.addEventListener("click", () => {
    State.anim = "weapon_wand_atk_fire";
  });
})();

//_________________________________________________________

(() => {
  const btn = $("#scalebtn");
  btn.addEventListener("click", () => {
    if (Canvas.scale >= 16) Canvas.scale = 4
    else Canvas.scale += 2;
    btn.innerText = "×" + Canvas.scale + " " + "🔍"; // anim scale magnification
    Canvas.reset();
  });
})();



const rndSlider = (el) => (el.value = parseInt(Math.random() * (+el.max + 1)));


const randomizePartsOnly = () => {
  if(!$("#lockBases").checked) rndSlider(Parts.els.bases);
  if(!$("#lockHeads").checked) rndSlider(Parts.els.heads);
  if(!$("#lockFaces").checked) rndSlider(Parts.els.faces);

  State.readFromUi();
  
					  //_____________________________________________________________________________________________________ADD-ONS
					  
						document.getElementById("inputSliderBases").value = document.getElementById("sliderBases").value;
						document.getElementById("inputSliderBases").max = document.getElementById("sliderBases").max;
						document.getElementById("inputSliderBases").min = document.getElementById("sliderBases").min;

						document.getElementById("inputSliderHeads").value = document.getElementById("sliderHeads").value;
						document.getElementById("inputSliderHeads").max = document.getElementById("sliderHeads").max;
						document.getElementById("inputSliderHeads").min = document.getElementById("sliderHeads").min;

						document.getElementById("inputSliderFaces").value = document.getElementById("sliderFaces").value;
						document.getElementById("inputSliderFaces").max = document.getElementById("sliderFaces").max;
						document.getElementById("inputSliderFaces").min = document.getElementById("sliderFaces").min;
					  
						//document.getElementById("inputSliderHeads").max = 122;
						//document.getElementById("sliderHeads").max = 122;
					  
						//document.getElementById("sharecode").textContent = "Share: " + document.getElementById("sliderBases").value + " " + document.getElementById("sliderHeads").value + " " + document.getElementById("sliderFaces").value;

};

const randomizeAll = () => {
  if(!$("#lockBases").checked) rndSlider(Parts.els.bases);
  if(!$("#lockHeads").checked) rndSlider(Parts.els.heads);
  if(!$("#lockFaces").checked) rndSlider(Parts.els.faces);

  Object.values(Pal.all).forEach(pal => pal.randomize());

  for (let i=0; i<10; i++) {
    if (Pal.all.eyes.active !== Pal.all.body.active) break;
    Pal.all.eyes.randomize();
  }

  State.readFromUi();
  
  //_____________________________________________________________________________________________________ADD-ONS
  
	document.getElementById("inputSliderBases").value = document.getElementById("sliderBases").value;
	document.getElementById("inputSliderBases").max = document.getElementById("sliderBases").max;
	document.getElementById("inputSliderBases").min = document.getElementById("sliderBases").min;

	document.getElementById("inputSliderHeads").value = document.getElementById("sliderHeads").value;
	document.getElementById("inputSliderHeads").max = document.getElementById("sliderHeads").max;
	document.getElementById("inputSliderHeads").min = document.getElementById("sliderHeads").min;

	document.getElementById("inputSliderFaces").value = document.getElementById("sliderFaces").value;
	document.getElementById("inputSliderFaces").max = document.getElementById("sliderFaces").max;
	document.getElementById("inputSliderFaces").min = document.getElementById("sliderFaces").min;
  
    //document.getElementById("inputSliderHeads").max = 122;
    //document.getElementById("sliderHeads").max = 122;
  
    //document.getElementById("sharecode").textContent = "Share: " + document.getElementById("sliderBases").value + " " + document.getElementById("sliderHeads").value + " " + document.getElementById("sliderFaces").value;

};

const randomizeAllMaybe = () => { try { randomizeAll() } catch(e) {} };

$("#randomize").addEventListener("click", randomizeAll);


const randomizeColor = () => {

  Object.values(Pal.all).forEach(pal => pal.randomize());

  //State.readFromUi();
};

const randomizeColorMaybe = () => { try { randomizeAll() } catch(e) {} };

$("#randomizeparts").addEventListener("click", randomizePartsOnly);


$("#randomizeclr").addEventListener("click", randomizeColor);

$("#randomize").addEventListener("click", randomizeAll);

const exportAll = (useZip) => {

	const progressBar = document.getElementById('progressBar');
    const statusDiv = document.getElementById('status');

  const canvas = document.createElement("canvas");
  canvas.width = Conf.getW();
  canvas.height = Conf.getH();
  //const ctx = canvas.getContext("2d");
  const ctx = canvas.getContext("2d", { willReadFrequently: true });
  let count = 0;
  const zip = new JSZip();

//(Anim Part 5)
// Update below for new anim. Increase count for getW and getH to account for rows, vertical and horizontal to scan or process. __________________________

  const canvasSprite = document.createElement("canvas");
  canvasSprite.width = Conf.getW() * 11;  // largest set is X# frames across
  //canvasSprite.height = Conf.getH() * 3;
  canvasSprite.height =  Conf.getH() * 118; //should be 5 if idle included // there are 4 vertical anim sets so put 5 // add on for each vertical row
  
  //const ctxSprite = canvasSprite.getContext("2d");
  const ctxSprite = canvasSprite.getContext("2d", { willReadFrequently: true });
  const done = () => {
    if (count > 0) return;

	var prefix_name = document.getElementById('nameentry').value.toString();  

    canvasSprite.toBlob((blob) => {
      if (useZip) {
        zip.file("sprite_" + prefix_name + ".png", blob);
        zip.generateAsync({type:"base64" }, function updateCallback(metadata) {
			const percent = Math.floor(metadata.percent);
			progressBar.value = percent;
			statusDiv.textContent = `🔄 ${percent}%`;
		
		}).then((base64) => {
          window.location = "data:application/zip;base64," + base64;
			statusDiv.textContent = "✅ 📁";
			progressBar.value = 100; // Ensure it's at 100% on completion
		}, (err) => {
          throw new Error("cannot generate ZIP: " + err);
        });
      } else {
        saveAs(blob, "sprite" + prefix_name + ".png");
      }
    });
  }

  const one = (spriteY, fName, anim, frame) => {
    Canvas.clear(ctx);
    Canvas.blitAll(ctx, frame, anim);

    const spriteX = frame;
    ctxSprite.drawImage(canvas, spriteX * Conf.getW(), spriteY * Conf.getH());

    count++;
    canvas.toBlob((blob) => {
      zip.file(fName, blob);
      count--;
      done();
    });
  }




// Update below for new anim. Add anim order, count and png sequence (Anim Part 3)______________________________________________

// Anim Part 4: Update the config file with txt, which moves parts up or down (Anim Part 6)___________________________________________________

  var pre_nm = "sprite" + document.getElementById('nameentry').value.toString() + "_";

	//The first number determines export order
  //one(0, pre_nm + "stand_anim_0.png", "stand", 0); //Don't print standing lone first frame
  

	one(0, pre_nm + "base_idle_0.png", "base_idle", 0);
	one(0, pre_nm + "base_idle_1.png", "base_idle", 1);
	one(0, pre_nm + "base_idle_2.png", "base_idle", 2);
	one(0, pre_nm + "base_idle_3.png", "base_idle", 3);

	one(1, pre_nm + "base_run_0.png", "base_run", 0);
	one(1, pre_nm + "base_run_1.png", "base_run", 1);
	one(1, pre_nm + "base_run_2.png", "base_run", 2);
	one(1, pre_nm + "base_run_3.png", "base_run", 3);
  
	one(2, pre_nm + "base_hurt_0.png", "base_hurt", 0);
	one(2, pre_nm + "base_hurt_1.png", "base_hurt", 1);
	one(2, pre_nm + "base_hurt_2.png", "base_hurt", 2);
	one(2, pre_nm + "base_hurt_3.png", "base_hurt", 3);
  
	one(3, pre_nm + "base_die_0.png", "base_die", 0);
	one(3, pre_nm + "base_die_1.png", "base_die", 1);
	one(3, pre_nm + "base_die_2.png", "base_die", 2);
	one(3, pre_nm + "base_die_3.png", "base_die", 3);
  
	one(4, pre_nm + "base_press_0.png", "base_press", 0);
	one(4, pre_nm + "base_press_1.png", "base_press", 1);
	one(4, pre_nm + "base_press_2.png", "base_press", 2);
	one(4, pre_nm + "base_press_3.png", "base_press", 3);
	one(4, pre_nm + "base_press_4.png", "base_press", 4);

	one(5, pre_nm + "jump_0.png", "jump", 0);
	one(5, pre_nm + "jump_1.png", "jump", 1);
	one(5, pre_nm + "jump_2.png", "jump", 2);
	one(5, pre_nm + "jump_3.png", "jump", 3);
	one(5, pre_nm + "jump_4.png", "jump", 4);	
	one(5, pre_nm + "jump_5.png", "jump", 5);	
	
	one(6, pre_nm + "jump_hop_0.png", "jump_hop", 0);
	one(6, pre_nm + "jump_hop_1.png", "jump_hop", 1);
	one(6, pre_nm + "jump_hop_2.png", "jump_hop", 2);
	one(6, pre_nm + "jump_hop_3.png", "jump_hop", 3);
	one(6, pre_nm + "jump_hop_4.png", "jump_hop", 4);	
	one(6, pre_nm + "jump_hop_5.png", "jump_hop", 5);
	
	one(7, pre_nm + "jump_double_0.png", "jump_double", 0);
	one(7, pre_nm + "jump_double_1.png", "jump_double", 1);
	one(7, pre_nm + "jump_double_2.png", "jump_double", 2);
	one(7, pre_nm + "jump_double_3.png", "jump_double", 3);
	one(7, pre_nm + "jump_double_4.png", "jump_double", 4);	
	one(7, pre_nm + "jump_double_5.png", "jump_double", 5);
	one(7, pre_nm + "jump_double_6.png", "jump_double", 6);	
	one(7, pre_nm + "jump_double_7.png", "jump_double", 7);	
	
	one(8, pre_nm + "run_ninja_0.png", "run_ninja", 0);
	one(8, pre_nm + "run_ninja_1.png", "run_ninja", 1);	
	one(8, pre_nm + "run_ninja_2.png", "run_ninja", 2);	
	one(8, pre_nm + "run_ninja_3.png", "run_ninja", 3);	
	one(8, pre_nm + "run_ninja_4.png", "run_ninja", 4);	
	one(8, pre_nm + "run_ninja_5.png", "run_ninja", 5);	

    one(9, pre_nm + "run_one_0.png", "run_one", 0);
    one(9, pre_nm + "run_one_1.png", "run_one", 1);
    one(9, pre_nm + "run_one_2.png", "run_one", 2);
    one(9, pre_nm + "run_one_3.png", "run_one", 3);
	
    one(10, pre_nm + "run_two_0.png", "run_two", 0);
    one(10, pre_nm + "run_two_1.png", "run_two", 1);
    one(10, pre_nm + "run_two_2.png", "run_two", 2);
    one(10, pre_nm + "run_two_3.png", "run_two", 3);
	
    one(11, pre_nm + "run_rush_0.png", "run_wobble", 0);
    one(11, pre_nm + "run_rush_1.png", "run_wobble", 1);
    one(11, pre_nm + "run_rush_2.png", "run_wobble", 2);
    one(11, pre_nm + "run_rush_3.png", "run_wobble", 3);
    one(11, pre_nm + "run_rush_4.png", "run_wobble", 4);
    one(11, pre_nm + "run_rush_5.png", "run_wobble", 5);
	
    one(12, pre_nm + "run_slow_0.png", "run_leap", 0);
    one(12, pre_nm + "run_slow_1.png", "run_leap", 1);
    one(12, pre_nm + "run_slow_2.png", "run_leap", 2);
    one(12, pre_nm + "run_slow_3.png", "run_leap", 3);
    one(12, pre_nm + "run_slow_4.png", "run_leap", 4);
    one(12, pre_nm + "run_slow_5.png", "run_leap", 5);

	one(13, pre_nm + "duck_0.png", "duck", 0);
	one(13, pre_nm + "duck_1.png", "duck", 1);
	one(13, pre_nm + "duck_2.png", "duck", 2);
	one(13, pre_nm + "duck_3.png", "duck", 3);
	one(13, pre_nm + "duck_4.png", "duck", 4);
	one(13, pre_nm + "duck_5.png", "duck", 5);
	
	one(14, pre_nm + "duck_pose_0.png", "duck_pose", 0);
	
	one(15, pre_nm + "re_spawn_0.png", "re_spawn", 0);
	one(15, pre_nm + "re_spawn_1.png", "re_spawn", 1);	
	one(15, pre_nm + "re_spawn_2.png", "re_spawn", 2);
	one(15, pre_nm + "re_spawn_3.png", "re_spawn", 3);
	one(15, pre_nm + "re_spawn_4.png", "re_spawn", 4);
	one(15, pre_nm + "re_spawn_5.png", "re_spawn", 5);
	
	one(16, pre_nm + "re_teleport_0.png", "re_teleport", 0);
	one(16, pre_nm + "re_teleport_1.png", "re_teleport", 1);	
	one(16, pre_nm + "re_teleport_2.png", "re_teleport", 2);
	one(16, pre_nm + "re_teleport_3.png", "re_teleport", 3);

	one(17, pre_nm + "re_warp_0.png", "re_warp", 0);
	one(17, pre_nm + "re_warp_1.png", "re_warp", 1);
	one(17, pre_nm + "re_warp_2.png", "re_warp", 2);
	one(17, pre_nm + "re_warp_3.png", "re_warp", 3);
	one(17, pre_nm + "re_warp_4.png", "re_warp", 4);
	one(17, pre_nm + "re_warp_5.png", "re_warp", 5);
	one(17, pre_nm + "re_warp_6.png", "re_warp", 6);
	one(17, pre_nm + "re_warp_7.png", "re_warp", 7);
	one(17, pre_nm + "re_warp_8.png", "re_warp", 8);
	one(17, pre_nm + "re_warp_9.png", "re_warp", 9);
	one(17, pre_nm + "re_warp_10.png", "re_warp", 10);
	
	one(18, pre_nm + "re_land_0.png", "re_land", 0);
	one(18, pre_nm + "re_land_1.png", "re_land", 1);
	one(18, pre_nm + "re_land_2.png", "re_land", 2);	
	one(18, pre_nm + "re_land_3.png", "re_land", 3);
	
	one(19, pre_nm + "re_land_drop_0.png", "re_drop", 0);
	one(19, pre_nm + "re_land_drop_1.png", "re_drop", 1);
	one(19, pre_nm + "re_land_drop_2.png", "re_drop", 2);
	one(19, pre_nm + "re_land_drop_3.png", "re_drop", 3);
	
	one(20, pre_nm + "re_land_hard_0.png", "re_hard", 0);
	one(20, pre_nm + "re_land_hard_1.png", "re_hard", 1);	
	one(20, pre_nm + "re_land_hard_2.png", "re_hard", 2);
	one(20, pre_nm + "re_land_hard_3.png", "re_hard", 3);
	
	one(21, pre_nm + "re_land_squash_0.png", "re_squash", 0);
	one(21, pre_nm + "re_land_squash_1.png", "re_squash", 1);
	one(21, pre_nm + "re_land_squash_2.png", "re_squash", 2);
	one(21, pre_nm + "re_land_squash_3.png", "re_squash", 3);
	one(21, pre_nm + "re_land_squash_4.png", "re_squash", 4);
	
	one(22, pre_nm + "air_one_0.png", "air_one", 0);
	one(22, pre_nm + "air_one_1.png", "air_one", 1);
	one(22, pre_nm + "air_one_2.png", "air_one", 2);
	one(22, pre_nm + "air_one_3.png", "air_one", 3);
	
	one(23, pre_nm + "air_two_0.png", "air_two", 0);
	one(23, pre_nm + "air_two_1.png", "air_two", 1);
	one(23, pre_nm + "air_two_2.png", "air_two", 2);
	one(23, pre_nm + "air_two_3.png", "air_two", 3);
	
	one(24, pre_nm + "air_three_0.png", "air_three", 0);
	
	one(25, pre_nm + "air_four_0.png", "air_four", 0);
	
	one(26, pre_nm + "air_five_0.png", "air_five", 0);
	
	one(27, pre_nm + "air_six_0.png", "air_six", 0);
	
	one(28, pre_nm + "knock_down_one_0.png", "knock_up_one", 0);
	one(28, pre_nm + "knock_down_one_1.png", "knock_up_one", 1);
	one(28, pre_nm + "knock_down_one_2.png", "knock_up_one", 2);
	one(28, pre_nm + "knock_down_one_3.png", "knock_up_one", 3);
	
	one(29, pre_nm + "knock_down_two_0.png", "knock_up_two", 0);
	one(29, pre_nm + "knock_down_two_1.png", "knock_up_two", 1);
	one(29, pre_nm + "knock_down_two_2.png", "knock_up_two", 2);
	one(29, pre_nm + "knock_down_two_3.png", "knock_up_two", 3);
	
	one(30, pre_nm + "knock_back_one_0.png", "knock_back_one", 0);
	one(30, pre_nm + "knock_back_one_1.png", "knock_back_one", 1);
	one(30, pre_nm + "knock_back_one_2.png", "knock_back_one", 2);
	one(30, pre_nm + "knock_back_one_3.png", "knock_back_one", 3);
	
	one(31, pre_nm + "knock_back_two_0.png", "knock_back_two", 0);
	one(31, pre_nm + "knock_back_two_1.png", "knock_back_two", 1);
	one(31, pre_nm + "knock_back_two_2.png", "knock_back_two", 2);
	one(31, pre_nm + "knock_back_two_3.png", "knock_back_two", 3);

	one(32, pre_nm + "knock_up_one_0.png", "knock_down_one", 0);
	one(32, pre_nm + "knock_up_one_1.png", "knock_down_one", 1);
	one(32, pre_nm + "knock_up_one_2.png", "knock_down_one", 2);
	one(32, pre_nm + "knock_up_one_3.png", "knock_down_one", 3);
	
	one(33, pre_nm + "knock_up_two_0.png", "knock_down_two", 0);
	one(33, pre_nm + "knock_up_two_1.png", "knock_down_two", 1);
	one(33, pre_nm + "knock_up_two_2.png", "knock_down_two", 2);
	one(33, pre_nm + "knock_up_two_3.png", "knock_down_two", 3);

	one(34, pre_nm + "life_rest_0.png", "life_rest", 0);
	one(34, pre_nm + "life_rest_1.png", "life_rest", 1);
	one(34, pre_nm + "life_rest_2.png", "life_rest", 2);
	one(34, pre_nm + "life_rest_3.png", "life_rest", 3);
	one(34, pre_nm + "life_rest_4.png", "life_rest", 4);
	one(34, pre_nm + "life_rest_5.png", "life_rest", 5);
	one(34, pre_nm + "life_rest_6.png", "life_rest", 6);
	one(34, pre_nm + "life_rest_7.png", "life_rest", 7);
	
	one(35, pre_nm + "life_heal_0.png", "life_heal", 0);
	one(35, pre_nm + "life_heal_1.png", "life_heal", 1);
	one(35, pre_nm + "life_heal_2.png", "life_heal", 2);
	one(35, pre_nm + "life_heal_3.png", "life_heal", 3);
	one(35, pre_nm + "life_heal_4.png", "life_heal", 4);
	one(35, pre_nm + "life_heal_5.png", "life_heal", 5);

	one(36, pre_nm + "life_sleep_0.png", "life_sleep", 0);
	one(36, pre_nm + "life_sleep_1.png", "life_sleep", 1);
	one(36, pre_nm + "life_sleep_2.png", "life_sleep", 2);
	one(36, pre_nm + "life_sleep_3.png", "life_sleep", 3);
	one(36, pre_nm + "life_sleep_4.png", "life_sleep", 4);
	one(36, pre_nm + "life_sleep_5.png", "life_sleep", 5);

	one(37, pre_nm + "fly_idle_0.png", "fly_idle_one", 0);
	one(37, pre_nm + "fly_idle_1.png", "fly_idle_one", 1);
	one(37, pre_nm + "fly_idle_2.png", "fly_idle_one", 2);
	one(37, pre_nm + "fly_idle_3.png", "fly_idle_one", 3);
	
	one(38, pre_nm + "fly_idle_color_0.png", "fly_idle_two", 0);
	one(38, pre_nm + "fly_idle_color_1.png", "fly_idle_two", 1);
	one(38, pre_nm + "fly_idle_color_2.png", "fly_idle_two", 2);
	one(38, pre_nm + "fly_idle_color_3.png", "fly_idle_two", 3);

	one(39, pre_nm + "fly_0.png", "fly_up_one", 0);
	one(39, pre_nm + "fly_1.png", "fly_up_one", 1);
	one(39, pre_nm + "fly_2.png", "fly_up_one", 2);
	one(39, pre_nm + "fly_3.png", "fly_up_one", 3);
	
	one(40, pre_nm + "fly_color_0.png", "fly_up_two", 0);
	one(40, pre_nm + "fly_color_1.png", "fly_up_two", 1);
	one(40, pre_nm + "fly_color_2.png", "fly_up_two", 2);
	one(40, pre_nm + "fly_color_3.png", "fly_up_two", 3);

	one(41, pre_nm + "fly_run_0.png", "fly_run_one", 0);
	one(41, pre_nm + "fly_run_1.png", "fly_run_one", 1);
	one(41, pre_nm + "fly_run_2.png", "fly_run_one", 2);
	one(41, pre_nm + "fly_run_3.png", "fly_run_one", 3);
	one(41, pre_nm + "fly_run_4.png", "fly_run_one", 4);

	one(42, pre_nm + "fly_run_color_0.png", "fly_run_two", 0);
	one(42, pre_nm + "fly_run_color_1.png", "fly_run_two", 1);
	one(42, pre_nm + "fly_run_color_2.png", "fly_run_two", 2);
	one(42, pre_nm + "fly_run_color_3.png", "fly_run_two", 3);
	one(42, pre_nm + "fly_run_color_4.png", "fly_run_two", 4);

	one(43, pre_nm + "dash_one_0.png", "dash_one", 0);
	one(43, pre_nm + "dash_one_1.png", "dash_one", 1);
	one(43, pre_nm + "dash_one_2.png", "dash_one", 2);
	one(43, pre_nm + "dash_one_3.png", "dash_one", 3);
	
	
	one(44, pre_nm + "dash_two_0.png", "dash_two", 0);
	one(44, pre_nm + "dash_two_1.png", "dash_two", 1);
	one(44, pre_nm + "dash_two_2.png", "dash_two", 2);
	one(44, pre_nm + "dash_two_3.png", "dash_two", 3);
	
	
	one(45, pre_nm + "dash_pose_one_0.png", "dash_pose_one", 0);
	
	one(46, pre_nm + "dash_pose_two_0.png", "dash_pose_two", 0);
	
	one(47, pre_nm + "dash_flash_step_one_0.png", "dash_flash_step_one", 0);
	one(47, pre_nm + "dash_flash_step_one_1.png", "dash_flash_step_one", 1);
	one(47, pre_nm + "dash_flash_step_one_2.png", "dash_flash_step_one", 2);
	
	one(48, pre_nm + "dash_flash_step_two_0.png", "dash_flash_step_two", 0);
	one(48, pre_nm + "dash_flash_step_two_1.png", "dash_flash_step_two", 1);
	one(48, pre_nm + "dash_flash_step_two_2.png", "dash_flash_step_two", 2);
	
	one(49, pre_nm + "spell_fire_0.png", "spell_fire", 0);
	one(49, pre_nm + "spell_fire_1.png", "spell_fire", 1);
	one(49, pre_nm + "spell_fire_2.png", "spell_fire", 2);
	one(49, pre_nm + "spell_fire_3.png", "spell_fire", 3);
	one(49, pre_nm + "spell_fire_4.png", "spell_fire", 4);
	
	one(50, pre_nm + "spell_charge_0.png", "spell_charge", 0);
	one(50, pre_nm + "spell_charge_1.png", "spell_charge", 1);
	one(50, pre_nm + "spell_charge_2.png", "spell_charge", 2);
	one(50, pre_nm + "spell_charge_3.png", "spell_charge", 3);
	one(50, pre_nm + "spell_charge_4.png", "spell_charge", 4);
	one(50, pre_nm + "spell_charge_5.png", "spell_charge", 5);
	one(50, pre_nm + "spell_charge_6.png", "spell_charge", 6);
	
	one(51, pre_nm + "spell_charge_staff_0.png", "spell_charge_staff", 0);
	one(51, pre_nm + "spell_charge_staff_1.png", "spell_charge_staff", 1);
	one(51, pre_nm + "spell_charge_staff_2.png", "spell_charge_staff", 2);
	one(51, pre_nm + "spell_charge_staff_3.png", "spell_charge_staff", 3);
	one(51, pre_nm + "spell_charge_staff_4.png", "spell_charge_staff", 4);
	one(51, pre_nm + "spell_charge_staff_5.png", "spell_charge_staff", 5);
	one(51, pre_nm + "spell_charge_staff_6.png", "spell_charge_staff", 6);

	one(52, pre_nm + "spell_charge_wand_0.png", "spell_charge_wand", 0);
	one(52, pre_nm + "spell_charge_wand_1.png", "spell_charge_wand", 1);
	one(52, pre_nm + "spell_charge_wand_2.png", "spell_charge_wand", 2);
	one(52, pre_nm + "spell_charge_wand_3.png", "spell_charge_wand", 3);
	one(52, pre_nm + "spell_charge_wand_4.png", "spell_charge_wand", 4);
	one(52, pre_nm + "spell_charge_wand_5.png", "spell_charge_wand", 5);
	one(52, pre_nm + "spell_charge_wand_6.png", "spell_charge_wand", 6);
	
	one(53, pre_nm + "spell_casting_0.png", "spell_casting", 0);
	one(53, pre_nm + "spell_casting_1.png", "spell_casting", 1);
	one(53, pre_nm + "spell_casting_2.png", "spell_casting", 2);
	one(53, pre_nm + "spell_casting_3.png", "spell_casting", 3);
	one(53, pre_nm + "spell_casting_4.png", "spell_casting", 4);
	one(53, pre_nm + "spell_casting_5.png", "spell_casting", 5);
	one(53, pre_nm + "spell_casting_6.png", "spell_casting", 6);
	one(53, pre_nm + "spell_casting_7.png", "spell_casting", 7);
	
	one(54, pre_nm + "spell_casting_pose_0.png", "spell_pose", 0);
	
	one(55, pre_nm + "hurt_one_0.png", "hurt_one", 0);
	one(55, pre_nm + "hurt_one_1.png", "hurt_one", 1);
	one(55, pre_nm + "hurt_one_2.png", "hurt_one", 2);
	one(55, pre_nm + "hurt_one_3.png", "hurt_one", 3);
	
	one(56, pre_nm + "hurt_skull_0.png", "hurt_skull", 0);
	one(56, pre_nm + "hurt_skull_1.png", "hurt_skull", 1);
	one(56, pre_nm + "hurt_skull_2.png", "hurt_skull", 2);
	one(56, pre_nm + "hurt_skull_3.png", "hurt_skull", 3);
	
	one(57, pre_nm + "hurt_tear_0.png", "hurt_tear", 0);
	one(57, pre_nm + "hurt_tear_1.png", "hurt_tear", 1);
	one(57, pre_nm + "hurt_tear_2.png", "hurt_tear", 2);
	one(57, pre_nm + "hurt_tear_3.png", "hurt_tear", 3);
	
	one(58, pre_nm + "hurt_blink_0.png", "hurt_blink", 0);
	one(58, pre_nm + "hurt_blink_1.png", "hurt_blink", 1);
	one(58, pre_nm + "hurt_blink_2.png", "hurt_blink", 2);
	one(58, pre_nm + "hurt_blink_3.png", "hurt_blink", 3);

	one(59, pre_nm + "hurt_air_one_0.png", "hurt_air_one", 0);

	one(60, pre_nm + "hurt_air_two_0.png", "hurt_air_two", 0);
	
	one(61, pre_nm + "z_die_one_0.png", "die_one", 0);
	one(61, pre_nm + "z_die_one_1.png", "die_one", 1);
	one(61, pre_nm + "z_die_one_2.png", "die_one", 2);
	one(61, pre_nm + "z_die_one_3.png", "die_one", 3);
	
	one(62, pre_nm + "z_die_shrink_0.png", "die_shrink", 0);
	one(62, pre_nm + "z_die_shrink_1.png", "die_shrink", 1);
	one(62, pre_nm + "z_die_shrink_2.png", "die_shrink", 2);
	one(62, pre_nm + "z_die_shrink_3.png", "die_shrink", 3);
	
	one(63, pre_nm + "z_die_head_0.png", "die_head", 0);
	one(63, pre_nm + "z_die_head_1.png", "die_head", 1);
	one(63, pre_nm + "z_die_head_2.png", "die_head", 2);
	one(63, pre_nm + "z_die_head_3.png", "die_head", 3);
	one(63, pre_nm + "z_die_head_4.png", "die_head", 4);
	one(63, pre_nm + "z_die_head_5.png", "die_head", 5);

	one(64, pre_nm + "z_die_skull_0.png", "die_skull", 0);
	one(64, pre_nm + "z_die_skull_1.png", "die_skull", 1);
	one(64, pre_nm + "z_die_skull_2.png", "die_skull", 2);
	one(64, pre_nm + "z_die_skull_3.png", "die_skull", 3);
	one(64, pre_nm + "z_die_skull_4.png", "die_skull", 4);
	one(64, pre_nm + "z_die_skull_5.png", "die_skull", 5);
	one(64, pre_nm + "z_die_skull_6.png", "die_skull", 6);
	
	one(65, pre_nm + "z_die_poof_0.png", "die_poof", 0);
	one(65, pre_nm + "z_die_poof_1.png", "die_poof", 1);
	one(65, pre_nm + "z_die_poof_2.png", "die_poof", 2);
	one(65, pre_nm + "z_die_poof_3.png", "die_poof", 3);

	one(66, pre_nm + "z_die_smoke_0.png", "die_smoke", 0);
	one(66, pre_nm + "z_die_smoke_1.png", "die_smoke", 1);
	one(66, pre_nm + "z_die_smoke_2.png", "die_smoke", 2);
	one(66, pre_nm + "z_die_smoke_3.png", "die_smoke", 3);
	one(66, pre_nm + "z_die_smoke_4.png", "die_smoke", 4);
	one(66, pre_nm + "z_die_smoke_5.png", "die_smoke", 5);
	
	one(67, pre_nm + "z_die_spark_0.png", "die_spark", 0);
	one(67, pre_nm + "z_die_spark_1.png", "die_spark", 1);
	one(67, pre_nm + "z_die_spark_2.png", "die_spark", 2);
	one(67, pre_nm + "z_die_spark_3.png", "die_spark", 3);
	one(67, pre_nm + "z_die_spark_4.png", "die_spark", 4);
	one(67, pre_nm + "z_die_spark_5.png", "die_spark", 5);
	one(67, pre_nm + "z_die_spark_6.png", "die_spark", 6);
	one(67, pre_nm + "z_die_spark_7.png", "die_spark", 7);
	
	one(68, pre_nm + "z_die_explode_0.png", "die_explode", 0);
	one(68, pre_nm + "z_die_explode_1.png", "die_explode", 1);
	one(68, pre_nm + "z_die_explode_2.png", "die_explode", 2);
	one(68, pre_nm + "z_die_explode_3.png", "die_explode", 3);
	one(68, pre_nm + "z_die_explode_4.png", "die_explode", 4);
	one(68, pre_nm + "z_die_explode_5.png", "die_explode", 5);
	one(68, pre_nm + "z_die_explode_6.png", "die_explode", 6);
	one(68, pre_nm + "z_die_explode_7.png", "die_explode", 7);
	one(68, pre_nm + "z_die_explode_8.png", "die_explode", 8);
	one(68, pre_nm + "z_die_explode_9.png", "die_explode", 9);
	one(68, pre_nm + "z_die_explode_10.png", "die_explode", 10);
	
	one(69, pre_nm + "z_die_melt_0.png", "die_melt", 0);
	one(69, pre_nm + "z_die_melt_1.png", "die_melt", 1);
	one(69, pre_nm + "z_die_melt_2.png", "die_melt", 2);
	one(69, pre_nm + "z_die_melt_3.png", "die_melt", 3);
	one(69, pre_nm + "z_die_melt_4.png", "die_melt", 4);
	one(69, pre_nm + "z_die_melt_5.png", "die_melt", 5);
	one(69, pre_nm + "z_die_melt_6.png", "die_melt", 6);
	one(69, pre_nm + "z_die_melt_7.png", "die_melt", 7);

	one(70, pre_nm + "z_die_melt_effect_0.png", "die_melt_effect", 0);
	one(70, pre_nm + "z_die_melt_effect_1.png", "die_melt_effect", 1);
	one(70, pre_nm + "z_die_melt_effect_2.png", "die_melt_effect", 2);
	one(70, pre_nm + "z_die_melt_effect_3.png", "die_melt_effect", 3);
	one(70, pre_nm + "z_die_melt_effect_4.png", "die_melt_effect", 4);
	one(70, pre_nm + "z_die_melt_effect_5.png", "die_melt_effect", 5);
	one(70, pre_nm + "z_die_melt_effect_6.png", "die_melt_effect", 6);
	one(70, pre_nm + "z_die_melt_effect_7.png", "die_melt_effect", 7);

	one(71, pre_nm + "z_die_soul_0.png", "die_soul", 0);
	one(71, pre_nm + "z_die_soul_1.png", "die_soul", 1);
	one(71, pre_nm + "z_die_soul_2.png", "die_soul", 2);
	one(71, pre_nm + "z_die_soul_3.png", "die_soul", 3);
	one(71, pre_nm + "z_die_soul_4.png", "die_soul", 4);
	one(71, pre_nm + "z_die_soul_5.png", "die_soul", 5);
	one(71, pre_nm + "z_die_soul_6.png", "die_soul", 6);
	one(71, pre_nm + "z_die_soul_7.png", "die_soul", 7);
	one(71, pre_nm + "z_die_soul_8.png", "die_soul", 8);
	
	one(72, pre_nm + "z_die_drown_0.png", "die_drown", 0);
	one(72, pre_nm + "z_die_drown_1.png", "die_drown", 1);
	one(72, pre_nm + "z_die_drown_2.png", "die_drown", 2);
	one(72, pre_nm + "z_die_drown_3.png", "die_drown", 3);
	one(72, pre_nm + "z_die_drown_4.png", "die_drown", 4);
	one(72, pre_nm + "z_die_drown_5.png", "die_drown", 5);
	one(72, pre_nm + "z_die_drown_6.png", "die_drown", 6);
	one(72, pre_nm + "z_die_drown_7.png", "die_drown", 7);
	one(72, pre_nm + "z_die_drown_8.png", "die_drown", 8);

	one(73, pre_nm + "z_die_sink_0.png", "die_sink", 0);
	one(73, pre_nm + "z_die_sink_1.png", "die_sink", 1);
	one(73, pre_nm + "z_die_sink_2.png", "die_sink", 2);
	one(73, pre_nm + "z_die_sink_3.png", "die_sink", 3);
	one(73, pre_nm + "z_die_sink_4.png", "die_sink", 4);
	one(73, pre_nm + "z_die_sink_5.png", "die_sink", 5);
	one(73, pre_nm + "z_die_sink_6.png", "die_sink", 6);
	one(73, pre_nm + "z_die_sink_7.png", "die_sink", 7);

	one(74, pre_nm + "z_die_sink_trap_0.png", "die_sink_trap", 0);
	one(74, pre_nm + "z_die_sink_trap_1.png", "die_sink_trap", 1);
	one(74, pre_nm + "z_die_sink_trap_2.png", "die_sink_trap", 2);
	one(74, pre_nm + "z_die_sink_trap_3.png", "die_sink_trap", 3);
	one(74, pre_nm + "z_die_sink_trap_4.png", "die_sink_trap", 4);
	one(74, pre_nm + "z_die_sink_trap_5.png", "die_sink_trap", 5);
	one(74, pre_nm + "z_die_sink_trap_6.png", "die_sink_trap", 6);
	one(74, pre_nm + "z_die_sink_trap_7.png", "die_sink_trap", 7);

	one(75, pre_nm + "swim_idle_one_0.png", "swim_idle_one", 0);
	one(75, pre_nm + "swim_idle_one_1.png", "swim_idle_one", 1);
	one(75, pre_nm + "swim_idle_one_2.png", "swim_idle_one", 2);
	one(75, pre_nm + "swim_idle_one_3.png", "swim_idle_one", 3);
	one(75, pre_nm + "swim_idle_one_4.png", "swim_idle_one", 4);
	one(75, pre_nm + "swim_idle_one_5.png", "swim_idle_one", 5);

	one(76, pre_nm + "swim_idle_two_0.png", "swim_idle_two", 0);
	one(76, pre_nm + "swim_idle_two_1.png", "swim_idle_two", 1);
	one(76, pre_nm + "swim_idle_two_2.png", "swim_idle_two", 2);
	one(76, pre_nm + "swim_idle_two_3.png", "swim_idle_two", 3);
	one(76, pre_nm + "swim_idle_two_4.png", "swim_idle_two", 4);
	one(76, pre_nm + "swim_idle_two_5.png", "swim_idle_two", 5);

	one(77, pre_nm + "swim_idle_three_0.png", "swim_idle_three", 0);
	one(77, pre_nm + "swim_idle_three_1.png", "swim_idle_three", 1);
	one(77, pre_nm + "swim_idle_three_2.png", "swim_idle_three", 2);
	one(77, pre_nm + "swim_idle_three_3.png", "swim_idle_three", 3);
	one(77, pre_nm + "swim_idle_three_4.png", "swim_idle_three", 4);
	one(77, pre_nm + "swim_idle_three_5.png", "swim_idle_three", 5);

	one(78, pre_nm + "swim_idle_four_0.png", "swim_idle_four", 0);
	one(78, pre_nm + "swim_idle_four_1.png", "swim_idle_four", 1);
	one(78, pre_nm + "swim_idle_four_2.png", "swim_idle_four", 2);
	one(78, pre_nm + "swim_idle_four_3.png", "swim_idle_four", 3);
	one(78, pre_nm + "swim_idle_four_4.png", "swim_idle_four", 4);
	one(78, pre_nm + "swim_idle_four_5.png", "swim_idle_four", 5);
	
	one(79, pre_nm + "swim_idle_five_0.png", "swim_idle_five", 0);
	one(79, pre_nm + "swim_idle_five_1.png", "swim_idle_five", 1);
	one(79, pre_nm + "swim_idle_five_2.png", "swim_idle_five", 2);
	one(79, pre_nm + "swim_idle_five_3.png", "swim_idle_five", 3);

	one(80, pre_nm + "swim_idle_six_0.png", "swim_idle_six", 0);
	one(80, pre_nm + "swim_idle_six_1.png", "swim_idle_six", 1);
	one(80, pre_nm + "swim_idle_six_2.png", "swim_idle_six", 2);
	one(80, pre_nm + "swim_idle_six_3.png", "swim_idle_six", 3);

	one(81, pre_nm + "swim_idle_seven_0.png", "swim_idle_seven", 0);
	one(81, pre_nm + "swim_idle_seven_1.png", "swim_idle_seven", 1);
	one(81, pre_nm + "swim_idle_seven_2.png", "swim_idle_seven", 2);
	one(81, pre_nm + "swim_idle_seven_3.png", "swim_idle_seven", 3);

	one(82, pre_nm + "swim_idle_eight_0.png", "swim_idle_eight", 0);
	one(82, pre_nm + "swim_idle_eight_1.png", "swim_idle_eight", 1);
	one(82, pre_nm + "swim_idle_eight_2.png", "swim_idle_eight", 2);
	one(82, pre_nm + "swim_idle_eight_3.png", "swim_idle_eight", 3);

	one(83, pre_nm + "swim_move_one_0.png", "swim_move_one", 0);
	one(83, pre_nm + "swim_move_one_1.png", "swim_move_one", 1);
	one(83, pre_nm + "swim_move_one_2.png", "swim_move_one", 2);
	one(83, pre_nm + "swim_move_one_3.png", "swim_move_one", 3);

	one(84, pre_nm + "swim_move_two_0.png", "swim_move_two", 0);
	one(84, pre_nm + "swim_move_two_1.png", "swim_move_two", 1);
	one(84, pre_nm + "swim_move_two_2.png", "swim_move_two", 2);
	one(84, pre_nm + "swim_move_two_3.png", "swim_move_two", 3);
	one(84, pre_nm + "swim_move_two_4.png", "swim_move_two", 4);
	one(84, pre_nm + "swim_move_two_5.png", "swim_move_two", 5);
	
	one(85, pre_nm + "swim_move_three_0.png", "swim_move_three", 0);
	one(85, pre_nm + "swim_move_three_1.png", "swim_move_three", 1);
	one(85, pre_nm + "swim_move_three_2.png", "swim_move_three", 2);
	one(85, pre_nm + "swim_move_three_3.png", "swim_move_three", 3);

	one(86, pre_nm + "swim_move_four_0.png", "swim_move_four", 0);
	one(86, pre_nm + "swim_move_four_1.png", "swim_move_four", 1);
	one(86, pre_nm + "swim_move_four_2.png", "swim_move_four", 2);
	one(86, pre_nm + "swim_move_four_3.png", "swim_move_four", 3);
	
	one(87, pre_nm + "swim_arms_one_0.png", "swim_arms_one", 0);
	one(87, pre_nm + "swim_arms_one_1.png", "swim_arms_one", 1);
	one(87, pre_nm + "swim_arms_one_2.png", "swim_arms_one", 2);
	one(87, pre_nm + "swim_arms_one_3.png", "swim_arms_one", 3);

	one(88, pre_nm + "swim_arms_two_0.png", "swim_arms_two", 0);
	one(88, pre_nm + "swim_arms_two_1.png", "swim_arms_two", 1);
	one(88, pre_nm + "swim_arms_two_2.png", "swim_arms_two", 2);
	one(88, pre_nm + "swim_arms_two_3.png", "swim_arms_two", 3);
	
	one(89, pre_nm + "swim_arms_three_0.png", "swim_arms_three", 0);
	one(89, pre_nm + "swim_arms_three_1.png", "swim_arms_three", 1);
	one(89, pre_nm + "swim_arms_three_2.png", "swim_arms_three", 2);
	one(89, pre_nm + "swim_arms_three_3.png", "swim_arms_three", 3);

	one(90, pre_nm + "swim_arms_four_0.png", "swim_arms_four", 0);
	one(90, pre_nm + "swim_arms_four_1.png", "swim_arms_four", 1);
	one(90, pre_nm + "swim_arms_four_2.png", "swim_arms_four", 2);
	one(90, pre_nm + "swim_arms_four_3.png", "swim_arms_four", 3);


	one(91, pre_nm + "weapon_sword_idle_0.png", "weapon_sword_idle", 0);
	one(91, pre_nm + "weapon_sword_idle_1.png", "weapon_sword_idle", 1);
	one(91, pre_nm + "weapon_sword_idle_2.png", "weapon_sword_idle", 2);
	one(91, pre_nm + "weapon_sword_idle_3.png", "weapon_sword_idle", 3);
	
	one(92, pre_nm + "weapon_shield_idle_0.png", "weapon_shield_idle", 0);
	one(92, pre_nm + "weapon_shield_idle_1.png", "weapon_shield_idle", 1);
	one(92, pre_nm + "weapon_shield_idle_2.png", "weapon_shield_idle", 2);
	one(92, pre_nm + "weapon_shield_idle_3.png", "weapon_shield_idle", 3);
	
	one(93, pre_nm + "weapon_staff_idle_0.png", "weapon_staff_idle", 0);
	one(93, pre_nm + "weapon_staff_idle_1.png", "weapon_staff_idle", 1);
	one(93, pre_nm + "weapon_staff_idle_2.png", "weapon_staff_idle", 2);
	one(93, pre_nm + "weapon_staff_idle_3.png", "weapon_staff_idle", 3);
	
	one(94, pre_nm + "weapon_wand_idle_0.png", "weapon_wand_idle", 0);
	one(94, pre_nm + "weapon_wand_idle_1.png", "weapon_wand_idle", 1);
	one(94, pre_nm + "weapon_wand_idle_2.png", "weapon_wand_idle", 2);
	one(94, pre_nm + "weapon_wand_idle_3.png", "weapon_wand_idle", 3);
	
	one(95, pre_nm + "weapon_bow_tall_idle_0.png", "weapon_bow_tall_idle", 0);
	one(95, pre_nm + "weapon_bow_tall_idle_1.png", "weapon_bow_tall_idle", 1);
	one(95, pre_nm + "weapon_bow_tall_idle_2.png", "weapon_bow_tall_idle", 2);
	one(95, pre_nm + "weapon_bow_tall_idle_3.png", "weapon_bow_tall_idle", 3);
	
	one(96, pre_nm + "weapon_bow_short_idle_0.png", "weapon_bow_short_idle", 0);
	one(96, pre_nm + "weapon_bow_short_idle_1.png", "weapon_bow_short_idle", 1);
	one(96, pre_nm + "weapon_bow_short_idle_2.png", "weapon_bow_short_idle", 2);
	one(96, pre_nm + "weapon_bow_short_idle_3.png", "weapon_bow_short_idle", 3);
	
	one(97, pre_nm + "weapon_sword_run_0.png", "weapon_sword_run", 0);
	one(97, pre_nm + "weapon_sword_run_1.png", "weapon_sword_run", 1);
	one(97, pre_nm + "weapon_sword_run_2.png", "weapon_sword_run", 2);
	one(97, pre_nm + "weapon_sword_run_3.png", "weapon_sword_run", 3);
	
	one(98, pre_nm + "weapon_shield_run_0.png", "weapon_shield_run", 0);
	one(98, pre_nm + "weapon_shield_run_1.png", "weapon_shield_run", 1);
	one(98, pre_nm + "weapon_shield_run_2.png", "weapon_shield_run", 2);
	one(98, pre_nm + "weapon_shield_run_3.png", "weapon_shield_run", 3);
	
	one(99, pre_nm + "weapon_staff_run_0.png", "weapon_staff_run", 0);
	one(99, pre_nm + "weapon_staff_run_1.png", "weapon_staff_run", 1);
	one(99, pre_nm + "weapon_staff_run_2.png", "weapon_staff_run", 2);
	one(99, pre_nm + "weapon_staff_run_3.png", "weapon_staff_run", 3);
	
	one(100, pre_nm + "weapon_wand_run_0.png", "weapon_wand_run", 0);
	one(100, pre_nm + "weapon_wand_run_1.png", "weapon_wand_run", 1);
	one(100, pre_nm + "weapon_wand_run_2.png", "weapon_wand_run", 2);
	one(100, pre_nm + "weapon_wand_run_3.png", "weapon_wand_run", 3);
	
	one(101, pre_nm + "weapon_bow_tall_run_0.png", "weapon_bow_tall_run", 0);
	one(101, pre_nm + "weapon_bow_tall_run_1.png", "weapon_bow_tall_run", 1);
	one(101, pre_nm + "weapon_bow_tall_run_2.png", "weapon_bow_tall_run", 2);
	one(101, pre_nm + "weapon_bow_tall_run_3.png", "weapon_bow_tall_run", 3);
	
	one(102, pre_nm + "weapon_bow_short_run_0.png", "weapon_bow_short_run", 0);
	one(102, pre_nm + "weapon_bow_short_run_1.png", "weapon_bow_short_run", 1);
	one(102, pre_nm + "weapon_bow_short_run_2.png", "weapon_bow_short_run", 2);
	one(102, pre_nm + "weapon_bow_short_run_3.png", "weapon_bow_short_run", 3);


	one(103, pre_nm + "weapon_bow_tall_fire_fast_0.png", "weapon_bow_tall_fire_fast", 0);
	one(103, pre_nm + "weapon_bow_tall_fire_fast_1.png", "weapon_bow_tall_fire_fast", 1);
	one(103, pre_nm + "weapon_bow_tall_fire_fast_2.png", "weapon_bow_tall_fire_fast", 2);
	one(103, pre_nm + "weapon_bow_tall_fire_fast_3.png", "weapon_bow_tall_fire_fast", 3);
	one(103, pre_nm + "weapon_bow_tall_fire_fast_4.png", "weapon_bow_tall_fire_fast", 4);
  
	one(104, pre_nm + "weapon_bow_tall_fire_slow_0.png", "weapon_bow_tall_fire_slow", 0);
	one(104, pre_nm + "weapon_bow_tall_fire_slow_1.png", "weapon_bow_tall_fire_slow", 1);
	one(104, pre_nm + "weapon_bow_tall_fire_slow_2.png", "weapon_bow_tall_fire_slow", 2);
	one(104, pre_nm + "weapon_bow_tall_fire_slow_3.png", "weapon_bow_tall_fire_slow", 3);
	one(104, pre_nm + "weapon_bow_tall_fire_slow_4.png", "weapon_bow_tall_fire_slow", 4);
	one(104, pre_nm + "weapon_bow_tall_fire_slow_5.png", "weapon_bow_tall_fire_slow", 5);
  
	one(105, pre_nm + "weapon_bow_tall_fire_fast_bag_0.png", "weapon_bow_tall_fire_fast_bag", 0);
	one(105, pre_nm + "weapon_bow_tall_fire_fast_bag_1.png", "weapon_bow_tall_fire_fast_bag", 1);
	one(105, pre_nm + "weapon_bow_tall_fire_fast_bag_2.png", "weapon_bow_tall_fire_fast_bag", 2);
	one(105, pre_nm + "weapon_bow_tall_fire_fast_bag_3.png", "weapon_bow_tall_fire_fast_bag", 3);
	one(105, pre_nm + "weapon_bow_tall_fire_fast_bag_4.png", "weapon_bow_tall_fire_fast_bag", 4);
  
	one(106, pre_nm + "weapon_bow_tall_fire_slow_bag_0.png", "weapon_bow_tall_fire_slow_bag", 0);
	one(106, pre_nm + "weapon_bow_tall_fire_slow_bag_1.png", "weapon_bow_tall_fire_slow_bag", 1);
	one(106, pre_nm + "weapon_bow_tall_fire_slow_bag_2.png", "weapon_bow_tall_fire_slow_bag", 2);
	one(106, pre_nm + "weapon_bow_tall_fire_slow_bag_3.png", "weapon_bow_tall_fire_slow_bag", 3);
	one(106, pre_nm + "weapon_bow_tall_fire_slow_bag_4.png", "weapon_bow_tall_fire_slow_bag", 4);
	one(106, pre_nm + "weapon_bow_tall_fire_slow_bag_5.png", "weapon_bow_tall_fire_slow_bag", 5);  
  
  	one(107, pre_nm + "weapon_bow_short_fire_fast_0.png", "weapon_bow_short_fire_fast", 0);
	one(107, pre_nm + "weapon_bow_short_fire_fast_1.png", "weapon_bow_short_fire_fast", 1);
	one(107, pre_nm + "weapon_bow_short_fire_fast_2.png", "weapon_bow_short_fire_fast", 2);
	one(107, pre_nm + "weapon_bow_short_fire_fast_3.png", "weapon_bow_short_fire_fast", 3);
	one(107, pre_nm + "weapon_bow_short_fire_fast_4.png", "weapon_bow_short_fire_fast", 4);
  
	one(108, pre_nm + "weapon_bow_short_fire_slow_0.png", "weapon_bow_short_fire_slow", 0);
	one(108, pre_nm + "weapon_bow_short_fire_slow_1.png", "weapon_bow_short_fire_slow", 1);
	one(108, pre_nm + "weapon_bow_short_fire_slow_2.png", "weapon_bow_short_fire_slow", 2);
	one(108, pre_nm + "weapon_bow_short_fire_slow_3.png", "weapon_bow_short_fire_slow", 3);
	one(108, pre_nm + "weapon_bow_short_fire_slow_4.png", "weapon_bow_short_fire_slow", 4);
	one(108, pre_nm + "weapon_bow_short_fire_slow_5.png", "weapon_bow_short_fire_slow", 5);
  
	one(109, pre_nm + "weapon_bow_short_fire_fast_bag_0.png", "weapon_bow_short_fire_fast_bag", 0);
	one(109, pre_nm + "weapon_bow_short_fire_fast_bag_1.png", "weapon_bow_short_fire_fast_bag", 1);
	one(109, pre_nm + "weapon_bow_short_fire_fast_bag_2.png", "weapon_bow_short_fire_fast_bag", 2);
	one(109, pre_nm + "weapon_bow_short_fire_fast_bag_3.png", "weapon_bow_short_fire_fast_bag", 3);
	one(109, pre_nm + "weapon_bow_short_fire_fast_bag_4.png", "weapon_bow_short_fire_fast_bag", 4);
  
	one(110, pre_nm + "weapon_bow_short_fire_slow_bag_0.png", "weapon_bow_short_fire_slow_bag", 0);
	one(110, pre_nm + "weapon_bow_short_fire_slow_bag_1.png", "weapon_bow_short_fire_slow_bag", 1);
	one(110, pre_nm + "weapon_bow_short_fire_slow_bag_2.png", "weapon_bow_short_fire_slow_bag", 2);
	one(110, pre_nm + "weapon_bow_short_fire_slow_bag_3.png", "weapon_bow_short_fire_slow_bag", 3);
	one(110, pre_nm + "weapon_bow_short_fire_slow_bag_4.png", "weapon_bow_short_fire_slow_bag", 4);
	one(110, pre_nm + "weapon_bow_short_fire_slow_bag_5.png", "weapon_bow_short_fire_slow_bag", 5);  
  
	one(111, pre_nm + "base_stands_0.png", "base_stands", 0);
	one(111, pre_nm + "base_stands_1.png", "base_stands", 1);
	one(111, pre_nm + "base_stands_2.png", "base_stands", 2);
	one(111, pre_nm + "base_stands_3.png", "base_stands", 3);
	one(111, pre_nm + "base_stands_4.png", "base_stands", 4);
	one(111, pre_nm + "base_stands_5.png", "base_stands", 5);
	one(111, pre_nm + "base_stands_6.png", "base_stands", 6);
	one(111, pre_nm + "base_stands_7.png", "base_stands", 7);
  
	one(112, pre_nm + "weapon_sword_atk_melee_0.png", "weapon_sword_atk_melee", 0);
	one(112, pre_nm + "weapon_sword_atk_melee_1.png", "weapon_sword_atk_melee", 1);
	one(112, pre_nm + "weapon_sword_atk_melee_2.png", "weapon_sword_atk_melee", 2);
	one(112, pre_nm + "weapon_sword_atk_melee_3.png", "weapon_sword_atk_melee", 3);
	one(112, pre_nm + "weapon_sword_atk_melee_4.png", "weapon_sword_atk_melee", 4);
	one(112, pre_nm + "weapon_sword_atk_melee_5.png", "weapon_sword_atk_melee", 5);  
  
	one(113, pre_nm + "weapon_staff_atk_melee_0.png", "weapon_staff_atk_melee", 0);
	one(113, pre_nm + "weapon_staff_atk_melee_1.png", "weapon_staff_atk_melee", 1);
	one(113, pre_nm + "weapon_staff_atk_melee_2.png", "weapon_staff_atk_melee", 2);
	one(113, pre_nm + "weapon_staff_atk_melee_3.png", "weapon_staff_atk_melee", 3);
	one(113, pre_nm + "weapon_staff_atk_melee_4.png", "weapon_staff_atk_melee", 4);
	one(113, pre_nm + "weapon_staff_atk_melee_5.png", "weapon_staff_atk_melee", 5);  
  
	one(114, pre_nm + "weapon_wand_atk_melee_0.png", "weapon_wand_atk_melee", 0);
	one(114, pre_nm + "weapon_wand_atk_melee_1.png", "weapon_wand_atk_melee", 1);
	one(114, pre_nm + "weapon_wand_atk_melee_2.png", "weapon_wand_atk_melee", 2);
	one(114, pre_nm + "weapon_wand_atk_melee_3.png", "weapon_wand_atk_melee", 3);
	one(114, pre_nm + "weapon_wand_atk_melee_4.png", "weapon_wand_atk_melee", 4);
	one(114, pre_nm + "weapon_wand_atk_melee_5.png", "weapon_wand_atk_melee", 5); 
  
	one(115, pre_nm + "weapon_shield_atk_melee_0.png", "weapon_shield_atk_melee", 0);
	one(115, pre_nm + "weapon_shield_atk_melee_1.png", "weapon_shield_atk_melee", 1);
	one(115, pre_nm + "weapon_shield_atk_melee_2.png", "weapon_shield_atk_melee", 2);
	one(115, pre_nm + "weapon_shield_atk_melee_3.png", "weapon_shield_atk_melee", 3);
	one(115, pre_nm + "weapon_shield_atk_melee_4.png", "weapon_shield_atk_melee", 4);
	one(115, pre_nm + "weapon_shield_atk_melee_5.png", "weapon_shield_atk_melee", 5); 
	one(115, pre_nm + "weapon_shield_atk_melee_6.png", "weapon_shield_atk_melee", 6);
	one(115, pre_nm + "weapon_shield_atk_melee_7.png", "weapon_shield_atk_melee", 7);   
  
	one(116, pre_nm + "weapon_staff_atk_fire_0.png", "weapon_staff_atk_fire", 0);
	one(116, pre_nm + "weapon_staff_atk_fire_1.png", "weapon_staff_atk_fire", 1);
	one(116, pre_nm + "weapon_staff_atk_fire_2.png", "weapon_staff_atk_fire", 2);
	one(116, pre_nm + "weapon_staff_atk_fire_3.png", "weapon_staff_atk_fire", 3);
	one(116, pre_nm + "weapon_staff_atk_fire_4.png", "weapon_staff_atk_fire", 4);
    
	one(117, pre_nm + "weapon_wand_atk_fire_0.png", "weapon_wand_atk_fire", 0);
	one(117, pre_nm + "weapon_wand_atk_fire_1.png", "weapon_wand_atk_fire", 1);
	one(117, pre_nm + "weapon_wand_atk_fire_2.png", "weapon_wand_atk_fire", 2);
	one(117, pre_nm + "weapon_wand_atk_fire_3.png", "weapon_wand_atk_fire", 3);
	one(117, pre_nm + "weapon_wand_atk_fire_4.png", "weapon_wand_atk_fire", 4);  
  
  
  
  
  
  
  // TODO.... Anim Part 6
};

const exportSingle = (useZip) => {
	
  const canvas = document.createElement("canvas");
  canvas.width = Conf.getW();
  canvas.height = Conf.getH();

  const ctx = canvas.getContext("2d", { willReadFrequently: true });
  let count = 0;
  const zip = new JSZip();

  const canvasSprite = document.createElement("canvas");
  
  
  //canvasSprite.width = Conf.getW() * 8;
  
  if(
State.anim == "duck_pose" ||
State.anim == "air_three" || 
State.anim == "air_four" || 
State.anim == "air_five" || 
State.anim == "air_six" || 
State.anim == "dash_pose_one" || 
State.anim == "dash_pose_two" || 
State.anim == "spell_pose" || 
State.anim == "hurt_air_one" || 
State.anim == "hurt_air_two"

){
 
        canvasSprite.width = Conf.getW() * 1;
  }


  if(
State.anim == "dash_flash_step_one" ||
State.anim == "dash_flash_step_two"
){
 
        canvasSprite.width = Conf.getW() * 3;
  }






  if(
State.anim == "weapon_shield_atk_melee" ||
State.anim == "base_stand" ||
State.anim == "jump_double" ||
State.anim == "life_rest" || 
State.anim == "spell_casting" || 
State.anim == "die_spark" || 
State.anim == "die_melt" || 
State.anim == "die_melt_effect" || 
State.anim == "die_sink" || 
State.anim == "die_sink_trap"
){
 
        canvasSprite.width = Conf.getW() * 8;
  }


  if(
State.anim == "base_idle" ||
State.anim == "base_run" ||
State.anim == "base_hurt" ||
State.anim == "base_die" ||
State.anim == "run_one" ||
State.anim == "run_two" ||
State.anim == "re_teleport" || 
State.anim == "re_land" || 
State.anim == "re_drop" || 
State.anim == "re_hard" || 
State.anim == "air_one" || 
State.anim == "air_two" || 
State.anim == "knock_up_one" || 
State.anim == "knock_up_two" || 
State.anim == "knock_back_one" || 
State.anim == "knock_back_two" || 
State.anim == "knock_up_one" || 
State.anim == "knock_up_two" || 
State.anim == "fly_idle_one" || 
State.anim == "fly_idle_two" || 
State.anim == "fly_up_one" || 
State.anim == "fly_up_two" || 
State.anim == "dash_one" || 
State.anim == "dash_two" || 
State.anim == "hurt_one" || 
State.anim == "hurt_skull" || 
State.anim == "hurt_tear" || 
State.anim == "hurt_blink" || 
State.anim == "die_one" || 
State.anim == "die_shrink" || 
State.anim == "die_poof" || 
State.anim == "swim_idle_five" || 
State.anim == "swim_idle_six" || 
State.anim == "swim_idle_seven" || 
State.anim == "swim_idle_eight" || 
State.anim == "swim_move_one" || 
State.anim == "swim_move_three" || 
State.anim == "swim_move_four" || 
State.anim == "swim_arms_one" || 
State.anim == "swim_arms_two" || 
State.anim == "swim_arms_three" || 
State.anim == "swim_arms_four" || 
State.anim == "weapon_sword_idle" || 
State.anim == "weapon_shield_idle" || 
State.anim == "weapon_staff_idle" || 
State.anim == "weapon_wand_idle" || 
State.anim == "weapon_bow_tall_idle" || 
State.anim == "weapon_bow_short_idle" || 
State.anim == "weapon_sword_run" || 
State.anim == "weapon_shield_run" || 
State.anim == "weapon_staff_run" || 
State.anim == "weapon_wand_run" || 
State.anim == "weapon_bow_tall_run" || 
State.anim == "weapon_bow_short_run" ||
State.anim == "die_extended"
){
 
        canvasSprite.width = Conf.getW() * 4;
  }



  if(
State.anim == "weapon_wand_atk_fire" ||
State.anim == "weapon_staff_atk_fire" ||
State.anim == "base_press" ||
State.anim == "re_squash" || 
State.anim == "fly_run_one" || 
State.anim == "fly_run_two" || 
State.anim == "spell_fire" || 
State.anim == "weapon_bow_tall_fire_fast" || 
State.anim == "weapon_bow_tall_fire_fast_bag" || 
State.anim == "weapon_bow_short_fire_fast" || 
State.anim == "weapon_bow_short_fire_fast_bag"

){
 
        canvasSprite.width = Conf.getW() * 5;
  }



  if(
State.anim == "weapon_sword_atk_melee" ||
State.anim == "weapon_staff_atk_melee" ||
State.anim == "weapon_wand_atk_melee" ||
State.anim == "jump" ||
State.anim == "jump_hop" ||
State.anim == "run_ninja" ||
State.anim == "run_wobble" || 
State.anim == "run_leap" || 
State.anim == "duck" || 
State.anim == "re_spawn" || 
State.anim == "life_heal" || 
State.anim == "life_sleep" || 
State.anim == "die_head" || 
State.anim == "die_smoke" || 
State.anim == "swim_idle_one" || 
State.anim == "swim_idle_two" || 
State.anim == "swim_idle_three" || 
State.anim == "swim_idle_four" || 
State.anim == "swim_move_two" || 
State.anim == "weapon_bow_tall_fire_slow" || 
State.anim == "weapon_bow_tall_fire_slow_bag" || 
State.anim == "weapon_bow_short_fire_slow" || 
State.anim == "weapon_bow_short_fire_slow_bag"
){
 
        canvasSprite.width = Conf.getW() * 6;
  }



  if(
State.anim == "spell_charge" ||
State.anim == "spell_charge_staff" || 
State.anim == "spell_charge_wand" || 
State.anim == "die_skull"

){
 
        canvasSprite.width = Conf.getW() * 7;
  }


  if(
State.anim == "die_soul" || 
State.anim == "die_drown"
){
 
        canvasSprite.width = Conf.getW() * 9;
  }


  if(
State.anim == "re_warp" || 
State.anim == "die_explode"
){
 
        canvasSprite.width = Conf.getW() * 11;
  }
  
  
  
  
  
  canvasSprite.height =  Conf.getH() * 1;
  
  const ctxSprite = canvasSprite.getContext("2d", { willReadFrequently: true });
  const done = () => {
    if (count > 0) return;

	var prefix_name = document.getElementById('nameentry').value.toString();  

    canvasSprite.toBlob((blob) => {
      if (useZip) {
        //zip.file("sprite_" + prefix_name + ".png", blob);
        zip.generateAsync({type:"base64"}).then((base64) => {
          window.location = "data:application/zip;base64," + base64;
        }, (err) => {
          throw new Error("cannot generate ZIP: " + err);
        });
      } else {
        saveAs(blob, "sprite" + prefix_name + ".png");
      }
    });
  }

  const one = (spriteY, fName, anim, frame) => {
    Canvas.clear(ctx);
    Canvas.blitAll(ctx, frame, anim);

    const spriteX = frame;
    ctxSprite.drawImage(canvas, spriteX * Conf.getW(), spriteY * Conf.getH());

    count++;
    canvas.toBlob((blob) => {
      zip.file(fName, blob);
      count--;
      done();
    });
  }

  var pre_nm = "sprite" + document.getElementById('nameentry').value.toString() + "_";

  if(State.anim == "base_stand"){
	one(0, pre_nm + "base_stands_0.png", "base_stands", 0);
	one(0, pre_nm + "base_stands_1.png", "base_stands", 1);
	one(0, pre_nm + "base_stands_2.png", "base_stands", 2);
	one(0, pre_nm + "base_stands_3.png", "base_stands", 3);
	one(0, pre_nm + "base_stands_4.png", "base_stands", 4);
	one(0, pre_nm + "base_stands_5.png", "base_stands", 5);
	one(0, pre_nm + "base_stands_6.png", "base_stands", 6);
	one(0, pre_nm + "base_stands_7.png", "base_stands", 7);
  }
  
  if(State.anim == "base_idle"){
	one(0, pre_nm + "base_idle_0.png", "base_idle", 0);
	one(0, pre_nm + "base_idle_1.png", "base_idle", 1);
	one(0, pre_nm + "base_idle_2.png", "base_idle", 2);
	one(0, pre_nm + "base_idle_3.png", "base_idle", 3);
  }
  
  if(State.anim == "base_run"){
	one(0, pre_nm + "base_run_0.png", "base_run", 0);
	one(0, pre_nm + "base_run_1.png", "base_run", 1);
	one(0, pre_nm + "base_run_2.png", "base_run", 2);
	one(0, pre_nm + "base_run_3.png", "base_run", 3);
  }
  
  if(State.anim == "base_hurt"){
	one(0, pre_nm + "base_hurt_0.png", "base_hurt", 0);
	one(0, pre_nm + "base_hurt_1.png", "base_hurt", 1);
	one(0, pre_nm + "base_hurt_2.png", "base_hurt", 2);
	one(0, pre_nm + "base_hurt_3.png", "base_hurt", 3);
  }
  
  if(State.anim == "base_die"){
	one(0, pre_nm + "base_die_0.png", "base_die", 0);
	one(0, pre_nm + "base_die_1.png", "base_die", 1);
	one(0, pre_nm + "base_die_2.png", "base_die", 2);
	one(0, pre_nm + "base_die_3.png", "base_die", 3);
  }
  
    if(State.anim == "base_press"){
	one(0, pre_nm + "base_press_0.png", "base_press", 0);
	one(0, pre_nm + "base_press_1.png", "base_press", 1);
	one(0, pre_nm + "base_press_2.png", "base_press", 2);
	one(0, pre_nm + "base_press_3.png", "base_press", 3);
	one(0, pre_nm + "base_press_4.png", "base_press", 4);
	}
	
    if(State.anim == "jump"){
	one(0, pre_nm + "jump_0.png", "jump", 0);
	one(0, pre_nm + "jump_1.png", "jump", 1);
	one(0, pre_nm + "jump_2.png", "jump", 2);
	one(0, pre_nm + "jump_3.png", "jump", 3);
	one(0, pre_nm + "jump_4.png", "jump", 4);	
	one(0, pre_nm + "jump_5.png", "jump", 5);	
	}
	
    if(State.anim == "jump_hop"){
	one(0, pre_nm + "jump_hop_0.png", "jump_hop", 0);
	one(0, pre_nm + "jump_hop_1.png", "jump_hop", 1);
	one(0, pre_nm + "jump_hop_2.png", "jump_hop", 2);
	one(0, pre_nm + "jump_hop_3.png", "jump_hop", 3);
	one(0, pre_nm + "jump_hop_4.png", "jump_hop", 4);	
	one(0, pre_nm + "jump_hop_5.png", "jump_hop", 5);
	}
	
    if(State.anim == "jump_double"){
	one(0, pre_nm + "jump_double_0.png", "jump_double", 0);
	one(0, pre_nm + "jump_double_1.png", "jump_double", 1);
	one(0, pre_nm + "jump_double_2.png", "jump_double", 2);
	one(0, pre_nm + "jump_double_3.png", "jump_double", 3);
	one(0, pre_nm + "jump_double_4.png", "jump_double", 4);	
	one(0, pre_nm + "jump_double_5.png", "jump_double", 5);
	one(0, pre_nm + "jump_double_6.png", "jump_double", 6);	
	one(0, pre_nm + "jump_double_7.png", "jump_double", 7);	
	}
	
    if(State.anim == "run_ninja"){
	one(0, pre_nm + "run_ninja_0.png", "run_ninja", 0);
	one(0, pre_nm + "run_ninja_1.png", "run_ninja", 1);	
	one(0, pre_nm + "run_ninja_2.png", "run_ninja", 2);	
	one(0, pre_nm + "run_ninja_3.png", "run_ninja", 3);	
	one(0, pre_nm + "run_ninja_4.png", "run_ninja", 4);	
	one(0, pre_nm + "run_ninja_5.png", "run_ninja", 5);	
	}
	
    if(State.anim == "run_one"){
    one(0, pre_nm + "run_one_0.png", "run_one", 0);
    one(0, pre_nm + "run_one_1.png", "run_one", 1);
    one(0, pre_nm + "run_one_2.png", "run_one", 2);
    one(0, pre_nm + "run_one_3.png", "run_one", 3);
	}
	
    if(State.anim == "run_two"){
    one(0, pre_nm + "run_two_0.png", "run_two", 0);
    one(0, pre_nm + "run_two_1.png", "run_two", 1);
    one(0, pre_nm + "run_two_2.png", "run_two", 2);
    one(0, pre_nm + "run_two_3.png", "run_two", 3);
	}
	
    if(State.anim == "run_wobble"){
    one(0, pre_nm + "run_rush_0.png", "run_wobble", 0);
    one(0, pre_nm + "run_rush_1.png", "run_wobble", 1);
    one(0, pre_nm + "run_rush_2.png", "run_wobble", 2);
    one(0, pre_nm + "run_rush_3.png", "run_wobble", 3);
    one(0, pre_nm + "run_rush_4.png", "run_wobble", 4);
    one(0, pre_nm + "run_rush_5.png", "run_wobble", 5);
	}
	
    if(State.anim == "run_leap"){
    one(0, pre_nm + "run_slow_0.png", "run_leap", 0);
    one(0, pre_nm + "run_slow_1.png", "run_leap", 1);
    one(0, pre_nm + "run_slow_2.png", "run_leap", 2);
    one(0, pre_nm + "run_slow_3.png", "run_leap", 3);
    one(0, pre_nm + "run_slow_4.png", "run_leap", 4);
    one(0, pre_nm + "run_slow_5.png", "run_leap", 5);
	}
	
    if(State.anim == "duck"){
	one(0, pre_nm + "duck_0.png", "duck", 0);
	one(0, pre_nm + "duck_1.png", "duck", 1);
	one(0, pre_nm + "duck_2.png", "duck", 2);
	one(0, pre_nm + "duck_3.png", "duck", 3);
	one(0, pre_nm + "duck_4.png", "duck", 4);
	one(0, pre_nm + "duck_5.png", "duck", 5);
	}
	
    if(State.anim == "duck_pose"){
	one(0, pre_nm + "duck_pose_0.png", "duck_pose", 0);
	}
	
    if(State.anim == "re_spawn"){
	one(0, pre_nm + "re_spawn_0.png", "re_spawn", 0);
	one(0, pre_nm + "re_spawn_1.png", "re_spawn", 1);	
	one(0, pre_nm + "re_spawn_2.png", "re_spawn", 2);
	one(0, pre_nm + "re_spawn_3.png", "re_spawn", 3);
	one(0, pre_nm + "re_spawn_4.png", "re_spawn", 4);
	one(0, pre_nm + "re_spawn_5.png", "re_spawn", 5);
	}
	
    if(State.anim == "re_teleport"){
	one(0, pre_nm + "re_teleport_0.png", "re_teleport", 0);
	one(0, pre_nm + "re_teleport_1.png", "re_teleport", 1);	
	one(0, pre_nm + "re_teleport_2.png", "re_teleport", 2);
	one(0, pre_nm + "re_teleport_3.png", "re_teleport", 3);
	}
	
    if(State.anim == "re_warp"){
	one(0, pre_nm + "re_warp_0.png", "re_warp", 0);
	one(0, pre_nm + "re_warp_1.png", "re_warp", 1);
	one(0, pre_nm + "re_warp_2.png", "re_warp", 2);
	one(0, pre_nm + "re_warp_3.png", "re_warp", 3);
	one(0, pre_nm + "re_warp_4.png", "re_warp", 4);
	one(0, pre_nm + "re_warp_5.png", "re_warp", 5);
	one(0, pre_nm + "re_warp_6.png", "re_warp", 6);
	one(0, pre_nm + "re_warp_7.png", "re_warp", 7);
	one(0, pre_nm + "re_warp_8.png", "re_warp", 8);
	one(0, pre_nm + "re_warp_9.png", "re_warp", 9);
	one(0, pre_nm + "re_warp_10.png", "re_warp", 10);
	}
	
    if(State.anim == "re_land"){
	one(0, pre_nm + "re_land_0.png", "re_land", 0);
	one(0, pre_nm + "re_land_1.png", "re_land", 1);
	one(0, pre_nm + "re_land_2.png", "re_land", 2);	
	one(0, pre_nm + "re_land_3.png", "re_land", 3);
	}
	
    if(State.anim == "re_drop"){
	one(0, pre_nm + "re_land_drop_0.png", "re_drop", 0);
	one(0, pre_nm + "re_land_drop_1.png", "re_drop", 1);
	one(0, pre_nm + "re_land_drop_2.png", "re_drop", 2);
	one(0, pre_nm + "re_land_drop_3.png", "re_drop", 3);
	}
	
    if(State.anim == "re_hard"){
	one(0, pre_nm + "re_land_hard_0.png", "re_hard", 0);
	one(0, pre_nm + "re_land_hard_1.png", "re_hard", 1);	
	one(0, pre_nm + "re_land_hard_2.png", "re_hard", 2);
	one(0, pre_nm + "re_land_hard_3.png", "re_hard", 3);
	}
	
    if(State.anim == "re_squash"){
	one(0, pre_nm + "re_land_squash_0.png", "re_squash", 0);
	one(0, pre_nm + "re_land_squash_1.png", "re_squash", 1);
	one(0, pre_nm + "re_land_squash_2.png", "re_squash", 2);
	one(0, pre_nm + "re_land_squash_3.png", "re_squash", 3);
	one(0, pre_nm + "re_land_squash_4.png", "re_squash", 4);
	}
	
    if(State.anim == "air_one"){
	one(0, pre_nm + "air_one_0.png", "air_one", 0);
	one(0, pre_nm + "air_one_1.png", "air_one", 1);
	one(0, pre_nm + "air_one_2.png", "air_one", 2);
	one(0, pre_nm + "air_one_3.png", "air_one", 3);
	}
	
    if(State.anim == "air_two"){
	one(0, pre_nm + "air_two_0.png", "air_two", 0);
	one(0, pre_nm + "air_two_1.png", "air_two", 1);
	one(0, pre_nm + "air_two_2.png", "air_two", 2);
	one(0, pre_nm + "air_two_3.png", "air_two", 3);
	}
	
    if(State.anim == "air_three"){
	one(0, pre_nm + "air_three_0.png", "air_three", 0);
	}
	
    if(State.anim == "air_four"){
	one(0, pre_nm + "air_four_0.png", "air_four", 0);
	}
	
    if(State.anim == "air_five"){
	one(0, pre_nm + "air_five_0.png", "air_five", 0);
	}
	
    if(State.anim == "air_six"){
	one(0, pre_nm + "air_six_0.png", "air_six", 0);
	}
	
    if(State.anim == "knock_up_one"){
	one(0, pre_nm + "knock_down_one_0.png", "knock_up_one", 0);
	one(0, pre_nm + "knock_down_one_1.png", "knock_up_one", 1);
	one(0, pre_nm + "knock_down_one_2.png", "knock_up_one", 2);
	one(0, pre_nm + "knock_down_one_3.png", "knock_up_one", 3);
	}
	
    if(State.anim == "knock_up_two"){
	one(0, pre_nm + "knock_down_two_0.png", "knock_up_two", 0);
	one(0, pre_nm + "knock_down_two_1.png", "knock_up_two", 1);
	one(0, pre_nm + "knock_down_two_2.png", "knock_up_two", 2);
	one(0, pre_nm + "knock_down_two_3.png", "knock_up_two", 3);
	}
	
    if(State.anim == "knock_back_one"){
	one(0, pre_nm + "knock_back_one_0.png", "knock_back_one", 0);
	one(0, pre_nm + "knock_back_one_1.png", "knock_back_one", 1);
	one(0, pre_nm + "knock_back_one_2.png", "knock_back_one", 2);
	one(0, pre_nm + "knock_back_one_3.png", "knock_back_one", 3);
	}
	
    if(State.anim == "knock_back_two"){
	one(0, pre_nm + "knock_back_two_0.png", "knock_back_two", 0);
	one(0, pre_nm + "knock_back_two_1.png", "knock_back_two", 1);
	one(0, pre_nm + "knock_back_two_2.png", "knock_back_two", 2);
	one(0, pre_nm + "knock_back_two_3.png", "knock_back_two", 3);
	}
	
    if(State.anim == "knock_up_one"){
	one(0, pre_nm + "knock_up_one_0.png", "knock_down_one", 0);
	one(0, pre_nm + "knock_up_one_1.png", "knock_down_one", 1);
	one(0, pre_nm + "knock_up_one_2.png", "knock_down_one", 2);
	one(0, pre_nm + "knock_up_one_3.png", "knock_down_one", 3);
	}
	
    if(State.anim == "knock_up_two"){
	one(0, pre_nm + "knock_up_two_0.png", "knock_down_two", 0);
	one(0, pre_nm + "knock_up_two_1.png", "knock_down_two", 1);
	one(0, pre_nm + "knock_up_two_2.png", "knock_down_two", 2);
	one(0, pre_nm + "knock_up_two_3.png", "knock_down_two", 3);
	}
	
    if(State.anim == "life_rest"){
	one(0, pre_nm + "life_rest_0.png", "life_rest", 0);
	one(0, pre_nm + "life_rest_1.png", "life_rest", 1);
	one(0, pre_nm + "life_rest_2.png", "life_rest", 2);
	one(0, pre_nm + "life_rest_3.png", "life_rest", 3);
	one(0, pre_nm + "life_rest_4.png", "life_rest", 4);
	one(0, pre_nm + "life_rest_5.png", "life_rest", 5);
	one(0, pre_nm + "life_rest_6.png", "life_rest", 6);
	one(0, pre_nm + "life_rest_7.png", "life_rest", 7);
	}
	
    if(State.anim == "life_heal"){
	one(0, pre_nm + "life_heal_0.png", "life_heal", 0);
	one(0, pre_nm + "life_heal_1.png", "life_heal", 1);
	one(0, pre_nm + "life_heal_2.png", "life_heal", 2);
	one(0, pre_nm + "life_heal_3.png", "life_heal", 3);
	one(0, pre_nm + "life_heal_4.png", "life_heal", 4);
	one(0, pre_nm + "life_heal_5.png", "life_heal", 5);
	}
	
    if(State.anim == "life_sleep"){
	one(0, pre_nm + "life_sleep_0.png", "life_sleep", 0);
	one(0, pre_nm + "life_sleep_1.png", "life_sleep", 1);
	one(0, pre_nm + "life_sleep_2.png", "life_sleep", 2);
	one(0, pre_nm + "life_sleep_3.png", "life_sleep", 3);
	one(0, pre_nm + "life_sleep_4.png", "life_sleep", 4);
	one(0, pre_nm + "life_sleep_5.png", "life_sleep", 5);
	}
	
    if(State.anim == "fly_idle_one"){
	one(0, pre_nm + "fly_idle_one_0.png", "fly_idle_one", 0);
	one(0, pre_nm + "fly_idle_one_1.png", "fly_idle_one", 1);
	one(0, pre_nm + "fly_idle_one_2.png", "fly_idle_one", 2);
	one(0, pre_nm + "fly_idle_one_3.png", "fly_idle_one", 3);
	}
	
    if(State.anim == "fly_idle_two"){
	one(0, pre_nm + "fly_idle_two_0.png", "fly_idle_two", 0);
	one(0, pre_nm + "fly_idle_two_1.png", "fly_idle_two", 1);
	one(0, pre_nm + "fly_idle_two_2.png", "fly_idle_two", 2);
	one(0, pre_nm + "fly_idle_two_3.png", "fly_idle_two", 3);
	}
	
    if(State.anim == "fly_up_one"){
	one(0, pre_nm + "fly_up_one_0.png", "fly_up_one", 0);
	one(0, pre_nm + "fly_up_one_1.png", "fly_up_one", 1);
	one(0, pre_nm + "fly_up_one_2.png", "fly_up_one", 2);
	one(0, pre_nm + "fly_up_one_3.png", "fly_up_one", 3);
	}
	
    if(State.anim == "fly_up_two"){
	one(0, pre_nm + "fly_up_two_0.png", "fly_up_two", 0);
	one(0, pre_nm + "fly_up_two_1.png", "fly_up_two", 1);
	one(0, pre_nm + "fly_up_two_2.png", "fly_up_two", 2);
	one(0, pre_nm + "fly_up_two_3.png", "fly_up_two", 3);
	}
	
    if(State.anim == "fly_run_one"){
	one(0, pre_nm + "fly_run_one_0.png", "fly_run_one", 0);
	one(0, pre_nm + "fly_run_one_1.png", "fly_run_one", 1);
	one(0, pre_nm + "fly_run_one_2.png", "fly_run_one", 2);
	one(0, pre_nm + "fly_run_one_3.png", "fly_run_one", 3);
	one(0, pre_nm + "fly_run_one_4.png", "fly_run_one", 4);
	}
	
    if(State.anim == "fly_run_two"){
	one(0, pre_nm + "fly_run_two_0.png", "fly_run_two", 0);
	one(0, pre_nm + "fly_run_two_1.png", "fly_run_two", 1);
	one(0, pre_nm + "fly_run_two_2.png", "fly_run_two", 2);
	one(0, pre_nm + "fly_run_two_3.png", "fly_run_two", 3);
	one(0, pre_nm + "fly_run_two_4.png", "fly_run_two", 4);
	}
	
    if(State.anim == "dash_one"){
	one(0, pre_nm + "dash_one_0.png", "dash_one", 0);
	one(0, pre_nm + "dash_one_1.png", "dash_one", 1);
	one(0, pre_nm + "dash_one_2.png", "dash_one", 2);
	one(0, pre_nm + "dash_one_3.png", "dash_one", 3);
	}
	
    if(State.anim == "dash_two"){
	one(0, pre_nm + "dash_two_0.png", "dash_two", 0);
	one(0, pre_nm + "dash_two_1.png", "dash_two", 1);
	one(0, pre_nm + "dash_two_2.png", "dash_two", 2);
	one(0, pre_nm + "dash_two_3.png", "dash_two", 3);
	}
	
    if(State.anim == "dash_pose_one"){
	one(0, pre_nm + "dash_pose_one_0.png", "dash_pose_one", 0);
	}
	
    if(State.anim == "dash_pose_two"){
	one(0, pre_nm + "dash_pose_two_0.png", "dash_pose_two", 0);
	}
	
    if(State.anim == "dash_flash_step_one"){
	one(0, pre_nm + "dash_flash_step_one_0.png", "dash_flash_step_one", 0);
	one(0, pre_nm + "dash_flash_step_one_1.png", "dash_flash_step_one", 1);
	one(0, pre_nm + "dash_flash_step_one_2.png", "dash_flash_step_one", 2);
	}
	
    if(State.anim == "dash_flash_step_two"){
	one(0, pre_nm + "dash_flash_step_two_0.png", "dash_flash_step_two", 0);
	one(0, pre_nm + "dash_flash_step_two_1.png", "dash_flash_step_two", 1);
	one(0, pre_nm + "dash_flash_step_two_2.png", "dash_flash_step_two", 2);
	}
	
    if(State.anim == "spell_fire"){
	one(0, pre_nm + "spell_fire_0.png", "spell_fire", 0);
	one(0, pre_nm + "spell_fire_1.png", "spell_fire", 1);
	one(0, pre_nm + "spell_fire_2.png", "spell_fire", 2);
	one(0, pre_nm + "spell_fire_3.png", "spell_fire", 3);
	one(0, pre_nm + "spell_fire_4.png", "spell_fire", 4);
	}
	
    if(State.anim == "spell_charge"){
	one(0, pre_nm + "spell_charge_0.png", "spell_charge", 0);
	one(0, pre_nm + "spell_charge_1.png", "spell_charge", 1);
	one(0, pre_nm + "spell_charge_2.png", "spell_charge", 2);
	one(0, pre_nm + "spell_charge_3.png", "spell_charge", 3);
	one(0, pre_nm + "spell_charge_4.png", "spell_charge", 4);
	one(0, pre_nm + "spell_charge_5.png", "spell_charge", 5);
	one(0, pre_nm + "spell_charge_6.png", "spell_charge", 6);
	}
	
    if(State.anim == "spell_charge_staff"){
	one(0, pre_nm + "spell_charge_staff_0.png", "spell_charge_staff", 0);
	one(0, pre_nm + "spell_charge_staff_1.png", "spell_charge_staff", 1);
	one(0, pre_nm + "spell_charge_staff_2.png", "spell_charge_staff", 2);
	one(0, pre_nm + "spell_charge_staff_3.png", "spell_charge_staff", 3);
	one(0, pre_nm + "spell_charge_staff_4.png", "spell_charge_staff", 4);
	one(0, pre_nm + "spell_charge_staff_5.png", "spell_charge_staff", 5);
	one(0, pre_nm + "spell_charge_staff_6.png", "spell_charge_staff", 6);
	}
	
    if(State.anim == "spell_charge_wand"){
	one(0, pre_nm + "spell_charge_wand_0.png", "spell_charge_wand", 0);
	one(0, pre_nm + "spell_charge_wand_1.png", "spell_charge_wand", 1);
	one(0, pre_nm + "spell_charge_wand_2.png", "spell_charge_wand", 2);
	one(0, pre_nm + "spell_charge_wand_3.png", "spell_charge_wand", 3);
	one(0, pre_nm + "spell_charge_wand_4.png", "spell_charge_wand", 4);
	one(0, pre_nm + "spell_charge_wand_5.png", "spell_charge_wand", 5);
	one(0, pre_nm + "spell_charge_wand_6.png", "spell_charge_wand", 6);
	}
	
    if(State.anim == "spell_casting"){
	one(0, pre_nm + "spell_casting_0.png", "spell_casting", 0);
	one(0, pre_nm + "spell_casting_1.png", "spell_casting", 1);
	one(0, pre_nm + "spell_casting_2.png", "spell_casting", 2);
	one(0, pre_nm + "spell_casting_3.png", "spell_casting", 3);
	one(0, pre_nm + "spell_casting_4.png", "spell_casting", 4);
	one(0, pre_nm + "spell_casting_5.png", "spell_casting", 5);
	one(0, pre_nm + "spell_casting_6.png", "spell_casting", 6);
	one(0, pre_nm + "spell_casting_7.png", "spell_casting", 7);
	}
	
    if(State.anim == "spell_pose"){
	one(0, pre_nm + "spell_casting_pose.png", "spell_pose", 0);
	}
	
    if(State.anim == "hurt_one"){
	one(0, pre_nm + "hurt_one_0.png", "hurt_one", 0);
	one(0, pre_nm + "hurt_one_1.png", "hurt_one", 1);
	one(0, pre_nm + "hurt_one_2.png", "hurt_one", 2);
	one(0, pre_nm + "hurt_one_3.png", "hurt_one", 3);
	}
	
    if(State.anim == "hurt_skull"){
	one(0, pre_nm + "hurt_skull_0.png", "hurt_skull", 0);
	one(0, pre_nm + "hurt_skull_1.png", "hurt_skull", 1);
	one(0, pre_nm + "hurt_skull_2.png", "hurt_skull", 2);
	one(0, pre_nm + "hurt_skull_3.png", "hurt_skull", 3);
	}
	
    if(State.anim == "hurt_tear"){
	one(0, pre_nm + "hurt_tear_0.png", "hurt_tear", 0);
	one(0, pre_nm + "hurt_tear_1.png", "hurt_tear", 1);
	one(0, pre_nm + "hurt_tear_2.png", "hurt_tear", 2);
	one(0, pre_nm + "hurt_tear_3.png", "hurt_tear", 3);
	}
	
    if(State.anim == "hurt_blink"){
	one(0, pre_nm + "hurt_blink_0.png", "hurt_blink", 0);
	one(0, pre_nm + "hurt_blink_1.png", "hurt_blink", 1);
	one(0, pre_nm + "hurt_blink_2.png", "hurt_blink", 2);
	one(0, pre_nm + "hurt_blink_3.png", "hurt_blink", 3);
	}
	
    if(State.anim == "hurt_air_one"){
	one(0, pre_nm + "hurt_air_one_0.png", "hurt_air_one", 0);
	}
	
    if(State.anim == "hurt_air_two"){
	one(0, pre_nm + "hurt_air_two_0.png", "hurt_air_two", 0);
	}
	
    if(State.anim == "die_one"){
	one(0, pre_nm + "z_die_one_0.png", "die_one", 0);
	one(0, pre_nm + "z_die_one_1.png", "die_one", 1);
	one(0, pre_nm + "z_die_one_2.png", "die_one", 2);
	one(0, pre_nm + "z_die_one_3.png", "die_one", 3);
	}
	
    if(State.anim == "die_shrink"){
	one(0, pre_nm + "z_die_shrink_0.png", "die_shrink", 0);
	one(0, pre_nm + "z_die_shrink_1.png", "die_shrink", 1);
	one(0, pre_nm + "z_die_shrink_2.png", "die_shrink", 2);
	one(0, pre_nm + "z_die_shrink_3.png", "die_shrink", 3);
	}
	
    if(State.anim == "die_head"){
	one(0, pre_nm + "z_die_head_0.png", "die_head", 0);
	one(0, pre_nm + "z_die_head_1.png", "die_head", 1);
	one(0, pre_nm + "z_die_head_2.png", "die_head", 2);
	one(0, pre_nm + "z_die_head_3.png", "die_head", 3);
	one(0, pre_nm + "z_die_head_4.png", "die_head", 4);
	one(0, pre_nm + "z_die_head_5.png", "die_head", 5);
	}
	
    if(State.anim == "die_skull"){
	one(0, pre_nm + "z_die_skull_0.png", "die_skull", 0);
	one(0, pre_nm + "z_die_skull_1.png", "die_skull", 1);
	one(0, pre_nm + "z_die_skull_2.png", "die_skull", 2);
	one(0, pre_nm + "z_die_skull_3.png", "die_skull", 3);
	one(0, pre_nm + "z_die_skull_4.png", "die_skull", 4);
	one(0, pre_nm + "z_die_skull_5.png", "die_skull", 5);
	one(0, pre_nm + "z_die_skull_6.png", "die_skull", 6);
	}
	
    if(State.anim == "die_poof"){
	one(0, pre_nm + "z_die_poof_0.png", "die_poof", 0);
	one(0, pre_nm + "z_die_poof_1.png", "die_poof", 1);
	one(0, pre_nm + "z_die_poof_2.png", "die_poof", 2);
	one(0, pre_nm + "z_die_poof_3.png", "die_poof", 3);
	}
	
    if(State.anim == "die_smoke"){
	one(0, pre_nm + "z_die_smoke_0.png", "die_smoke", 0);
	one(0, pre_nm + "z_die_smoke_1.png", "die_smoke", 1);
	one(0, pre_nm + "z_die_smoke_2.png", "die_smoke", 2);
	one(0, pre_nm + "z_die_smoke_3.png", "die_smoke", 3);
	one(0, pre_nm + "z_die_smoke_4.png", "die_smoke", 4);
	one(0, pre_nm + "z_die_smoke_5.png", "die_smoke", 5);
	}
	
    if(State.anim == "die_spark"){
	one(0, pre_nm + "z_die_spark_0.png", "die_spark", 0);
	one(0, pre_nm + "z_die_spark_1.png", "die_spark", 1);
	one(0, pre_nm + "z_die_spark_2.png", "die_spark", 2);
	one(0, pre_nm + "z_die_spark_3.png", "die_spark", 3);
	one(0, pre_nm + "z_die_spark_4.png", "die_spark", 4);
	one(0, pre_nm + "z_die_spark_5.png", "die_spark", 5);
	one(0, pre_nm + "z_die_spark_6.png", "die_spark", 6);
	one(0, pre_nm + "z_die_spark_6.png", "die_spark", 7);
	}
	
    if(State.anim == "die_explode"){
	one(0, pre_nm + "z_die_explode_0.png", "die_explode", 0);
	one(0, pre_nm + "z_die_explode_1.png", "die_explode", 1);
	one(0, pre_nm + "z_die_explode_2.png", "die_explode", 2);
	one(0, pre_nm + "z_die_explode_3.png", "die_explode", 3);
	one(0, pre_nm + "z_die_explode_4.png", "die_explode", 4);
	one(0, pre_nm + "z_die_explode_5.png", "die_explode", 5);
	one(0, pre_nm + "z_die_explode_6.png", "die_explode", 6);
	one(0, pre_nm + "z_die_explode_7.png", "die_explode", 7);
	one(0, pre_nm + "z_die_explode_8.png", "die_explode", 8);
	one(0, pre_nm + "z_die_explode_9.png", "die_explode", 9);
	one(0, pre_nm + "z_die_explode_10.png", "die_explode", 10);
	}
	
    if(State.anim == "die_melt"){
	one(0, pre_nm + "z_die_melt_0.png", "die_melt", 0);
	one(0, pre_nm + "z_die_melt_1.png", "die_melt", 1);
	one(0, pre_nm + "z_die_melt_2.png", "die_melt", 2);
	one(0, pre_nm + "z_die_melt_3.png", "die_melt", 3);
	one(0, pre_nm + "z_die_melt_4.png", "die_melt", 4);
	one(0, pre_nm + "z_die_melt_5.png", "die_melt", 5);
	one(0, pre_nm + "z_die_melt_6.png", "die_melt", 6);
	one(0, pre_nm + "z_die_melt_7.png", "die_melt", 7);
	}
	
    if(State.anim == "die_melt_effect"){
	one(0, pre_nm + "z_die_melt_effect_0.png", "die_melt_effect", 0);
	one(0, pre_nm + "z_die_melt_effect_1.png", "die_melt_effect", 1);
	one(0, pre_nm + "z_die_melt_effect_2.png", "die_melt_effect", 2);
	one(0, pre_nm + "z_die_melt_effect_3.png", "die_melt_effect", 3);
	one(0, pre_nm + "z_die_melt_effect_4.png", "die_melt_effect", 4);
	one(0, pre_nm + "z_die_melt_effect_5.png", "die_melt_effect", 5);
	one(0, pre_nm + "z_die_melt_effect_6.png", "die_melt_effect", 6);
	one(0, pre_nm + "z_die_melt_effect_7.png", "die_melt_effect", 7);
	}
	
    if(State.anim == "die_soul"){
	one(0, pre_nm + "z_die_soul_0.png", "die_soul", 0);
	one(0, pre_nm + "z_die_soul_1.png", "die_soul", 1);
	one(0, pre_nm + "z_die_soul_2.png", "die_soul", 2);
	one(0, pre_nm + "z_die_soul_3.png", "die_soul", 3);
	one(0, pre_nm + "z_die_soul_4.png", "die_soul", 4);
	one(0, pre_nm + "z_die_soul_5.png", "die_soul", 5);
	one(0, pre_nm + "z_die_soul_6.png", "die_soul", 6);
	one(0, pre_nm + "z_die_soul_7.png", "die_soul", 7);
	one(0, pre_nm + "z_die_soul_8.png", "die_soul", 8);
	}
	
    if(State.anim == "die_drown"){
	one(0, pre_nm + "z_die_drown_0.png", "die_drown", 0);
	one(0, pre_nm + "z_die_drown_1.png", "die_drown", 1);
	one(0, pre_nm + "z_die_drown_2.png", "die_drown", 2);
	one(0, pre_nm + "z_die_drown_3.png", "die_drown", 3);
	one(0, pre_nm + "z_die_drown_4.png", "die_drown", 4);
	one(0, pre_nm + "z_die_drown_5.png", "die_drown", 5);
	one(0, pre_nm + "z_die_drown_6.png", "die_drown", 6);
	one(0, pre_nm + "z_die_drown_7.png", "die_drown", 7);
	one(0, pre_nm + "z_die_drown_8.png", "die_drown", 8);
	}
	
    if(State.anim == "die_sink"){
	one(0, pre_nm + "z_die_sink_0.png", "die_sink", 0);
	one(0, pre_nm + "z_die_sink_1.png", "die_sink", 1);
	one(0, pre_nm + "z_die_sink_2.png", "die_sink", 2);
	one(0, pre_nm + "z_die_sink_3.png", "die_sink", 3);
	one(0, pre_nm + "z_die_sink_4.png", "die_sink", 4);
	one(0, pre_nm + "z_die_sink_5.png", "die_sink", 5);
	one(0, pre_nm + "z_die_sink_6.png", "die_sink", 6);
	one(0, pre_nm + "z_die_sink_7.png", "die_sink", 7);
	}
	
    if(State.anim == "die_sink_trap"){
	one(0, pre_nm + "z_die_sink_trap_0.png", "die_sink_trap", 0);
	one(0, pre_nm + "z_die_sink_trap_1.png", "die_sink_trap", 1);
	one(0, pre_nm + "z_die_sink_trap_2.png", "die_sink_trap", 2);
	one(0, pre_nm + "z_die_sink_trap_3.png", "die_sink_trap", 3);
	one(0, pre_nm + "z_die_sink_trap_4.png", "die_sink_trap", 4);
	one(0, pre_nm + "z_die_sink_trap_5.png", "die_sink_trap", 5);
	one(0, pre_nm + "z_die_sink_trap_6.png", "die_sink_trap", 6);
	one(0, pre_nm + "z_die_sink_trap_7.png", "die_sink_trap", 7);
	}
	
    if(State.anim == "swim_idle_one"){
	one(0, pre_nm + "swim_idle_one_0.png", "swim_idle_one", 0);
	one(0, pre_nm + "swim_idle_one_1.png", "swim_idle_one", 1);
	one(0, pre_nm + "swim_idle_one_2.png", "swim_idle_one", 2);
	one(0, pre_nm + "swim_idle_one_3.png", "swim_idle_one", 3);
	one(0, pre_nm + "swim_idle_one_4.png", "swim_idle_one", 4);
	one(0, pre_nm + "swim_idle_one_5.png", "swim_idle_one", 5);
	}
	
    if(State.anim == "swim_idle_two"){
	one(0, pre_nm + "swim_idle_two_0.png", "swim_idle_two", 0);
	one(0, pre_nm + "swim_idle_two_1.png", "swim_idle_two", 1);
	one(0, pre_nm + "swim_idle_two_2.png", "swim_idle_two", 2);
	one(0, pre_nm + "swim_idle_two_3.png", "swim_idle_two", 3);
	one(0, pre_nm + "swim_idle_two_4.png", "swim_idle_two", 4);
	one(0, pre_nm + "swim_idle_two_5.png", "swim_idle_two", 5);
	}
	
    if(State.anim == "swim_idle_three"){
	one(0, pre_nm + "swim_idle_three_0.png", "swim_idle_three", 0);
	one(0, pre_nm + "swim_idle_three_1.png", "swim_idle_three", 1);
	one(0, pre_nm + "swim_idle_three_2.png", "swim_idle_three", 2);
	one(0, pre_nm + "swim_idle_three_3.png", "swim_idle_three", 3);
	one(0, pre_nm + "swim_idle_three_4.png", "swim_idle_three", 4);
	one(0, pre_nm + "swim_idle_three_5.png", "swim_idle_three", 5);
	}
	
    if(State.anim == "swim_idle_four"){
	one(0, pre_nm + "swim_idle_four_0.png", "swim_idle_four", 0);
	one(0, pre_nm + "swim_idle_four_1.png", "swim_idle_four", 1);
	one(0, pre_nm + "swim_idle_four_2.png", "swim_idle_four", 2);
	one(0, pre_nm + "swim_idle_four_3.png", "swim_idle_four", 3);
	one(0, pre_nm + "swim_idle_four_4.png", "swim_idle_four", 4);
	one(0, pre_nm + "swim_idle_four_5.png", "swim_idle_four", 5);
	}
	
    if(State.anim == "swim_idle_five"){
	one(0, pre_nm + "swim_idle_five_0.png", "swim_idle_five", 0);
	one(0, pre_nm + "swim_idle_five_1.png", "swim_idle_five", 1);
	one(0, pre_nm + "swim_idle_five_2.png", "swim_idle_five", 2);
	one(0, pre_nm + "swim_idle_five_3.png", "swim_idle_five", 3);
	}
	
    if(State.anim == "swim_idle_six"){
	one(0, pre_nm + "swim_idle_six_0.png", "swim_idle_six", 0);
	one(0, pre_nm + "swim_idle_six_1.png", "swim_idle_six", 1);
	one(0, pre_nm + "swim_idle_six_2.png", "swim_idle_six", 2);
	one(0, pre_nm + "swim_idle_six_3.png", "swim_idle_six", 3);
	}
	
    if(State.anim == "swim_idle_seven"){
	one(0, pre_nm + "swim_idle_seven_0.png", "swim_idle_seven", 0);
	one(0, pre_nm + "swim_idle_seven_1.png", "swim_idle_seven", 1);
	one(0, pre_nm + "swim_idle_seven_2.png", "swim_idle_seven", 2);
	one(0, pre_nm + "swim_idle_seven_3.png", "swim_idle_seven", 3);
	}
	
    if(State.anim == "swim_idle_eight"){
	one(0, pre_nm + "swim_idle_eight_0.png", "swim_idle_eight", 0);
	one(0, pre_nm + "swim_idle_eight_1.png", "swim_idle_eight", 1);
	one(0, pre_nm + "swim_idle_eight_2.png", "swim_idle_eight", 2);
	one(0, pre_nm + "swim_idle_eight_3.png", "swim_idle_eight", 3);
	}
	
    if(State.anim == "swim_move_one"){
	one(0, pre_nm + "swim_move_one_0.png", "swim_move_one", 0);
	one(0, pre_nm + "swim_move_one_1.png", "swim_move_one", 1);
	one(0, pre_nm + "swim_move_one_2.png", "swim_move_one", 2);
	one(0, pre_nm + "swim_move_one_3.png", "swim_move_one", 3);
	}
	
    if(State.anim == "swim_move_two"){
	one(0, pre_nm + "swim_move_two_0.png", "swim_move_two", 0);
	one(0, pre_nm + "swim_move_two_1.png", "swim_move_two", 1);
	one(0, pre_nm + "swim_move_two_2.png", "swim_move_two", 2);
	one(0, pre_nm + "swim_move_two_3.png", "swim_move_two", 3);
	one(0, pre_nm + "swim_move_two_4.png", "swim_move_two", 4);
	one(0, pre_nm + "swim_move_two_5.png", "swim_move_two", 5);
	}
	
    if(State.anim == "swim_move_three"){
	one(0, pre_nm + "swim_move_three_0.png", "swim_move_three", 0);
	one(0, pre_nm + "swim_move_three_1.png", "swim_move_three", 1);
	one(0, pre_nm + "swim_move_three_2.png", "swim_move_three", 2);
	one(0, pre_nm + "swim_move_three_3.png", "swim_move_three", 3);
	}
	
    if(State.anim == "swim_move_four"){
	one(0, pre_nm + "swim_move_four_0.png", "swim_move_four", 0);
	one(0, pre_nm + "swim_move_four_1.png", "swim_move_four", 1);
	one(0, pre_nm + "swim_move_four_2.png", "swim_move_four", 2);
	one(0, pre_nm + "swim_move_four_3.png", "swim_move_four", 3);
	}
	
    if(State.anim == "swim_arms_one"){
	one(0, pre_nm + "swim_arms_one_0.png", "swim_arms_one", 0);
	one(0, pre_nm + "swim_arms_one_1.png", "swim_arms_one", 1);
	one(0, pre_nm + "swim_arms_one_2.png", "swim_arms_one", 2);
	one(0, pre_nm + "swim_arms_one_3.png", "swim_arms_one", 3);
	}
	
    if(State.anim == "swim_arms_two"){
	one(0, pre_nm + "swim_arms_two_0.png", "swim_arms_two", 0);
	one(0, pre_nm + "swim_arms_two_1.png", "swim_arms_two", 1);
	one(0, pre_nm + "swim_arms_two_2.png", "swim_arms_two", 2);
	one(0, pre_nm + "swim_arms_two_3.png", "swim_arms_two", 3);
	}
	
    if(State.anim == "swim_arms_three"){
	one(0, pre_nm + "swim_arms_three_0.png", "swim_arms_three", 0);
	one(0, pre_nm + "swim_arms_three_1.png", "swim_arms_three", 1);
	one(0, pre_nm + "swim_arms_three_2.png", "swim_arms_three", 2);
	one(0, pre_nm + "swim_arms_three_3.png", "swim_arms_three", 3);
	}
	
    if(State.anim == "swim_arms_four"){
	one(0, pre_nm + "swim_arms_four_0.png", "swim_arms_four", 0);
	one(0, pre_nm + "swim_arms_four_1.png", "swim_arms_four", 1);
	one(0, pre_nm + "swim_arms_four_2.png", "swim_arms_four", 2);
	one(0, pre_nm + "swim_arms_four_3.png", "swim_arms_four", 3);
	}

    if(State.anim == "weapon_sword_idle"){
	one(0, pre_nm + "weapon_sword_idle_0.png", "weapon_sword_idle", 0);
	one(0, pre_nm + "weapon_sword_idle_1.png", "weapon_sword_idle", 1);
	one(0, pre_nm + "weapon_sword_idle_2.png", "weapon_sword_idle", 2);
	one(0, pre_nm + "weapon_sword_idle_3.png", "weapon_sword_idle", 3);
	}
	
    if(State.anim == "weapon_shield_idle"){
	one(0, pre_nm + "weapon_shield_idle_0.png", "weapon_shield_idle", 0);
	one(0, pre_nm + "weapon_shield_idle_1.png", "weapon_shield_idle", 1);
	one(0, pre_nm + "weapon_shield_idle_2.png", "weapon_shield_idle", 2);
	one(0, pre_nm + "weapon_shield_idle_3.png", "weapon_shield_idle", 3);
	}
	
    if(State.anim == "weapon_staff_idle"){
	one(0, pre_nm + "weapon_staff_idle_0.png", "weapon_staff_idle", 0);
	one(0, pre_nm + "weapon_staff_idle_1.png", "weapon_staff_idle", 1);
	one(0, pre_nm + "weapon_staff_idle_2.png", "weapon_staff_idle", 2);
	one(0, pre_nm + "weapon_staff_idle_3.png", "weapon_staff_idle", 3);
	}
	
    if(State.anim == "weapon_wand_idle"){
	one(0, pre_nm + "weapon_wand_idle_0.png", "weapon_wand_idle", 0);
	one(0, pre_nm + "weapon_wand_idle_1.png", "weapon_wand_idle", 1);
	one(0, pre_nm + "weapon_wand_idle_2.png", "weapon_wand_idle", 2);
	one(0, pre_nm + "weapon_wand_idle_3.png", "weapon_wand_idle", 3);
	}
	
    if(State.anim == "weapon_bow_tall_idle"){
	one(0, pre_nm + "weapon_bow_tall_idle_0.png", "weapon_bow_tall_idle", 0);
	one(0, pre_nm + "weapon_bow_tall_idle_1.png", "weapon_bow_tall_idle", 1);
	one(0, pre_nm + "weapon_bow_tall_idle_2.png", "weapon_bow_tall_idle", 2);
	one(0, pre_nm + "weapon_bow_tall_idle_3.png", "weapon_bow_tall_idle", 3);
	}
	
    if(State.anim == "weapon_bow_short_idle"){
	one(0, pre_nm + "weapon_bow_short_idle_0.png", "weapon_bow_short_idle", 0);
	one(0, pre_nm + "weapon_bow_short_idle_1.png", "weapon_bow_short_idle", 1);
	one(0, pre_nm + "weapon_bow_short_idle_2.png", "weapon_bow_short_idle", 2);
	one(0, pre_nm + "weapon_bow_short_idle_3.png", "weapon_bow_short_idle", 3);
	}
	
    if(State.anim == "weapon_sword_run"){
	one(0, pre_nm + "weapon_sword_run_0.png", "weapon_sword_run", 0);
	one(0, pre_nm + "weapon_sword_run_1.png", "weapon_sword_run", 1);
	one(0, pre_nm + "weapon_sword_run_2.png", "weapon_sword_run", 2);
	one(0, pre_nm + "weapon_sword_run_3.png", "weapon_sword_run", 3);
	}
	
    if(State.anim == "weapon_shield_run"){
	one(0, pre_nm + "weapon_shield_run_0.png", "weapon_shield_run", 0);
	one(0, pre_nm + "weapon_shield_run_1.png", "weapon_shield_run", 1);
	one(0, pre_nm + "weapon_shield_run_2.png", "weapon_shield_run", 2);
	one(0, pre_nm + "weapon_shield_run_3.png", "weapon_shield_run", 3);
	}
	
    if(State.anim == "weapon_staff_run"){
	one(0, pre_nm + "weapon_staff_run_0.png", "weapon_staff_run", 0);
	one(0, pre_nm + "weapon_staff_run_1.png", "weapon_staff_run", 1);
	one(0, pre_nm + "weapon_staff_run_2.png", "weapon_staff_run", 2);
	one(0, pre_nm + "weapon_staff_run_3.png", "weapon_staff_run", 3);
	}
	
    if(State.anim == "weapon_wand_run"){
	one(0, pre_nm + "weapon_wand_run_0.png", "weapon_wand_run", 0);
	one(0, pre_nm + "weapon_wand_run_1.png", "weapon_wand_run", 1);
	one(0, pre_nm + "weapon_wand_run_2.png", "weapon_wand_run", 2);
	one(0, pre_nm + "weapon_wand_run_3.png", "weapon_wand_run", 3);
	}
	
    if(State.anim == "weapon_bow_tall_run"){
	one(0, pre_nm + "weapon_bow_tall_run_0.png", "weapon_bow_tall_run", 0);
	one(0, pre_nm + "weapon_bow_tall_run_1.png", "weapon_bow_tall_run", 1);
	one(0, pre_nm + "weapon_bow_tall_run_2.png", "weapon_bow_tall_run", 2);
	one(0, pre_nm + "weapon_bow_tall_run_3.png", "weapon_bow_tall_run", 3);
	}
	
    if(State.anim == "weapon_bow_short_run"){
	one(0, pre_nm + "weapon_bow_short_run_0.png", "weapon_bow_short_run", 0);
	one(0, pre_nm + "weapon_bow_short_run_1.png", "weapon_bow_short_run", 1);
	one(0, pre_nm + "weapon_bow_short_run_2.png", "weapon_bow_short_run", 2);
	one(0, pre_nm + "weapon_bow_short_run_3.png", "weapon_bow_short_run", 3);
	}

    if(State.anim == "weapon_bow_tall_fire_fast"){
	one(0, pre_nm + "weapon_bow_tall_fire_fast_0.png", "weapon_bow_tall_fire_fast", 0);
	one(0, pre_nm + "weapon_bow_tall_fire_fast_1.png", "weapon_bow_tall_fire_fast", 1);
	one(0, pre_nm + "weapon_bow_tall_fire_fast_2.png", "weapon_bow_tall_fire_fast", 2);
	one(0, pre_nm + "weapon_bow_tall_fire_fast_3.png", "weapon_bow_tall_fire_fast", 3);
	one(0, pre_nm + "weapon_bow_tall_fire_fast_4.png", "weapon_bow_tall_fire_fast", 4);
	}
	
    if(State.anim == "weapon_bow_tall_fire_slow"){
	one(0, pre_nm + "weapon_bow_tall_fire_slow_0.png", "weapon_bow_tall_fire_slow", 0);
	one(0, pre_nm + "weapon_bow_tall_fire_slow_1.png", "weapon_bow_tall_fire_slow", 1);
	one(0, pre_nm + "weapon_bow_tall_fire_slow_2.png", "weapon_bow_tall_fire_slow", 2);
	one(0, pre_nm + "weapon_bow_tall_fire_slow_3.png", "weapon_bow_tall_fire_slow", 3);
	one(0, pre_nm + "weapon_bow_tall_fire_slow_4.png", "weapon_bow_tall_fire_slow", 4);
	one(0, pre_nm + "weapon_bow_tall_fire_slow_5.png", "weapon_bow_tall_fire_slow", 5);
	}
	
    if(State.anim == "weapon_bow_tall_fire_fast_bag"){
	one(0, pre_nm + "weapon_bow_tall_fire_fast_bag_0.png", "weapon_bow_tall_fire_fast_bag", 0);
	one(0, pre_nm + "weapon_bow_tall_fire_fast_bag_1.png", "weapon_bow_tall_fire_fast_bag", 1);
	one(0, pre_nm + "weapon_bow_tall_fire_fast_bag_2.png", "weapon_bow_tall_fire_fast_bag", 2);
	one(0, pre_nm + "weapon_bow_tall_fire_fast_bag_3.png", "weapon_bow_tall_fire_fast_bag", 3);
	one(0, pre_nm + "weapon_bow_tall_fire_fast_bag_4.png", "weapon_bow_tall_fire_fast_bag", 4);
	}
	
    if(State.anim == "weapon_bow_tall_fire_slow_bag"){
	one(0, pre_nm + "weapon_bow_tall_fire_slow_bag_0.png", "weapon_bow_tall_fire_slow_bag", 0);
	one(0, pre_nm + "weapon_bow_tall_fire_slow_bag_1.png", "weapon_bow_tall_fire_slow_bag", 1);
	one(0, pre_nm + "weapon_bow_tall_fire_slow_bag_2.png", "weapon_bow_tall_fire_slow_bag", 2);
	one(0, pre_nm + "weapon_bow_tall_fire_slow_bag_3.png", "weapon_bow_tall_fire_slow_bag", 3);
	one(0, pre_nm + "weapon_bow_tall_fire_slow_bag_4.png", "weapon_bow_tall_fire_slow_bag", 4);
	one(0, pre_nm + "weapon_bow_tall_fire_slow_bag_5.png", "weapon_bow_tall_fire_slow_bag", 5);  
	}
	
    if(State.anim == "weapon_bow_short_fire_fast"){
  	one(0, pre_nm + "weapon_bow_short_fire_fast_0.png", "weapon_bow_short_fire_fast", 0);
	one(0, pre_nm + "weapon_bow_short_fire_fast_1.png", "weapon_bow_short_fire_fast", 1);
	one(0, pre_nm + "weapon_bow_short_fire_fast_2.png", "weapon_bow_short_fire_fast", 2);
	one(0, pre_nm + "weapon_bow_short_fire_fast_3.png", "weapon_bow_short_fire_fast", 3);
	one(0, pre_nm + "weapon_bow_short_fire_fast_4.png", "weapon_bow_short_fire_fast", 4);
	}
	
    if(State.anim == "weapon_bow_short_fire_slow"){
	one(0, pre_nm + "weapon_bow_short_fire_slow_0.png", "weapon_bow_short_fire_slow", 0);
	one(0, pre_nm + "weapon_bow_short_fire_slow_1.png", "weapon_bow_short_fire_slow", 1);
	one(0, pre_nm + "weapon_bow_short_fire_slow_2.png", "weapon_bow_short_fire_slow", 2);
	one(0, pre_nm + "weapon_bow_short_fire_slow_3.png", "weapon_bow_short_fire_slow", 3);
	one(0, pre_nm + "weapon_bow_short_fire_slow_4.png", "weapon_bow_short_fire_slow", 4);
	one(0, pre_nm + "weapon_bow_short_fire_slow_5.png", "weapon_bow_short_fire_slow", 5);
	}
	
    if(State.anim == "weapon_bow_short_fire_fast_bag"){
	one(0, pre_nm + "weapon_bow_short_fire_fast_bag_0.png", "weapon_bow_short_fire_fast_bag", 0);
	one(0, pre_nm + "weapon_bow_short_fire_fast_bag_1.png", "weapon_bow_short_fire_fast_bag", 1);
	one(0, pre_nm + "weapon_bow_short_fire_fast_bag_2.png", "weapon_bow_short_fire_fast_bag", 2);
	one(0, pre_nm + "weapon_bow_short_fire_fast_bag_3.png", "weapon_bow_short_fire_fast_bag", 3);
	one(0, pre_nm + "weapon_bow_short_fire_fast_bag_4.png", "weapon_bow_short_fire_fast_bag", 4);
	}
	
    if(State.anim == "weapon_bow_short_fire_slow_bag"){
	one(0, pre_nm + "weapon_bow_short_fire_slow_bag_0.png", "weapon_bow_short_fire_slow_bag", 0);
	one(0, pre_nm + "weapon_bow_short_fire_slow_bag_1.png", "weapon_bow_short_fire_slow_bag", 1);
	one(0, pre_nm + "weapon_bow_short_fire_slow_bag_2.png", "weapon_bow_short_fire_slow_bag", 2);
	one(0, pre_nm + "weapon_bow_short_fire_slow_bag_3.png", "weapon_bow_short_fire_slow_bag", 3);
	one(0, pre_nm + "weapon_bow_short_fire_slow_bag_4.png", "weapon_bow_short_fire_slow_bag", 4);
	one(0, pre_nm + "weapon_bow_short_fire_slow_bag_5.png", "weapon_bow_short_fire_slow_bag", 5);  
    }
	
  if(State.anim == "die_extended"){
	one(0, pre_nm + "base_die_0.png", "base_die", 0);
	one(0, pre_nm + "base_die_1.png", "base_die", 1);
	one(0, pre_nm + "base_die_2.png", "base_die", 2);
	one(0, pre_nm + "base_die_3.png", "base_die", 3);
  }
  
  
  if(State.anim == "weapon_sword_atk_melee"){
	one(0, pre_nm + "weapon_sword_atk_melee_0.png", "weapon_sword_atk_melee", 0);
	one(0, pre_nm + "weapon_sword_atk_melee_1.png", "weapon_sword_atk_melee", 1);
	one(0, pre_nm + "weapon_sword_atk_melee_2.png", "weapon_sword_atk_melee", 2);
	one(0, pre_nm + "weapon_sword_atk_melee_3.png", "weapon_sword_atk_melee", 3);
	one(0, pre_nm + "weapon_sword_atk_melee_4.png", "weapon_sword_atk_melee", 4);
	one(0, pre_nm + "weapon_sword_atk_melee_5.png", "weapon_sword_atk_melee", 5);  
  }
  
    if(State.anim == "weapon_staff_atk_melee"){
	one(0, pre_nm + "weapon_staff_atk_melee_0.png", "weapon_staff_atk_melee", 0);
	one(0, pre_nm + "weapon_staff_atk_melee_1.png", "weapon_staff_atk_melee", 1);
	one(0, pre_nm + "weapon_staff_atk_melee_2.png", "weapon_staff_atk_melee", 2);
	one(0, pre_nm + "weapon_staff_atk_melee_3.png", "weapon_staff_atk_melee", 3);
	one(0, pre_nm + "weapon_staff_atk_melee_4.png", "weapon_staff_atk_melee", 4);
	one(0, pre_nm + "weapon_staff_atk_melee_5.png", "weapon_staff_atk_melee", 5);  
	}
	
  if(State.anim == "weapon_wand_atk_melee"){	
	one(0, pre_nm + "weapon_wand_atk_melee_0.png", "weapon_wand_atk_melee", 0);
	one(0, pre_nm + "weapon_wand_atk_melee_1.png", "weapon_wand_atk_melee", 1);
	one(0, pre_nm + "weapon_wand_atk_melee_2.png", "weapon_wand_atk_melee", 2);
	one(0, pre_nm + "weapon_wand_atk_melee_3.png", "weapon_wand_atk_melee", 3);
	one(0, pre_nm + "weapon_wand_atk_melee_4.png", "weapon_wand_atk_melee", 4);
	one(0, pre_nm + "weapon_wand_atk_melee_5.png", "weapon_wand_atk_melee", 5); 
  }
  
    if(State.anim == "weapon_shield_atk_melee"){
	one(0, pre_nm + "weapon_shield_atk_melee_0.png", "weapon_shield_atk_melee", 0);
	one(0, pre_nm + "weapon_shield_atk_melee_1.png", "weapon_shield_atk_melee", 1);
	one(0, pre_nm + "weapon_shield_atk_melee_2.png", "weapon_shield_atk_melee", 2);
	one(0, pre_nm + "weapon_shield_atk_melee_3.png", "weapon_shield_atk_melee", 3);
	one(0, pre_nm + "weapon_shield_atk_melee_4.png", "weapon_shield_atk_melee", 4);
	one(0, pre_nm + "weapon_shield_atk_melee_5.png", "weapon_shield_atk_melee", 5); 
	one(0, pre_nm + "weapon_shield_atk_melee_6.png", "weapon_shield_atk_melee", 6);
	one(0, pre_nm + "weapon_shield_atk_melee_7.png", "weapon_shield_atk_melee", 7);   
	}
	
	  if(State.anim == "weapon_staff_atk_fire"){
	one(0, pre_nm + "weapon_staff_atk_fire_0.png", "weapon_staff_atk_fire", 0);
	one(0, pre_nm + "weapon_staff_atk_fire_1.png", "weapon_staff_atk_fire", 1);
	one(0, pre_nm + "weapon_staff_atk_fire_2.png", "weapon_staff_atk_fire", 2);
	one(0, pre_nm + "weapon_staff_atk_fire_3.png", "weapon_staff_atk_fire", 3);
	one(0, pre_nm + "weapon_staff_atk_fire_4.png", "weapon_staff_atk_fire", 4);
	  }
	  
	    if(State.anim == "weapon_wand_atk_fire"){
	one(0, pre_nm + "weapon_wand_atk_fire_0.png", "weapon_wand_atk_fire", 0);
	one(0, pre_nm + "weapon_wand_atk_fire_1.png", "weapon_wand_atk_fire", 1);
	one(0, pre_nm + "weapon_wand_atk_fire_2.png", "weapon_wand_atk_fire", 2);
	one(0, pre_nm + "weapon_wand_atk_fire_3.png", "weapon_wand_atk_fire", 3);
	one(0, pre_nm + "weapon_wand_atk_fire_4.png", "weapon_wand_atk_fire", 4);  
		}
  
  
  
  
  
  
  
  
  // TODO.... Anim Part 6
};

const exportPose = (useZip) => {
  const canvas = document.createElement("canvas");
  canvas.width = Conf.getW();
  canvas.height = Conf.getH();
  //const ctx = canvas.getContext("2d");
  const ctx = canvas.getContext("2d", { willReadFrequently: true });
  let count = 0;
  const zip = new JSZip();

//(Anim Part 5)
// Update below for new anim. Increase count for getW and getH to account for rows, vertical and horizontal to scan or process. __________________________

  const canvasSprite = document.createElement("canvas");
  canvasSprite.width = Conf.getW() * 6;
  canvasSprite.height =  Conf.getH() * 4;
  
  //canvasSprite.width = Conf.getW() * 8;  // largest set is X# frames across
  //canvasSprite.height = Conf.getH() * 3;
  //canvasSprite.height =  Conf.getH() * 16; //should be 5 if idle included // there are 4 vertical anim sets so put 5 // add on for each vertical row
  
  //const ctxSprite = canvasSprite.getContext("2d");
  const ctxSprite = canvasSprite.getContext("2d", { willReadFrequently: true });
  const done = () => {
    if (count > 0) return;

	var prefix_name = document.getElementById('nameentry').value.toString();  

    canvasSprite.toBlob((blob) => {
      if (useZip) {
        //zip.file("sprite_" + prefix_name + ".png", blob);
        zip.generateAsync({type:"base64"}).then((base64) => {
          window.location = "data:application/zip;base64," + base64;
        }, (err) => {
          throw new Error("cannot generate ZIP: " + err);
        });
      } else {
        saveAs(blob, "sprite" + prefix_name + ".png");
      }
    });
  }

  const one = (spriteY, fName, anim, frame) => {
    Canvas.clear(ctx);
    Canvas.blitAll(ctx, frame, anim);

    const spriteX = frame + 0.165;
    ctxSprite.drawImage(canvas, spriteX * Conf.getW() * 1.5, spriteY * Conf.getH());

    count++;
    canvas.toBlob((blob) => {
      zip.file(fName, blob);
      count--;
      done();
    });
  }

// Update below for new anim. Add anim order, count and png sequence (Anim Part 3)______________________________________________

// Anim Part 4: Update the config file with txt, which moves parts up or down (Anim Part 6)___________________________________________________

  var pre_nm = "sprite" + document.getElementById('nameentry').value.toString() + "_";

	//SAVE Starter and Move Animations
	
	one(0, pre_nm + "base_idle_0.png", "base_idle", 0);
	one(0, pre_nm + "base_idle_1.png", "base_idle", 1);
	one(0, pre_nm + "base_idle_2.png", "base_idle", 2);
	one(0, pre_nm + "base_idle_3.png", "base_idle", 3);

	one(1, pre_nm + "base_run_0.png", "base_run", 0);
	one(1, pre_nm + "base_run_1.png", "base_run", 1);
	one(1, pre_nm + "base_run_2.png", "base_run", 2);
	one(1, pre_nm + "base_run_3.png", "base_run", 3);
  
	one(2, pre_nm + "base_hurt_0.png", "base_hurt", 0);
	one(2, pre_nm + "base_hurt_1.png", "base_hurt", 1);
	one(2, pre_nm + "base_hurt_2.png", "base_hurt", 2);
	one(2, pre_nm + "base_hurt_3.png", "base_hurt", 3);
  
	one(3, pre_nm + "base_die_0.png", "base_die", 0);
	one(3, pre_nm + "base_die_1.png", "base_die", 1);
	one(3, pre_nm + "base_die_2.png", "base_die", 2);
	one(3, pre_nm + "base_die_3.png", "base_die", 3);

/*  
	one(4, pre_nm + "base_press_0.png", "base_press", 0);
	one(4, pre_nm + "base_press_1.png", "base_press", 1);
	one(4, pre_nm + "base_press_2.png", "base_press", 2);
	one(4, pre_nm + "base_press_3.png", "base_press", 3);
	one(4, pre_nm + "base_press_4.png", "base_press", 4);

	one(5, pre_nm + "jump_0.png", "jump", 0);
	one(5, pre_nm + "jump_1.png", "jump", 1);
	one(5, pre_nm + "jump_2.png", "jump", 2);
	one(5, pre_nm + "jump_3.png", "jump", 3);
	one(5, pre_nm + "jump_4.png", "jump", 4);	
	one(5, pre_nm + "jump_5.png", "jump", 5);	
	
	one(6, pre_nm + "jump_hop_0.png", "jump_hop", 0);
	one(6, pre_nm + "jump_hop_1.png", "jump_hop", 1);
	one(6, pre_nm + "jump_hop_2.png", "jump_hop", 2);
	one(6, pre_nm + "jump_hop_3.png", "jump_hop", 3);
	one(6, pre_nm + "jump_hop_4.png", "jump_hop", 4);	
	one(6, pre_nm + "jump_hop_5.png", "jump_hop", 5);
	
	one(7, pre_nm + "jump_double_0.png", "jump_double", 0);
	one(7, pre_nm + "jump_double_1.png", "jump_double", 1);
	one(7, pre_nm + "jump_double_2.png", "jump_double", 2);
	one(7, pre_nm + "jump_double_3.png", "jump_double", 3);
	one(7, pre_nm + "jump_double_4.png", "jump_double", 4);	
	one(7, pre_nm + "jump_double_5.png", "jump_double", 5);
	one(7, pre_nm + "jump_double_6.png", "jump_double", 6);	
	one(7, pre_nm + "jump_double_7.png", "jump_double", 7);	
	
	one(8, pre_nm + "run_ninja_0.png", "run_ninja", 0);
	one(8, pre_nm + "run_ninja_1.png", "run_ninja", 1);	
	one(8, pre_nm + "run_ninja_2.png", "run_ninja", 2);	
	one(8, pre_nm + "run_ninja_3.png", "run_ninja", 3);	
	one(8, pre_nm + "run_ninja_4.png", "run_ninja", 4);	
	one(8, pre_nm + "run_ninja_5.png", "run_ninja", 5);	

    one(9, pre_nm + "run_one_0.png", "run_one", 0);
    one(9, pre_nm + "run_one_1.png", "run_one", 1);
    one(9, pre_nm + "run_one_2.png", "run_one", 2);
    one(9, pre_nm + "run_one_3.png", "run_one", 3);
	
    one(10, pre_nm + "run_two_0.png", "run_two", 0);
    one(10, pre_nm + "run_two_1.png", "run_two", 1);
    one(10, pre_nm + "run_two_2.png", "run_two", 2);
    one(10, pre_nm + "run_two_3.png", "run_two", 3);
	
    one(11, pre_nm + "run_wobble_0.png", "run_wobble", 0);
    one(11, pre_nm + "run_wobble_1.png", "run_wobble", 1);
    one(11, pre_nm + "run_wobble_2.png", "run_wobble", 2);
    one(11, pre_nm + "run_wobble_3.png", "run_wobble", 3);
    one(11, pre_nm + "run_wobble_4.png", "run_wobble", 4);
    one(11, pre_nm + "run_wobble_5.png", "run_wobble", 5);
	
    one(12, pre_nm + "run_leap_0.png", "run_leap", 0);
    one(12, pre_nm + "run_leap_1.png", "run_leap", 1);
    one(12, pre_nm + "run_leap_2.png", "run_leap", 2);
    one(12, pre_nm + "run_leap_3.png", "run_leap", 3);
    one(12, pre_nm + "run_leap_4.png", "run_leap", 4);
    one(12, pre_nm + "run_leap_5.png", "run_leap", 5);

	one(13, pre_nm + "duck_0.png", "duck", 0);
	one(13, pre_nm + "duck_1.png", "duck", 1);
	one(13, pre_nm + "duck_2.png", "duck", 2);
	one(13, pre_nm + "duck_3.png", "duck", 3);
	one(13, pre_nm + "duck_4.png", "duck", 4);
	one(13, pre_nm + "duck_5.png", "duck", 5);
	
	one(14, pre_nm + "duck_pose_0.png", "duck_pose", 0);
	
	one(15, pre_nm + "base_stands_0.png", "base_stands", 0);
	one(15, pre_nm + "base_stands_1.png", "base_stands", 1);
	one(15, pre_nm + "base_stands_2.png", "base_stands", 2);
	one(15, pre_nm + "base_stands_3.png", "base_stands", 3);
	one(15, pre_nm + "base_stands_4.png", "base_stands", 4);
	one(15, pre_nm + "base_stands_5.png", "base_stands", 5);
	one(15, pre_nm + "base_stands_6.png", "base_stands", 6);
	one(15, pre_nm + "base_stands_7.png", "base_stands", 7); */
  // TODO.... Anim Part 6
};

const exportJustOne = (useZip) => {
  const canvas = document.createElement("canvas");
  canvas.width = Conf.getW();
  canvas.height = Conf.getH();
  //const ctx = canvas.getContext("2d");
  const ctx = canvas.getContext("2d", { willReadFrequently: true });
  let count = 0;
  const zip = new JSZip();

//(Anim Part 5)
// Update below for new anim. Increase count for getW and getH to account for rows, vertical and horizontal to scan or process. __________________________

  const canvasSprite = document.createElement("canvas");
  canvasSprite.width = Conf.getW() * 1;  // largest set is X# frames across
  //canvasSprite.height = Conf.getH() * 3;
  canvasSprite.height =  Conf.getH() * 1; //should be 5 if idle included // there are 4 vertical anim sets so put 5 // add on for each vertical row
  
  //const ctxSprite = canvasSprite.getContext("2d");
  const ctxSprite = canvasSprite.getContext("2d", { willReadFrequently: true });
  const done = () => {
    if (count > 0) return;

	var prefix_name = document.getElementById('nameentry').value.toString();  

    canvasSprite.toBlob((blob) => {
      if (useZip) {
        //zip.file("sprite_" + prefix_name + ".png", blob);
        zip.generateAsync({type:"base64"}).then((base64) => {
          window.location = "data:application/zip;base64," + base64;
        }, (err) => {
          throw new Error("cannot generate ZIP: " + err);
        });
      } else {
        saveAs(blob, "sprite" + prefix_name + ".png");
      }
    });
  }

  const one = (spriteY, fName, anim, frame) => {
    Canvas.clear(ctx);
    Canvas.blitAll(ctx, frame, anim);

    const spriteX = frame;
    ctxSprite.drawImage(canvas, spriteX * Conf.getW(), spriteY * Conf.getH());

    count++;
    canvas.toBlob((blob) => {
      zip.file(fName, blob);
      count--;
      done();
    });
  }

// Update below for new anim. Add anim order, count and png sequence (Anim Part 3)______________________________________________

// Anim Part 4: Update the config file with txt, which moves parts up or down (Anim Part 6)___________________________________________________

  var pre_nm = "sprite" + document.getElementById('nameentry').value.toString() + "_";

	//SAVE Starter and Move Animations
	
	one(0, pre_nm + "base_idle_0.png", "base_idle", 0);

  // TODO.... Anim Part 6
};

$("#exportzipbtn").addEventListener("click", () => exportAll(true));
$("#exportspritebtn").addEventListener("click", () => exportAll(false));
$("#exportsinglebtn").addEventListener("click", () => exportSingle(false));
$("#exportposebtn").addEventListener("click", () => exportPose(false));
$("#exportjustonebtn").addEventListener("click", () => exportJustOne(false));

(() => {
  const $say = $("#say");
  let id = -1;

  const rlt = (txt) => {
    const a = document.createElement("div");
    a.dir = "rtl";
    a.innerText = txt;
    return a;
  };

  const ltr = (txt) => (txt);

  const tbrl = (txt) => {
    const a = document.createElement("div");
    a.style.writingMode = "tb-rl";
    a.innerText = txt;
    return a;
  };

  const ws = [
    //rlt("السلام عليكم"),
    //tbrl("你好"),
    //ltr("Hello!"),
    //ltr("Salut!"),
    //ltr("Привет!"),
    //ltr("¡Hola!"),
    //ltr("नमस्ते"),
    //ltr("नमस्कार"),
    //ltr("Hi!"),
    //ltr("Oi!"),
    //tbrl("今日は"),
    //ltr("Hallo!"),
    //ltr("toki!"),
	
    ltr(""),

  ];

  const what = () => {
    const idx = parseInt(ws.length * Math.random());
    return ws[idx];
  }

  const C = $("#c")
  C.addEventListener("click", () => {
    window.clearTimeout(id);
    $say.innerText = "";
    const w = what();
    console.log(w);
    $say.append(w);
    $say.style.marginLeft = parseInt(Math.random() * 50 - 25) + "px";
    if (w.dir == "rtl") {
      C.style.transform = "scale(-1, 1)"
      // $say.style.left = "auto";
      // $say.style.right = "50%";
    } else {
      C.style.transform = "scale(1, 1)"
      // $say.style.left = "50%";
      // $say.style.right = "auto";
      // $say.style.marginLeft = parseInt(Math.random() * 50 - 25) + "px";
    }
    $say.style.marginTop= parseInt(Math.random() * 20 - 10) + "px";
    id = window.setTimeout(() => {
      ($say.innerText="");
      C.style.transform = "scale(1, 1)";
    }, 2000);
  });

  $say.addEventListener("click", () => ($say.innerText = ""));

})();

window.requestAnimationFrame(step);


const sliderShadowModSetup = (id) => {
  const it = $("#slider_" + id)
  it.value = (Conf.data[id] * it.max);

  it.onchange = () => (Conf.data[id] = it.value / it.max);
  it.oninput = it.onchange;
}

const sliderShadowModsAllSetup = () => {
  sliderShadowModSetup("suitShadowMod");
  sliderShadowModSetup("itemShadowMod");
  sliderShadowModSetup("bodyShadowMod");
  sliderShadowModSetup("moreShadowMod");
}

$("#reset_shadows").addEventListener("click", () => {
  let a;
  a = $("#slider_suitShadowMod"); a.value = 8; a.onchange();
  a = $("#slider_itemShadowMod"); a.value = 8; a.onchange();
  a = $("#slider_bodyShadowMod"); a.value = 8; a.onchange();
  a = $("#slider_moreShadowMod"); a.value = 8; a.onchange();
});


const rgbOrHex2Hex = (rgbOrHex) => (rgbOrHex + "" === rgbOrHex)
    ? rgbOrHex
    : ("#" + pad2(rgbOrHex[0]) + pad2(rgbOrHex[1]) + pad2(rgbOrHex[2]));

const ColorComponent = (rgbOrHex, onchangeFn) => {
  const col = rgbOrHex2Hex(rgbOrHex);

  const $el = document.createElement("div");
  $el.className = "colorComponent";

  $el.classList.add("colorComponent");
  $el.innerHTML = `
    <input type=text class='hex' style='width: 110px; border: none;'>
    <label hidden>red:   <input type=range min=0 max=255 class=r style='width:80px'>
    <label hidden>grn: <input type=range min=0 max=255 class=g style='width:80px'>
    <label hidden>blu:  <input type=range min=0 max=255 class=b style='width:80px'>
  `;
  const $hex = $el.querySelector(".hex");

  const $r = $el.querySelector(".r");
  const $g = $el.querySelector(".g");
  const $b = $el.querySelector(".b");

  $r.value = parseInt(col[1] + col[2], 16);
  $g.value = parseInt(col[3] + col[4], 16);
  $b.value = parseInt(col[5] + col[6], 16);

  $hex.value = col;
  $hex.onchange = () => {
    let v = ("#" + $hex.value).replace(/^##/, "#").toLowerCase();

    if (v.match(/^#[0-9a-z][0-9a-z][0-9a-z]$/))
      v = "#" +v[1] +v[1] +v[2] +v[2] +v[3] +v[3];

    if (! v.match(/^#[0-9a-z][0-9a-z][0-9a-z][0-9a-z][0-9a-z][0-9a-z]$/))
      v = "#000000";

    let r = parseInt(v[1] + v[2], 16);
    let g = parseInt(v[3] + v[4], 16);
    let b = parseInt(v[5] + v[6], 16);

    $r.value = r;
    $g.value = g;
    $b.value = b;

    $hex.value = "#" +v[1] +v[2] +v[3] +v[4] +v[5] +v[6];

    onchangeFn([r, g, b], $hex.value);
  };

  const c = (elem) => pad2((+elem.value).toString(16))
  const onslide = () => {
    $hex.value = "#" + c($r) + c($g) + c($b);
    $hex.onchange();	
  };
  $g.onchange = $g.oninput = onslide;
  $r.onchange = $r.oninput = onslide;
  $b.onchange = $b.oninput = onslide;

  return {
    el: $el,
    getHex: () => $hex.value,
    set: (hex) => {
      $hex.value = rgbOrHex2Hex(hex);
      $hex.onchange();
    },
    toggle: () => {
      $el.style.display = ($el.style.display === "none")
        ? "inline-block"
        : "none";
    },
  };
}

const setPalsUniform = (colors) => {
  Pal.all.eyes.setColors(colors.slice());
  Pal.all.body.setColors(colors.slice());
  Pal.all.more.setColors(colors.slice());
  Pal.all.suit.setColors(colors.slice());
  Pal.all.item.setColors(colors.slice());
}

/* $("#set_pal_pdm1").onclick = () => {
  Pal.all.eyes.setColors([ "#222033","#178178","#7722ab","#346524","#5a8ca6","#fafafa","#ababab","#751f20" ]);
  Pal.all.body.setColors([ "#cccc77", "#f0f0dd", "#ccccbe", "#e6d1bc", "#cb9f76", "#a47d5b", "#7a3333", "#686e46", "#dcb641", "#72b8e4", "#aa4951", "#887777", "#434343", "#6cb832" ]);
  Pal.all.item.setColors([ "#ccaa44", "#d04648", "#a9b757", "#f0f0dd", "#944a9c", "#447ccf", "#3e3e3e" ]);
  Pal.all.suit.setColors([ "#ccaa44", "#d04648", "#a9b757", "#f0f0dd", "#944a9c", "#447ccf", "#3e3e3e" ]);
  Pal.all.more.setColors([ "#ebebeb", "#e4da99", "#b62f31", "#cc7733", "#4d4e4c" ]);

  outlineColorComponent.set("#222134");
}; */


$("#set_pal_pdm1").onclick = () => {

  //setPalsUniform([ "#5e315b", "#8c3f5d", "#ba6156", "#f2a65e", "#ffe478", "#cfff70", "#8fde5d", "#3ca370", "#3d6e70", "#323e4f", "#322947", "#473b78", "#4b5bab", "#4da6ff", "#66ffe3", "#ffffeb", "#c2c2d1", "#7e7e8f", "#606070", "#43434f", "#272736", "#3e2347", "#57294b", "#964253", "#e36956", "#ffb570", "#ff9166", "#eb564b", "#b0305c", "#73275c", "#422445", "#5a265e", "#80366b", "#bd4882", "#ff6b97", "#ffb5b5", ]);
  setPalsUniform([ "#623530",	"#853e33",	"#945542",	"#ca7538",	"#c58158",	"#f5b97d",	"#f2ae99",	"#ffdbb5",	"#a94949",	"#ca5954",	"#e56f4b",	"#e39347",	"#eeb551",	"#e8c65b",	"#f1dd9e",	"#8b9150",	"#557d55",	"#446350",	"#a8c8a6",	"#8bb0ad",	"#769fa6",	"#668da9",	"#acc1e4",	"#5c699f",	"#5a5888",	"#7c6da2",	"#947a9d",	"#bc87a5",	"#d9a6a6",	"#d4c2b6",	"#bdaa97",	"#86735b",	"#735b42",	"#604b3d",	"#ede4da",	"#bfb8b4",	"#918d8d",	"#353540",	"#1a1a1a",	]);

  outlineColorComponent.set("#111111");
  
  document.getElementById("sharecode").value = 0;
};

$("#set_pal_endesga32").onclick = () => {

  setPalsUniform([ "#eb6b6f","#f9a875","#fff6d3","#ffffff","#fb6b1d","#e83b3b","#831c5d","#c32454","#f04f78","#f48cb6","#fca790","#e3c896","#ab947a","#a96868","#625565","#3e3546","#2c2137","#0b5e65","#0b8a8f","#1ebc73","#91db69", "#fbff86","#caa05a","#fbb954","#cd683d","#9e4539","#7a3045","#6b3e75","#905ea9","#a884f3","#eaaded","#8fd3ff","#4d9be6","#4d65b4","#484a77","#5ab9a8","#30e1b9","#8ff8e2","#c4f0c2", ]);

  outlineColorComponent.set("#111111");
  
  document.getElementById("sharecode").value = 1;
};


$("#set_pal_zughy32").onclick = () => {

  setPalsUniform([ "#1a1a1a","#fbf5ef","#956040","#664131","#6f6776","#9a9a97","#c5ccb8","#8b5580","#c38890","#a593a5","#665092","#9a4f50","#c28d75","#7ca1c0","#416aa3","#8d6268","#be955c","#68aca9","#387080","#93a167","#6eaa78","#557064","#9d9f7f","#7e9e99","#5d6872","#433455","#0d2b45","#203c56","#272744","#d08159","#ffaa5e","#ffd4a3","#ffecd6","#d1b187","#927441","#4d4539","#77743b","#b3a555","#d2c9a5", ]);

  outlineColorComponent.set("#111111");
  
  document.getElementById("sharecode").value = 2;
};


$("#set_pal_vinik24").onclick = () => {
	
  setPalsUniform([ "#beffe0", "#a2d9be", "#91c1be", "#7fa8b5", "#ead4aa", "#e8b796", "#d9ac9d", "#c99fa2", "#b08b9d", "#98ff6a", "#83de6d", "#7bc17f", "#6dab8f", "#ffa296", "#f58b83", "#f6757a", "#d8677a", "#b6587c", "#ff65ed", "#cf53cf", "#ae45d1", "#7c30c8", "#fffd95", "#d2d29c", "#b2b2a4", "#78789e", "#aec2bb", "#97a8bd", "#8494c0", "#6975b2", "#4c549b", "#ffc337", "#feae34", "#be8042", "#9e6a43", "#ff964e", "#ff6932", "#b14a50", "#28282e", ]);

  outlineColorComponent.set("#111111");
  
  document.getElementById("sharecode").value = 3;
};


$("#set_pal_cc29").onclick = () => {
	
		setPalsUniform([ "#2d1b00", "#332c50", "#1e405b", "#6565ab", "#608fcf", "#8be5ff", "#cef1ff", "#1e606e", "#46878f", "#5ab9a8", "#c4f0c2", "#e2f3e4", "#ff0546", "#9c173b", "#660f31", "#450327", "#c53a9d", "#ff8e80", "#eb8d9c", "#ffd080", "#fe546f", "#2e0a30", "#6f1d5c", "#4a2480", "#622e4c", "#7550e8", "#94e344", "#bdff8c", "#f2ff66", "#9af089", "#38d88e", "#00be91", "#433d4c", "#778299", "#9caebb", "#fff7f8", "#d8bfd8", "#f7ffae", "#ffd8ba", ]);

/*		
		  setPalsUniform([ "#ce3b26", "#f7872a", "#fcd56b", "#e7952e", "#f9b857", "#f0c209", "#b16e45", "#f4b27a", "#f0d89d", "#f9f5d2", "#8f4349", "#ffa686", "#fdceab", "#5cac48", "#8cce6c", "#c1ec48", "#060329", "#1c2833", "#145041", "#231618", "#521e23", "#832121", "#ff804a", "#e16169", "#ee8095", "#7b3781", "#b64d75", "#a07385", "#44050b", "#6d2a41", "#962c52", "#e53366", "#6e5657", "#a7acba", "#accdec", "#1c5c83", "#2ba8b5", "#46dccd", ]);

*/
  outlineColorComponent.set("#111111");
  
  document.getElementById("sharecode").value = 4;
};


$("#set_pal_steam_lords").onclick = () => {

  setPalsUniform([ "#341227", "#601d2c", "#88312b", "#854538", "#af6a65", "#9d6341", "#bb7f5c", "#3c42c4", "#6e51c8", "#a065cd", "#ce79d2", "#d68fb8", "#dda2a3", "#eac4ae", "#f4dfbe", "#f2eef1", "#ffa7bf", "#ec7d9b", "#e64667", "#a02552", "#75024d", "#2c0f30", "#e18434", "#ffa01b", "#ffbd20", "#fcd48b", "#C4ECEA", "#9ED8DB", "#72A7BA", "#2F2F78", "#4A7DC4", "#72C2F5", "#B1FFFF", "#E7FFE2", "#dce1e7", "#b4c788", "#8a8969", "#36e377", "#ce2b1a", ]);  
  
	/*
  setPalsUniform([ "#10121c", "#2c1e31", "#6b2643", "#ac2847", "#ec273f", "#94493a", "#de5d3a", "#e98537", "#f3a833", "#4d3533", "#6e4c30", "#a26d3f", "#ce9248", "#dab163", "#e8d282", "#f7f3b7", "#1e4044", "#006554", "#26854c", "#5ab552", "#9de64e", "#008b8b", "#62a477", "#a6cb96", "#d3eed3", "#3e3b65", "#3859b3", "#3388de", "#36c5f4", "#6dead6", "#5e5b8c", "#8c78a5", "#b0a7b8", "#deceed", "#9a4d76", "#c878af", "#cc99ff", "#fa6e79", "#ffa2ac", "#ffd1d5", "#f6e8e0", "#ffffff", ]);
	*/
	
  outlineColorComponent.set("#111111");
  
  document.getElementById("sharecode").value = 5;
};


$("#set_pal_island_joy_16").onclick = () => {
	
  setPalsUniform([ "#332c50", "#46878f", "#94e344", "#e2f3e4", "#2d1b00", "#5ab9a8", "#203671", "#5fc75d", "#ffeecc", "#fbbbad", "#ee8695", "#4a7a96", "#333f58", "#292831", "#622e4c", "#7550e8", "#608fcf", "#8be5ff", "#fbf5ef", "#f2d3ab", "#c69fa5", "#8b6d9c", "#494d7e", "#272744", "#74569b", "#96fbc7", "#f7ffae", "#ffb3cb", "#d8bfd8", "#2c2137", "#764462", "#edb4a1", "#a96868", "#222323", "#f0f6f0", "#c6b7be", "#555568", "#a0a08b", "#b6b6b6", ]);
	/*
	  setPalsUniform([ "#e5ae78", "#c58158", "#945542", "#623530", "#46211f", "#97432a", "#e57028", "#f7ac37", "#fbdf6b", "#fe979b", "#ed5259", "#c42c36", "#781f2c", "#351428", "#4d2352", "#7f3b86", "#b45eb3", "#e38dd6", "#dbe0e7", "#a3acbe", "#67708b", "#4e5371", "#393a56", "#26243a", "#141020", "#7bcf5c", "#509b4b", "#2e6a42", "#1a453b", "#0f2738", "#0d2f6d", "#0f4da3", "#0e82ce", "#13b2f2", "#41f3fc", "#c2ebed", ]);
	*/

  outlineColorComponent.set("#111111");
  
  document.getElementById("sharecode").value = 6;
};

$("#set_pal_reset_outline").onclick = () => {
  outlineColorComponent.set("#111111");
};


$("#exportconfig").onclick =  () => {
  const zip = new JSZip();

  const c = JSON.parse(JSON.stringify(Conf.data));

  c.version = 3;
  c.outlineColor = hex2Arr(outlineColorComponent.getHex());

  c.saved_state = {
    base_val: +Parts.els.bases.value,
    head_val: +Parts.els.heads.value,
    face_val: +Parts.els.faces.value,

    palBodyActive: palBody.active,
    palEyesActive: palEyes.active,
    palMoreActive: palMore.active,
    palSuitActive: palSuit.active,
    palItemActive: palItem.active,

    outline_hex: outlineColorComponent.getHex(),
  }

  // pals - keep in conf?

  c.pals.eyes = Pal.all.eyes.colors;
  c.pals.body = Pal.all.body.colors;
  c.pals.more = Pal.all.more.colors;
  c.pals.item = Pal.all.suit.colors;
  c.pals.suit = Pal.all.item.colors;

  zip.file("conf.json", JSON.stringify(c, null, 2));
  zip.file("base.png", b64ImagesCache.base, { base64: true });
  zip.file("heads.png", b64ImagesCache.heads, { base64: true });
  zip.file("faces.png", b64ImagesCache.faces, { base64: true });



  //var gold = JSON.stringify(outlineColorComponent.getHex()).substr(2,7);
  //var trimmedString = gold.substr(2, 7);
  
  
  //zip.generateAsync({ type:"blob" }).then((blob) => saveAs(blob, trimmedString + "pixel_mixer_config.zip"));
  
  var silver = document.getElementById('nameentry').value;
  
  zip.generateAsync({ type:"blob" }).then((blob) => saveAs(blob, "pixelart_config_" + silver.toString() + ".zip"));
  
  
  //zip.generateAsync({ type:"blob" }).then((blob) => saveAs(blob, "pixel_mixer_config.zip"));
  
  //zip.generateAsync({ type:"blob" }).then((blob) => saveAs(blob, JSON.stringify(outlineColorComponent.getHex()) + "pixel_mixer_config.zip"));
  //zip.generateAsync({ type:"blob" }).then((blob) => saveAs(blob, JSON.stringify(outlineColorComponent.getHex().value, null, '5t') + "pixel_mixer_config.zip"));
}

$("#readstatefromconfig").onclick = () => {
  console.log(Conf.data.saved_state)
  const d = Conf.data.saved_state;
  if (!d) { return; }

  Parts.els.heads.value = d.head_val;
  Parts.els.bases.value = d.base_val;
  Parts.els.faces.value = d.face_val;

  State.base = d.base_val;
  State.head = d.head_val;
  State.face = d.face_val;

  Pal.all.eyes.btns[Pal.all.eyes.colors.indexOf(d.palEyesActive)].click();
  Pal.all.body.btns[Pal.all.body.colors.indexOf(d.palBodyActive)].click();
  Pal.all.more.btns[Pal.all.more.colors.indexOf(d.palMoreActive)].click();
  Pal.all.suit.btns[Pal.all.suit.colors.indexOf(d.palSuitActive)].click();
  Pal.all.item.btns[Pal.all.item.colors.indexOf(d.palItemActive)].click();

  outlineColorComponent.set(d.outline_hex);
}


$("#savestate").onclick = () => {

	Conf.data.saved_state = {
	head_val: +Parts.els.heads.value,
    base_val: +Parts.els.bases.value,
    face_val: +Parts.els.faces.value,

    palEyesActive: palBody.active,
    palBodyActive: palEyes.active,
    palMoreActive: palMore.active,
    palSuitActive: palSuit.active,
    palItemActive: palItem.active,

    outline_hex: outlineColorComponent.getHex(),
   }
}

$("#resetstate").onclick = () => {
  console.log(Conf.data.saved_state)
  const d = Conf.data.saved_state;
  if (!d) { return; }

  Parts.els.heads.value = d.head_val;
  Parts.els.bases.value = d.base_val;
  Parts.els.faces.value = d.face_val;

  State.head = d.head_val;
  State.base = d.base_val;
  State.face = d.face_val;

  Pal.all.eyes.btns[Pal.all.eyes.colors.indexOf(d.palEyesActive)].click();
  Pal.all.body.btns[Pal.all.body.colors.indexOf(d.palBodyActive)].click();
  Pal.all.more.btns[Pal.all.more.colors.indexOf(d.palMoreActive)].click();
  Pal.all.suit.btns[Pal.all.suit.colors.indexOf(d.palSuitActive)].click();
  Pal.all.item.btns[Pal.all.item.colors.indexOf(d.palItemActive)].click();

  document.getElementById("inputSliderBases").value = document.getElementById("sliderBases").value;
  document.getElementById("inputSliderHeads").value = document.getElementById("sliderHeads").value;
  document.getElementById("inputSliderFaces").value = document.getElementById("sliderFaces").value;
  
  document.getElementById("sharecode").textContent = "Share: " + document.getElementById("sliderBases").value + " " + document.getElementById("sliderHeads").value + " " + document.getElementById("sliderFaces").value;
  
  outlineColorComponent.set(d.outline_hex);
}


/*
$("#editstate").onclick = () => {
	  
  //this.els.bases.max
  //Parts.els.bases.max = Parts.els.bases.max / 2;
  
  document.getElementById("inputSliderHeads").max = document.getElementById("inputSliderHeads").max / 2;
  document.getElementById("sliderHeads").max = document.getElementById("sliderHeads").max / 2;
  randomizeAllMaybe();
  
  //Parts.els.heads.value = 0;
  //Parts.els.bases.value = 0;
  //Parts.els.faces.value = 0;
	
  //State.head = 0;
  //State.base = 0;
  //State.face = 0;
  
}
*/

  //document.getElementById("inputSliderBases").value = document.getElementById("sliderBases").value;
  //document.getElementById("inputSliderHeads").value = document.getElementById("sliderHeads").value;
  //document.getElementById("inputSliderFaces").value = document.getElementById("sliderFaces").value;


$("#sliderBases").onclick = () => {

  document.getElementById("inputSliderBases").value = document.getElementById("sliderBases").value;
  
  //document.getElementById("sharecode").textContent = "Share: " + document.getElementById("sliderBases").value + " " + document.getElementById("sliderHeads").value + " " + document.getElementById("sliderFaces").value;
}

$("#sliderBases").onchange = () => {

  document.getElementById("inputSliderBases").value = document.getElementById("sliderBases").value;
  
  //document.getElementById("sharecode").textContent = "Share: " + document.getElementById("sliderBases").value + " " + document.getElementById("sliderHeads").value + " " + document.getElementById("sliderFaces").value;
}

$("#inputSliderBases").onchange = () => {

  document.getElementById("sliderBases").value = document.getElementById("inputSliderBases").value;
  State.head = document.getElementById("inputSliderBases").value;
  
  //document.getElementById("sharecode").textContent = "Share: " + document.getElementById("sliderBases").value + " " + document.getElementById("sliderHeads").value + " " + document.getElementById("sliderFaces").value;
}



$("#sliderHeads").onclick = () => {

  document.getElementById("inputSliderHeads").value = document.getElementById("sliderHeads").value;
  
  
		  Parts.els.faces.value = 0;
		  State.face = 0;
		  document.getElementById("inputSliderFaces").value = 0;
		  document.getElementById("sliderFaces").value = 0;

  
  //document.getElementById("sharecode").textContent = "Share: " + document.getElementById("sliderBases").value + " " + document.getElementById("sliderHeads").value + " " + document.getElementById("sliderFaces").value;
}

$("#sliderHeads").onchange = () => {

  document.getElementById("inputSliderHeads").value = document.getElementById("sliderHeads").value;
  
		  Parts.els.faces.value = 0;
		  State.face = 0;
		  document.getElementById("inputSliderFaces").value = 0;
		  document.getElementById("sliderFaces").value = 0;
  
  //document.getElementById("sharecode").textContent = "Share: " + document.getElementById("sliderBases").value + " " + document.getElementById("sliderHeads").value + " " + document.getElementById("sliderFaces").value;
}

$("#inputSliderHeads").onchange = () => {

  document.getElementById("sliderHeads").value = document.getElementById("inputSliderHeads").value;
  State.head = document.getElementById("inputSliderHeads").value;
  
		  Parts.els.faces.value = 0;
		  State.face = 0;
		  document.getElementById("inputSliderFaces").value = 0;
		  document.getElementById("sliderFaces").value = 0;
  
  //document.getElementById("sharecode").textContent = "Share: " + document.getElementById("sliderBases").value + " " + document.getElementById("sliderHeads").value + " " + document.getElementById("sliderFaces").value;
}



$("#sliderFaces").onclick = () => {

  document.getElementById("inputSliderFaces").value = document.getElementById("sliderFaces").value;
 		
		  Parts.els.heads.value = 0;
		  State.head = 0;
		  document.getElementById("inputSliderHeads").value = 0;
		  document.getElementById("sliderHeads").value = 0;

		
  //document.getElementById("sharecode").textContent = "Share: " + document.getElementById("sliderBases").value + " " + document.getElementById("sliderHeads").value + " " + document.getElementById("sliderFaces").value;
}

$("#sliderFaces").onchange = () => {

  document.getElementById("inputSliderFaces").value = document.getElementById("sliderFaces").value;
  
  
		  Parts.els.heads.value = 0;
		  State.head = 0;
		  document.getElementById("inputSliderHeads").value = 0;
		  document.getElementById("sliderHeads").value = 0;
		  
		  
  //document.getElementById("sharecode").textContent = "Share: " + document.getElementById("sliderBases").value + " " + document.getElementById("sliderHeads").value + " " + document.getElementById("sliderFaces").value;
}

$("#inputSliderFaces").onchange = () => {

  document.getElementById("sliderFaces").value = document.getElementById("inputSliderFaces").value;
  State.head = document.getElementById("inputSliderFaces").value;

		  Parts.els.heads.value = 0;
		  State.head = 0;
		  document.getElementById("inputSliderHeads").value = 0;
		  document.getElementById("sliderHeads").value = 0;

  //document.getElementById("sharecode").textContent = "Share: " + document.getElementById("sliderBases").value + " " + document.getElementById("sliderHeads").value + " " + document.getElementById("sliderFaces").value;
}



$("#set_pal_shift").onclick = () => {
	
	var setval = document.getElementById("sharecode").value;
	
	if (setval == 1) {
		
		document.getElementById("sharecode").value = 2;
		
		setPalsUniform([ "#1a1a1a","#fbf5ef","#956040","#664131","#6f6776","#9a9a97","#c5ccb8","#8b5580","#c38890","#a593a5","#665092","#9a4f50","#c28d75","#7ca1c0","#416aa3","#8d6268","#be955c","#68aca9","#387080","#93a167","#6eaa78","#557064","#9d9f7f","#7e9e99","#5d6872","#433455","#0d2b45","#203c56","#272744","#d08159","#ffaa5e","#ffd4a3","#ffecd6","#d1b187","#927441","#4d4539","#77743b","#b3a555","#d2c9a5", ]);

		  // outlineColorComponent.set("#111111");
	}
	else if (setval == 2) {
		
		document.getElementById("sharecode").value = 3;
		
		setPalsUniform([ "#beffe0", "#a2d9be", "#91c1be", "#7fa8b5", "#ead4aa", "#e8b796", "#d9ac9d", "#c99fa2", "#b08b9d", "#98ff6a", "#83de6d", "#7bc17f", "#6dab8f", "#ffa296", "#f58b83", "#f6757a", "#d8677a", "#b6587c", "#ff65ed", "#cf53cf", "#ae45d1", "#7c30c8", "#fffd95", "#d2d29c", "#b2b2a4", "#78789e", "#aec2bb", "#97a8bd", "#8494c0", "#6975b2", "#4c549b", "#ffc337", "#feae34", "#be8042", "#9e6a43", "#ff964e", "#ff6932", "#b14a50", "#28282e", ]);

		  //outlineColorComponent.set("#111111");
	
	}
	else if (setval == 3) {
		
		document.getElementById("sharecode").value = 4; /* takes 4 clicks */
		
		
		setPalsUniform([ "#2d1b00", "#332c50", "#1e405b", "#6565ab", "#608fcf", "#8be5ff", "#cef1ff", "#1e606e", "#46878f", "#5ab9a8", "#c4f0c2", "#e2f3e4", "#ff0546", "#9c173b", "#660f31", "#450327", "#c53a9d", "#ff8e80", "#eb8d9c", "#ffd080", "#fe546f", "#2e0a30", "#6f1d5c", "#4a2480", "#622e4c", "#7550e8", "#94e344", "#bdff8c", "#f2ff66", "#9af089", "#38d88e", "#00be91", "#433d4c", "#778299", "#9caebb", "#fff7f8", "#d8bfd8", "#f7ffae", "#ffd8ba", ]);

/*	
		  setPalsUniform([ "#ce3b26", "#f7872a", "#fcd56b", "#e7952e", "#f9b857", "#f0c209", "#b16e45", "#f4b27a", "#f0d89d", "#f9f5d2", "#8f4349", "#ffa686", "#fdceab", "#5cac48", "#8cce6c", "#c1ec48", "#060329", "#1c2833", "#145041", "#231618", "#521e23", "#832121", "#ff804a", "#e16169", "#ee8095", "#7b3781", "#b64d75", "#a07385", "#44050b", "#6d2a41", "#962c52", "#e53366", "#6e5657", "#a7acba", "#accdec", "#1c5c83", "#2ba8b5", "#46dccd", ]);

*/
		  //outlineColorComponent.set("#111111");
	}
	else if (setval == 4) {
		
		document.getElementById("sharecode").value = 5;
		
  setPalsUniform([ "#341227", "#601d2c", "#88312b", "#854538", "#af6a65", "#9d6341", "#bb7f5c", "#3c42c4", "#6e51c8", "#a065cd", "#ce79d2", "#d68fb8", "#dda2a3", "#eac4ae", "#f4dfbe", "#f2eef1", "#ffa7bf", "#ec7d9b", "#e64667", "#a02552", "#75024d", "#2c0f30", "#e18434", "#ffa01b", "#ffbd20", "#fcd48b", "#C4ECEA", "#9ED8DB", "#72A7BA", "#2F2F78", "#4A7DC4", "#72C2F5", "#B1FFFF", "#E7FFE2", "#dce1e7", "#b4c788", "#8a8969", "#36e377", "#ce2b1a", ]);  
  
	/*
		  setPalsUniform([ "#10121c", "#2c1e31", "#6b2643", "#ac2847", "#ec273f", "#94493a", "#de5d3a", "#e98537", "#f3a833", "#4d3533", "#6e4c30", "#a26d3f", "#ce9248", "#dab163", "#e8d282", "#f7f3b7", "#1e4044", "#006554", "#26854c", "#5ab552", "#9de64e", "#008b8b", "#62a477", "#a6cb96", "#d3eed3", "#3e3b65", "#3859b3", "#3388de", "#36c5f4", "#6dead6", "#5e5b8c", "#8c78a5", "#b0a7b8", "#deceed", "#9a4d76", "#c878af", "#cc99ff", "#fa6e79", "#ffa2ac", "#ffd1d5", "#f6e8e0", "#ffffff", ]);
		*/
		  //outlineColorComponent.set("#111111");
	
	}
	else if (setval == 5) {
		
		document.getElementById("sharecode").value = 6;
		
  setPalsUniform([ "#332c50", "#46878f", "#94e344", "#e2f3e4", "#2d1b00", "#5ab9a8", "#203671", "#5fc75d", "#ffeecc", "#fbbbad", "#ee8695", "#4a7a96", "#333f58", "#292831", "#622e4c", "#7550e8", "#608fcf", "#8be5ff", "#fbf5ef", "#f2d3ab", "#c69fa5", "#8b6d9c", "#494d7e", "#272744", "#74569b", "#96fbc7", "#f7ffae", "#ffb3cb", "#d8bfd8", "#2c2137", "#764462", "#edb4a1", "#a96868", "#222323", "#f0f6f0", "#c6b7be", "#555568", "#a0a08b", "#b6b6b6", ]);
	/*
		  setPalsUniform([ "#e5ae78", "#c58158", "#945542", "#623530", "#46211f", "#97432a", "#e57028", "#f7ac37", "#fbdf6b", "#fe979b", "#ed5259", "#c42c36", "#781f2c", "#351428", "#4d2352", "#7f3b86", "#b45eb3", "#e38dd6", "#dbe0e7", "#a3acbe", "#67708b", "#4e5371", "#393a56", "#26243a", "#141020", "#7bcf5c", "#509b4b", "#2e6a42", "#1a453b", "#0f2738", "#0d2f6d", "#0f4da3", "#0e82ce", "#13b2f2", "#41f3fc", "#c2ebed", ]);
		*/
		  //outlineColorComponent.set("#111111");
	
	}
	else if (setval == 6) {
		
		document.getElementById("sharecode").value = 0;
		
		  setPalsUniform([ "#623530",	"#853e33",	"#945542",	"#ca7538",	"#c58158",	"#f5b97d",	"#f2ae99",	"#ffdbb5",	"#a94949",	"#ca5954",	"#e56f4b",	"#e39347",	"#eeb551",	"#e8c65b",	"#f1dd9e",	"#8b9150",	"#557d55",	"#446350",	"#a8c8a6",	"#8bb0ad",	"#769fa6",	"#668da9",	"#acc1e4",	"#5c699f",	"#5a5888",	"#7c6da2",	"#947a9d",	"#bc87a5",	"#d9a6a6",	"#d4c2b6",	"#bdaa97",	"#86735b",	"#735b42",	"#604b3d",	"#ede4da",	"#bfb8b4",	"#918d8d",	"#353540",	"#1a1a1a",	]);

		  //outlineColorComponent.set("#111111");
	}
	else if (setval == 0) {
		
		document.getElementById("sharecode").value = 1;
		
		setPalsUniform([ "#eb6b6f","#f9a875","#fff6d3","#ffffff","#fb6b1d","#e83b3b","#831c5d","#c32454","#f04f78","#f48cb6","#fca790","#e3c896","#ab947a","#a96868","#625565","#3e3546","#2c2137","#0b5e65","#0b8a8f","#1ebc73","#91db69", "#fbff86","#caa05a","#fbb954","#cd683d","#9e4539","#7a3045","#6b3e75","#905ea9","#a884f3","#eaaded","#8fd3ff","#4d9be6","#4d65b4","#484a77","#5ab9a8","#30e1b9","#8ff8e2","#c4f0c2", ]);

		  //outlineColorComponent.set("#111111");
	}
	else {
		
		document.getElementById("sharecode").value = 0;
		
		setPalsUniform([ "#623530",	"#853e33",	"#945542",	"#ca7538",	"#c58158",	"#f5b97d",	"#f2ae99",	"#ffdbb5",	"#a94949",	"#ca5954",	"#e56f4b",	"#e39347",	"#eeb551",	"#e8c65b",	"#f1dd9e",	"#8b9150",	"#557d55",	"#446350",	"#a8c8a6",	"#8bb0ad",	"#769fa6",	"#668da9",	"#acc1e4",	"#5c699f",	"#5a5888",	"#7c6da2",	"#947a9d",	"#bc87a5",	"#d9a6a6",	"#d4c2b6",	"#bdaa97",	"#86735b",	"#735b42",	"#604b3d",	"#ede4da",	"#bfb8b4",	"#918d8d",	"#353540",	"#1a1a1a",	]);

		  //outlineColorComponent.set("#111111");
	}

};


$("#set_bod_all").onclick = () => {
  //document.getElementById("lockBases").checked = false;
  
  
		//document.getElementById("inputSliderBases").max = 77;
		//document.getElementById("sliderBases").max = 77;
		//document.getElementById("inputSliderBases").min = 0;
		//document.getElementById("sliderBases").min = 0;
  //randomizeAllMaybe();
  
		//Parts.els.bases.value = Math.floor(Math.random() * (77 - 0 + 1)) + 0;
		//State.base = Parts.els.bases.value;
		//document.getElementById("inputSliderBases").value = Parts.els.bases.value;
		//document.getElementById("sliderBases").value = Parts.els.bases.value;
}

$("#set_bod_human").onclick = () => {
  //document.getElementById("lockBases").checked = false;
  document.getElementById("inputSliderBases").max = 15;
  document.getElementById("sliderBases").max = 15;
  document.getElementById("inputSliderBases").min = 0;
  document.getElementById("sliderBases").min = 0;
  //randomizeAllMaybe();
  
  Parts.els.bases.value = Math.floor(Math.random() * (15 - 0 + 1)) + 0;
	  State.base = Parts.els.bases.value;
	  document.getElementById("inputSliderBases").value = Parts.els.bases.value;
	  document.getElementById("sliderBases").value = Parts.els.bases.value;
}

$("#set_bod_animal").onclick = () => {
  //document.getElementById("lockBases").checked = false;
  document.getElementById("inputSliderBases").max = 32;
  document.getElementById("sliderBases").max = 32;
  document.getElementById("inputSliderBases").min = 16;
  document.getElementById("sliderBases").min = 16;
  //randomizeAllMaybe();
  
  Parts.els.bases.value = Math.floor(Math.random() * (32 - 16 + 1)) + 16;
	  State.base = Parts.els.bases.value;
	  document.getElementById("inputSliderBases").value = Parts.els.bases.value;
	  document.getElementById("sliderBases").value = Parts.els.bases.value;
}

$("#set_bod_monster").onclick = () => {
  //document.getElementById("lockBases").checked = false;
  document.getElementById("inputSliderBases").max = 53;
  document.getElementById("sliderBases").max = 53;
  document.getElementById("inputSliderBases").min = 33;
  document.getElementById("sliderBases").min = 33;
  //randomizeAllMaybe();
  
  Parts.els.bases.value = Math.floor(Math.random() * (53 - 33 + 1)) + 33;
	  State.base = Parts.els.bases.value;
	  document.getElementById("inputSliderBases").value = Parts.els.bases.value;
	  document.getElementById("sliderBases").value = Parts.els.bases.value;
}

$("#set_bod_alien").onclick = () => {
  //document.getElementById("lockBases").checked = false;
  document.getElementById("inputSliderBases").max = 77;
  document.getElementById("sliderBases").max = 77;
  document.getElementById("inputSliderBases").min = 54;
  document.getElementById("sliderBases").min = 54;
  //randomizeAllMaybe();

  Parts.els.bases.value = Math.floor(Math.random() * (77 - 54 + 1)) + 54;
	  State.base = Parts.els.bases.value;
	  document.getElementById("inputSliderBases").value = Parts.els.bases.value;
	  document.getElementById("sliderBases").value = Parts.els.bases.value;
}

$("#set_clear_bod").onclick = () => {
  //document.getElementById("lockBases").checked = false;

  //randomizeAllMaybe();
  
  Parts.els.bases.value = document.getElementById("sliderBases").min;
	  State.base = Parts.els.bases.value;
	  document.getElementById("inputSliderBases").value = Parts.els.bases.value;
	  document.getElementById("sliderBases").value = Parts.els.bases.value;
}


//$("#exportzipbtn").addEventListener("click", () => exportAll(true));

const pick_item_Hd_Max = (useMinNum,useItemNum) => {

  useMinNum = 0;
  useItemNum = 332;

  document.getElementById("inputSliderHeads").max = useItemNum;
  document.getElementById("sliderHeads").max = useItemNum;
  document.getElementById("inputSliderHeads").min = useMinNum;
  document.getElementById("sliderHeads").min = useMinNum;
  
  Parts.els.heads.value = Math.floor(Math.random() * (useItemNum - useMinNum + 1)) + useMinNum;
	  State.head = Parts.els.heads.value;
	  document.getElementById("inputSliderHeads").value = Parts.els.heads.value;
	  document.getElementById("sliderHeads").value = Parts.els.heads.value;
	  
  document.getElementById("inputSliderHeads").max = useItemNum;
  document.getElementById("sliderHeads").max = useItemNum;
  document.getElementById("inputSliderHeads").min = useMinNum;
  document.getElementById("sliderHeads").min = useMinNum;
  
  		  //Helps for one or the other
		  Parts.els.faces.value = 0;
		  State.face = 0;
		  document.getElementById("inputSliderFaces").value = 0;
		  document.getElementById("sliderFaces").value = 0;
  
};

const pick_item_Fc_Max = (useMinNum,useItemNum) => {

  useMinNum = 0;
  useItemNum = 102;

  document.getElementById("inputSliderFaces").max = useItemNum;
  document.getElementById("sliderFaces").max = useItemNum;
  document.getElementById("inputSliderFaces").min = useMinNum;
  document.getElementById("sliderFaces").min = useMinNum;
  
  Parts.els.faces.value = Math.floor(Math.random() * (useItemNum - useMinNum + 1)) + useMinNum;
	  State.face = Parts.els.faces.value;
	  document.getElementById("inputSliderFaces").value = Parts.els.faces.value;
	  document.getElementById("sliderFaces").value = Parts.els.faces.value;
	  
  document.getElementById("inputSliderFaces").max = useItemNum;
  document.getElementById("sliderFaces").max = useItemNum;
  document.getElementById("inputSliderFaces").min = useMinNum;
  document.getElementById("sliderFaces").min = useMinNum;
  
  					    Parts.els.heads.value = 0;
						State.head = 0;
						document.getElementById("inputSliderHeads").value = 0;
						document.getElementById("sliderHeads").value = 0;
  
};

const pick_item_Hd_Range = (useMinNum,useItemNum) => {
	
					  Parts.els.heads.value = Math.floor(Math.random() * (useItemNum - useMinNum + 0)) + useMinNum;
					  State.head = Parts.els.heads.value;
					  document.getElementById("inputSliderHeads").value = Parts.els.heads.value;
					  document.getElementById("sliderHeads").value = Parts.els.heads.value;
			
		  //Helps for one or the other
		  Parts.els.faces.value = 0;
		  State.face = 0;
		  document.getElementById("inputSliderFaces").value = 0;
		  document.getElementById("sliderFaces").value = 0;
};

const pick_item_Fc_Range = (useMinNum,useItemNum) => {
	
					  Parts.els.faces.value = Math.floor(Math.random() * (useItemNum - useMinNum + 0)) + useMinNum;
					  State.face = Parts.els.faces.value;
					  document.getElementById("inputSliderFaces").value = Parts.els.faces.value;
					  document.getElementById("sliderFaces").value = Parts.els.faces.value;
					  
					    Parts.els.heads.value = 0;
						State.head = 0;
						document.getElementById("inputSliderHeads").value = 0;
						document.getElementById("sliderHeads").value = 0;
};

const pick_item_Head = (useMinNum,useItemNum) => {


  document.getElementById("inputSliderHeads").max = useItemNum;
  document.getElementById("sliderHeads").max = useItemNum;
  document.getElementById("inputSliderHeads").min = useMinNum;
  document.getElementById("sliderHeads").min = useMinNum;
  //randomizeAllMaybe();
  
  //Use this when I want one or the other instead of letting them overlay
  Parts.els.faces.value = 0;
  State.face = 0;
  document.getElementById("inputSliderFaces").value = 0;
  document.getElementById("sliderFaces").value = 0;
  
  //document.getElementById("lockFaces").checked = true;
  //document.getElementById("lockHeads").checked = false;
  
  Parts.els.heads.value = Math.floor(Math.random() * (useItemNum - useMinNum + 1)) + useMinNum;
	  State.head = Parts.els.heads.value;
	  document.getElementById("inputSliderHeads").value = Parts.els.heads.value;
	  document.getElementById("sliderHeads").value = Parts.els.heads.value;
	  
  document.getElementById("inputSliderHeads").max = useItemNum;
  document.getElementById("sliderHeads").max = useItemNum;
  document.getElementById("inputSliderHeads").min = useMinNum;
  document.getElementById("sliderHeads").min = useMinNum;
  
};


//-------------------------------------------------------------------------------


$("#type_champion").onclick = () => {
					randomizeclr.click();
					pick_item_Hd_Max();
					pick_item_Hd_Range(1,25);
	}

$("#type_warrior").onclick = () => {
					randomizeclr.click();
					pick_item_Hd_Max();
					pick_item_Hd_Range(165,184);
	}

$("#type_samurai").onclick = () => {
					  
		randomizeclr.click();			  
		pick_item_Hd_Max();
		
		let randomNumber = Math.floor(Math.random() * 2);

		if (randomNumber === 1) {	pick_item_Hd_Range(29,34);	}

		if (randomNumber === 0) {	pick_item_Hd_Range(13,16);	}				  
	}


	
$("#type_magician").onclick = () => {
	
		randomizeclr.click();			  
		pick_item_Hd_Max();
	
		let randomNumber = Math.floor(Math.random() * 2);

		if (randomNumber === 1) {	pick_item_Hd_Range(35,40);	}
		
		if (randomNumber === 0) {	pick_item_Hd_Range(42,49);	}
	}
	
$("#type_wizard").onclick = () => {

		randomizeclr.click();			  
		pick_item_Hd_Max();
		
		let randomNumber = Math.floor(Math.random() * 3);

		if (randomNumber === 1) {	pick_item_Hd_Range(40,42);	}

		if (randomNumber === 0) {	pick_item_Hd_Range(49,51);	}

		if (randomNumber === 2) {	pick_item_Hd_Range(57,63);	}
		
	}
	
	
$("#type_sage").onclick = () => {

		randomizeclr.click();			  
		pick_item_Hd_Max();

		let randomNumber = Math.floor(Math.random() * 2);

		if (randomNumber === 1) {	pick_item_Hd_Range(241,249);	}

		if (randomNumber === 0) {	pick_item_Hd_Range(35,41);		}

	}
	
$("#type_rogue").onclick = () => {
		randomizeclr.click();			  
		pick_item_Hd_Max();
		pick_item_Hd_Range(241,272);				  
	}

$("#type_pirate").onclick = () => {

		randomizeclr.click();			  
		pick_item_Hd_Max();
		
		let randomNumber = Math.floor(Math.random() * 2);

		if (randomNumber === 1) {	pick_item_Hd_Range(184,197);	}

		if (randomNumber === 0) {	pick_item_Hd_Range(264,273);	}

	}

$("#type_scout").onclick = () => {
	
		randomizeclr.click();			  
		pick_item_Hd_Max();
		
		let randomNumber = Math.floor(Math.random() * 4);

		if (randomNumber === 1) {	pick_item_Hd_Range(307,315);	}

		if (randomNumber === 0) {	pick_item_Hd_Range(184,186);	}
		
		if (randomNumber === 2) {	pick_item_Hd_Range(197,200);	}
		
		if (randomNumber === 3) {	pick_item_Hd_Range(289,293);	}	

	}

$("#type_ninja").onclick = () => {
					
		randomizeclr.click();			  
		pick_item_Hd_Max();
		pick_item_Hd_Range(201,210);
	}

$("#type_spy").onclick = () => {
	
		randomizeclr.click();			  
		pick_item_Hd_Max();
		
		let randomNumber = Math.floor(Math.random() * 3);

		if (randomNumber === 1) {	pick_item_Hd_Range(211,216);	}

		if (randomNumber === 0) {	pick_item_Hd_Range(219,224);	}
		
		if (randomNumber === 2) {	pick_item_Hd_Range(229,233);	}

	}


$("#type_hunter").onclick = () => {
	
		randomizeclr.click();			  
		pick_item_Hd_Max();
		
		let randomNumber = Math.floor(Math.random() * 5);

		if (randomNumber === 1) {	pick_item_Hd_Range(64,68);		}

		if (randomNumber === 0) {	pick_item_Hd_Range(75,81);		}
		
		if (randomNumber === 2) {	pick_item_Hd_Range(186,195);	}
		
		if (randomNumber === 3) {	pick_item_Hd_Range(237,240);	}
		
		if (randomNumber === 4) {	pick_item_Hd_Range(271,273);	}
	}

$("#type_king_queen").onclick = () => {
	
		randomizeclr.click();			  
		pick_item_Hd_Max();
	
		pick_item_Hd_Range(24,29);
	}

$("#type_archer").onclick = () => {	

		randomizeclr.click();			  
		pick_item_Hd_Max();
		
		pick_item_Hd_Range(52,63);
	
	}
	
$("#type_pets").onclick = () => {

		randomizeclr.click();			  
		pick_item_Hd_Max();
		
		pick_item_Hd_Range(103,127);
	}
	
$("#type_dragon_dino").onclick = () => {
	
		randomizeclr.click();
		pick_item_Hd_Max();
		
		let randomNumber = Math.floor(Math.random() * 2);

		if (randomNumber === 1) {	pick_item_Hd_Range(79,85);		}

		if (randomNumber === 0) {	pick_item_Hd_Range(186,189);	}	
	}
	
$("#type_animals").onclick = () => {
	
		randomizeclr.click();			  
		pick_item_Hd_Max();
	
		let randomNumber = Math.floor(Math.random() * 5);

		if (randomNumber === 1) {	pick_item_Hd_Range(68,75);		}

		if (randomNumber === 0) {	pick_item_Hd_Range(85,87);		}
		
		if (randomNumber === 2) {	pick_item_Hd_Range(90,95);		}
		
		if (randomNumber === 3) {	pick_item_Hd_Range(98,101);		}
		
		if (randomNumber === 4) {	pick_item_Hd_Range(233,235);	}
	}
	
$("#type_super_soldier").onclick = () => {

		randomizeclr.click();			  
		pick_item_Hd_Max();

		let randomNumber = Math.floor(Math.random() * 2);

		if (randomNumber === 1) {	pick_item_Hd_Range(275,293);	}

		if (randomNumber === 0) {	pick_item_Hd_Range(298,306);	}

	}
	
$("#type_space_racer").onclick = () => {
	
		randomizeclr.click();			  
		pick_item_Hd_Max();
		
		let randomNumber = Math.floor(Math.random() * 5);

		if (randomNumber === 1) {	pick_item_Hd_Range(49,51);		}

		if (randomNumber === 0) {	pick_item_Hd_Range(181,184);	}
		
		if (randomNumber === 2) {	pick_item_Hd_Range(235,238);	}
		
		if (randomNumber === 3) {	pick_item_Hd_Range(293,295);	}
		
		if (randomNumber === 4) {	pick_item_Hd_Range(307,314);	}
	}
	
	
$("#type_cyber_android").onclick = () => {

		randomizeclr.click();			  
		pick_item_Hd_Max();
		
		let randomNumber = Math.floor(Math.random() * 6);

		if (randomNumber === 1) {	pick_item_Hd_Range(197,200);	}

		if (randomNumber === 0) {	pick_item_Hd_Range(216,219);	}
		
		if (randomNumber === 2) {	pick_item_Hd_Range(286,288);	}
		
		if (randomNumber === 3) {	pick_item_Hd_Range(295,298);	}
		
		if (randomNumber === 4) {	pick_item_Hd_Range(314,318);	}
		
		if (randomNumber === 5) {	pick_item_Hd_Range(324,330);	}
	}
	
$("#type_tvbmo").onclick = () => {
		randomizeclr.click();			  
		pick_item_Hd_Max();
		pick_item_Hd_Range(151,164);
	}
	
$("#type_robots").onclick = () => {

		randomizeclr.click();			  
		pick_item_Hd_Max();
		
		let randomNumber = Math.floor(Math.random() * 10);

		if (randomNumber === 0) {	pick_item_Hd_Range(5,7);		}

		if (randomNumber === 1) {	pick_item_Hd_Range(11,12);		}

		if (randomNumber === 2) {	pick_item_Hd_Range(15,16);		}
		
		if (randomNumber === 3) {	pick_item_Hd_Range(159,163);	}
		
		if (randomNumber === 4) {	pick_item_Hd_Range(165,169);	}
		
		if (randomNumber === 5) {	pick_item_Hd_Range(181,184);	}

		if (randomNumber === 6) {	pick_item_Hd_Range(256,257);	}
		
		if (randomNumber === 7) {	pick_item_Hd_Range(281,284);	}
		
		if (randomNumber === 8) {	pick_item_Hd_Range(319,328);	}
		
		if (randomNumber === 9) {	pick_item_Hd_Range(330,333);	}
	}
	
$("#type_aliens").onclick = () => {
		randomizeclr.click();			  
		pick_item_Hd_Max();
		pick_item_Hd_Range(128,150);
	}
	

$("#type_orcs_ogre").onclick = () => {

		randomizeclr.click();			  
		pick_item_Hd_Max();
		
		let randomNumber = Math.floor(Math.random() * 7);

		if (randomNumber === 0) {	pick_item_Hd_Range(87,90);		}

		if (randomNumber === 1) {	pick_item_Hd_Range(93,101);		}

		if (randomNumber === 2) {	pick_item_Hd_Range(124,125);	}
		
		if (randomNumber === 3) {	pick_item_Hd_Range(141,143);	}
		
		if (randomNumber === 4) {	pick_item_Hd_Range(147,148);	}
		
		if (randomNumber === 5) {	pick_item_Hd_Range(195,197);	}

		if (randomNumber === 6) {	pick_item_Hd_Range(224,228);	}
	}
	
//$("#pick_face_hair_1").addEventListener("click", () => pick_face_Hair(Number));

const pick_face_Hair = (useItemNum) => {

					  Parts.els.faces.value = useItemNum;
					  State.face = Parts.els.faces.value;
					  document.getElementById("inputSliderFaces").value = Parts.els.faces.value;
					  document.getElementById("sliderFaces").value = Parts.els.faces.value;
					  
					  
					    Parts.els.heads.value = 0;
						State.head = 0;
						document.getElementById("inputSliderHeads").value = 0;
						document.getElementById("sliderHeads").value = 0;
};