let Ba = ['93c7aa1d4d35a2cc14c7676608a8617919b99762468a089be43b2314cee6a826i0','f18fb8b417b3d6b729f5688894d9ff3bdfaa5f0cac1a773cd4f12ea17be60125i0','36be6adc5e9f979fefac5d9bca560c94748c8c694da0c098261fd1bef2f07162i0','75dd9c8f0a481a3103725d0035e4417d69f531919cf713dda2a3fb9b2ba87800i0','15f6ce38dd66a9ffb008f7d4acfa38fe4665a64e63f1b95386517853b7131ba8i0','21588550233d7f95bb778a5077778871bda4927496831e5a3c9191819839e219i0','452cc710b7b2b4dee256826d998e3ceea3c6e807e5adddf71ac9554419f3fdc4i0','2d91be1cc3421ce8fcd4eae12ae355aa6815d7fe762dbbead7f3fd3ea516714ai0','a45fe3f1ea649cd6e261f835275caea5b56cd40def3e5fefc1aa0c38e53759f5i0','3deb4b6e47f2dc3eff4868d00a7a132d8d2cb608853bc30af91c291a776b0903i0'];
let Cl = ['0123630be79ee1a7b2654defe7a02d36e17785c5526e1eca1c5a7da81eee9568i0','17e15d7a7f7e63dd926b5b9a168d8a5e86162ab836caae57db615d79959a48afi0','1ca7eeef478ba911b081605364baeac0ee5f39b3fc85db85f6764fe187ed41a7i0','c4cb22f41e25071b0c367352913b0432182e86213d153e0ad3665df3038bac53i0','31bce16b4f9aeb2e57c9e6605609062159927b64681e8983b53a61dc001f09b6i0','3db9e5bd82150ebda2febec90c15b4132c45b8adb2c36479e9428fc1531fec94i0','4e65c456b0190f7b6fb097abfdedfad8107edf7e4f4fe7c23f5789e42746e5a7i0','5746d615b2774d6bc6fbdce9f87e0b763cb86f4721b03283aaf9ae0f50792880i0','683e45795076eeb4585a0d54377c99500072b1c2c24e33794cc91e0eff357d3fi0','726119bbd9e97c3358b6bbabd07ce59f0b2230b7d7a9956caf9575259b7003bdi0','dad368ef6c0f7fe54a9e86947b99cfb1179ebe30fa81598d9247e8387d1de5dfi0','829586819de73ff6dad84f4453728f635ce88d7b91e40ef3bfb5f3bd2cb6d37bi0','82ad28f7c7bc8072d61968e536edbcf5c1042548b9e6de35280f784d58814dcei0','83654a211938e35f454a397ff80855cf28cae0e87eda729be4858da948ac693di0','fb9bf82945ec8d55f890a627d72eed0c6fd4bf28ec84b980b5fe1fdfddbb5b61i0','943f9bee2326bfcee6b8a45c270c0c248895c5e1dfc77f4cca45c4c7303051f0i0','94639d29a743772c307c50b852f1d26a532370e4287de6cca8202f8aa2e56e96i0','9ba8fb063c4ca5a335b4ff3def3cfa62a3b50218b06605b9703dcc1e755027a9i0','9c1fa0084aad5a56e5e8759f2614158678b0adc29dacee19d3d98851bd373428i0','a7a065ef9e53fa4caab9e89ad31b0b59b291345a29b1d43b3e676ceb3b10e2adi0','bbf95d84862d2fded81234a6c106564a52bce5352dd0a5c30141bb667447d2eci0','747aaa55f401241b88aac1441dab14e328e8bf8cb97f771ef7e840f2f51f4ddei0','8813d71c8753e25e8781e30056623eaf4b826f2626c5efb432829c4da7dd6a5ci0','e8eee8df62e38eec7c85f50d55786ee294b32f281f2df1f5a463ebcdaa913066i0','efc16562e8def81c8266113404ae2fcd1c87b5177c23096d5026b1c7d5cfaaeci0','f849b06e1cbdb15234e710d591fbd2016ae8923d412eeda6d04b659b0a968ac0i0'];
let Ea = ['2fe6760b4ef8fc2dbb3ccb8a0688d3bfecb860ef77051486b92df4cf72f6f5fdi0','02edb0b957a35e7c61ec8601abb929675730338eae903e5fc06d2d7ec4e87d29i0','c369d542d1d12fda87f18c1530802f7601e6d29d9141e8f2a24f8ea55109df31i0','f117ccee943a44bf7864108a720255e0e8b154b11cc85f657a7a450db34018e2i0','098ccf350c4445f96bc29db7abbf8f0e1e6ac40d3f1c7c1b4ab7c855b1106622i0','09184df3967567811afa0bd93ca3898a45e5f25925f18fadfef4bc1955a92597i0'];
let Ey = ['9e70b50648dd84476e2bdc84b1d4ab1dfe6b23f4318aaee67c621c851e7deea7i0','6df2b67270784bf8e49ee29969923399424def463d1d78266118e3df2a083530i0','6ac3e3c92d682d393941ba94cf4724ae29389fbabe897b69ceba96baa7e3b43bi0','a70605bef16f0fd220bd6b48e5fc78c27a14da4727ecaa83503311bcd3fe70e6i0','a3bb658ec27e002c0e41f3ad0439d3858f3713f49fd5ba2181e8e322ef47c57ai0','d315ce4e943b95ea428a765b03c37fcba88233adf1106c390a8c9e172f0ec1c5i0','2d2c03fd12a84ca17beb5be188752936328c02e1e13a6dca45995708ca07538di0','63c167db1377290527485b0fa3b2c49b160c99895ef50bc40777258e96d1a5f1i0','b20b0502c5f6058c753fe77a6d5c089c7b320b7be6ebcb1ac8147811dc2df6d9i0','626d1a518fda38438d57e5ae69802c870463e81edcb53a95981c93db8b7c30dbi0','b25bb8388b1b9ae157939f1476f2d90e4142a99153b7283866ce224fbdc54159i0'];
let He = ['0064d2cbdf67d02cb24bbecf37c08e8a8ae781fc58b8741355d0a8b0876fe03fi0','12732ad1d8dab36860215b680c9a88682190dbfcf5829687e24ffbe8bbea8dadi0','142e6d1870ef99dc651399fd9bcd031a3b58f511510ac729fba6d32d7115c42ei0','1d9959a510d5ad08e9f326e7dec613e5b9b724affa1d36c08f0574a85da8681fi0','30a803a0b512935c127286857567a5e1ed1f902bf65d3ad15f591a6e4861a53ci0','3a334a1565a1565d102d29a3ebf6284176425085c5971a6a5de8f3a3d45a6d17i0','3fda00f2e2c7b600795df919af721e68dc22addf78d57aff7e4e2aac71401692i0','5017ff6d8776ef355d2491040d16c6b1bb42f6bb6ba12abea43d377976f809dei0','52bfb12b91ad30c748889e03338284693c024fb3f1f4ad565be5155dd3cb7103i0','54509a99d30cdc641c098950d22fa7fabe944774ecffc4bf656c8d281bcdbdcai0','5e904b132c2574b8bd6ab7f9736a9f8c15489a30b67158a554b78f77e7f850e3i0','5efe1f3a5c23c289ea974b0808d3eedcceca2f9178459947c8e5068e40718e20i0','6072caf641870a048f10df38b01bc5374dfde9211b6593e595fd56ea619151aai0','1b48a70d51246aa384853ab9da7f11594d40223bd10baa4f35bcfe55f16809bei0','63e9b3622122d730dcca6962941a25667423ea72543695402140cff13c4d8a23i0','6a3510e9ac892f60ed877d8532b9aba3f86f8dd293f4874326b909253f71574ai0','6d77e7baeb08abc53aabf82a5e7aa31226a927e90a7e689a005909e80a63a14di0','6ed007eaa30b413a22c0eb089cdb9286c68ca60c85f16d1c2418bfd3c6acf689i0','7d2900f8068511d02530a4af8c117c115d99835eb794e599adf465721358b8d4i0','818453af03795b0d1a47969338827df1b141d3dd6f901920bcd542e128f1c96ei0','854352341d498b3abcdff1306736c1f37962b8c4ee12dffc2a3f1e76a6ca1593i0','88c094b58fb430e81ddc36803f603aeb7c1080c01dea30fb4acc88fbba05bac3i0','8b76da1bf1be04d3a36e3d7984baf26f8ad8407292ca5ce24eb171ac7e5941f1i0','8dc2323a86be6dbfb27f3e88d0591049f3a1085c60dbd1c113be82218942bc6bi0','8ecc26f464a1ffc561c543364a987bf83819263a682b5844cbc26695e1bdfcaci0','9d7a6879f40ade76047b7f02fe524809b2ef9b9b63473e95a21fb7937cb68198i0','9fad2652d38a26d378b6bb8f779b83d829139a200cf71d7d555d786d78556e86i0','a9051ad429b6c6d6a0ce7ff564a4bfe4d050558e647b45391eb1424fabfdf692i0','ac2bb3a3ad4f1c950578fcde267b88b0b6793d0b19f52636f2239905a1c02a9di0','b3449ae9f07bb7b0c94c55a9c75efb1adb0024e9d70a069443a7e580e9073ab2i0','b9f966eaf4b405b5c264b03427951635378458cf5c37196a31246aecc75b8efbi0','c75f68b8aeba2c7ae206c6f7140067f8854c451407f66060b625a481eec8aca2i0','0616e69572422172715cdd83af4e4cc83f78a5ec737f217f3eebbc4015f6a5bfi0','ac6f12b7fe80aee01264e26ecac73b6acc8ea612a1d71ff520b45c6c9b84b543i0','e5d5336f90d84eefc249d04064a6faed9e932d895e5453b04e14b67e84136b45i0','e6917b4dc3eff1ab706fc68804eff773178102c02053efbb758fe47a39e9baa2i0','ee097c9811d816c349e0bc5bf1db927b43991c53d85513127d3977ff8b15f49fi0','effab3dab1984373abdbccf8cf13860680d468045fb584e42705ceeaecbc6995i0','8870d3b176cb50a952d8aaaa297edd52af891b5687e82772afaffed6fede177ci0','15ef7ee493aa23a6ac01432dfec2303d1279ae43160933318be94fa502616cfci0','f9df6f16c62f3534fbceae9c0a617f45a8041c502e4d66a1aef9dd645e515376i0','179fc8f3edcfc908e0e6b764f16d3038e33274291de38ae570fa443a7d399d4ai0','44026721e8f6d5bbf512dad87c4bdd5aa9825fbcd3da4aa0229738e4d7fb5d3ei0'];
let Mo = ['1d90257e4f5e9c7fce9973edafadd41eeb6f619c7e433de72d86ac7a7e4479e0i0','981b5edeccebb0586a15fd72b455aee6e868518535e3bb973520fd4b7cda2d6ai0','1f1abd1b0faf7b54847251bda2f60fe8c3e624993a9669f0af6107b8513a8881i0','dcd999b1598a7e7f43ca4d6e5b3b2dc8d56db3f0c82c944c6a38c221994e6b8ei0','f14201ec7ae1b370666ea5a22116562efbfa949942e80ba8e7f9bd3336ffefcbi0','6eac0c41c2a56f91e2df1c6cacb243e722b168d001960da1f83423e75a4e99c9i0','9fd33245f95761fe3c105a71a8380ceb58a1def47c8395f072708064099bd21fi0','8471a9ee4ed5623ae434b603d4c97c2f28fde55ed759d496d1bfc8da6ae30145i0','07a4df2840399b49d2db0ea4cad1dcd45c3de93e3fb37c0b8eb07aee0270fb41i0','d9699a0ce1dc38eed8e8ebde619fa32d8a18a0bd92384fa8bbb3f01aad1672f3i0','3ff873ae073fa681129a181ed2470eee0517acb4ba1c348d5c4fa159c5c03259i0','c42494fd81a57ec59b0fea5ce98abedb73fc4129d7b90b690fb3b173de88fdb5i0','34e225a3f564041b4d3f063ed29605845abf11a13be37e5159418484ff8c8406i0','788e8a2cc376e3fdc825b88307b5db07de70a58dc16c7cfd05f877f27a809ac4i0','f54ad0d9aa450d4b710b65d0ea08f222491a08826b9fa6b3438af5239092951fi0'];
let Sk = ['258ac3349efd5eaea3eebbaccc715c04bdce3705232e56945b919d1c6bb76b28i0','38b802a6072ab3502849cd7c9cf5718e241e54409472039ff6f9df7c874b8e87i0','3bc030ffcf2c2694b6a6ea82cbca2998aaf92ccf3245d5f7edb37488d8849599i0','3d7c008320367c3a553c706552407cd11a1c4ea57b969cae30c6bf01701f5536i0','9fc43d2d1dbe95907e1274fbacf62ee7037b1acfaccb11378c263145d512f0eai0','bbccd7abbef062022fb7b37c28c47c031eed51516041ebcbe74e5750b928440ai0','d5a6871dac1fe7d57ab0c9542e5db0822a90a5cc1cc94ace690302526ae1fc7bi0','d6d935ae658f2ea46e67e8d65ef8a809bac791ba691752f92cd7ccb09fb21142i0','ecf78273dd252d4b6ce8077e399f59516a458db256409d6e1d4bf7312ff9aa4fi0','ef7a88115042959bdef47ab8b0679f65cddced8c7ea4b1c3f061ed01fa7a8f62i0'];

function trait(imageId) {
    // Create the main container div
    var container = document.createElement('div');
    container.classList.add('pixelated-image-container');

    // Create the image element
    var img = document.createElement('img');
    img.src = '/content/' + imageId;
    img.alt = 'Alien Gringos';
    img.classList.add('pixelated-image');

    // Append the image to the container
    container.appendChild(img);

    // Return the created container
    return container;
}

	  let img, bg;
	  let db = document.body;

	  function fail_save(index, trait) {
	      let result;
	      if ((index >= 0) && (index <= (trait.length - 1))) {
		  result = index;
	      }
	      else {
		  result = 0;
	      }
	      return trait[result];
	  }
	  
function alien_gringo(a,b,c,d,e,f,g){
// Append the created container to the body (or any other element)
   db.appendChild(trait(fail_save(a,Sk))); //Skin 0,..,9
   db.appendChild(trait(fail_save(b,Cl))); //Clothing 0,..,25
   db.appendChild(trait(fail_save(c,He))); //Headgear 0,..,42
   db.appendChild(trait(fail_save(d,Mo))); //Mouth 0,..,14
   db.appendChild(trait(fail_save(e,Ey))); //Eyes 0,..,10
   db.appendChild(trait(fail_save(f,Ea))); //Earrings 0,..,5

    // Create a new div element
         var sceneDiv = document.createElement('div');
         // Set the id attribute of the div
         sceneDiv.id = 'scene';

         // Append the div to the body (or any other element you want)
         db.appendChild(sceneDiv);
    bg = fail_save(g,Ba);
}

function preload() {
      img = loadImage('/content/' + bg);
    }