Upload poke.js

poke.js

@@ -1,178 +1,73 @@
-//Data exceptions (poke-api isn't fully updated)
-const weezingabilities = {
-    "abilities": [
-        {
-            "ability": {
-                "name": "levitate",
-                "url": "https://pokeapi.co/api/v2/ability/69/"
-            },
-            "is_hidden": false,
-            "slot": 1
-        },
-        {
-            "ability": {
-                "name": "neutralizing-gas",
-                "url": "https://pokeapi.co/api/v2/ability/5/"
-            },
-            "is_hidden": false,
-            "slot": 2
-        },
-        {
-            "ability": {
-                "name": "stench",
-                "url": "https://pokeapi.co/api/v2/ability/125/"
-            },
-            "is_hidden": true,
-            "slot": 3
-        }
-    ]
-}
-
-const aegislashstats = {
-    "stats": [
-        {
-            "base_stat": 60,
-            "effort": 0,
-            "stat": {
-                "name": "hp",
-                "url": "https://pokeapi.co/api/v2/stat/1/"
-            }
-        },
-        {
-            "base_stat": 50,
-            "effort": 0,
-            "stat": {
-                "name": "attack",
-                "url": "https://pokeapi.co/api/v2/stat/2/"
-            }
-        },
-        {
-            "base_stat": 140,
-            "effort": 2,
-            "stat": {
-                "name": "defense",
-                "url": "https://pokeapi.co/api/v2/stat/3/"
-            }
-        },
-        {
-            "base_stat": 50,
-            "effort": 0,
-            "stat": {
-                "name": "special-attack",
-                "url": "https://pokeapi.co/api/v2/stat/4/"
-            }
-        },
-        {
-            "base_stat": 140,
-            "effort": 1,
-            "stat": {
-                "name": "special-defense",
-                "url": "https://pokeapi.co/api/v2/stat/5/"
-            }
-        },
-        {
-            "base_stat": 60,
-            "effort": 0,
-            "stat": {
-                "name": "speed",
-                "url": "https://pokeapi.co/api/v2/stat/6/"
-            }
-        }
-    ]
-}
-
-const types = new Array(
-    [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.5, 0, 1, 1, 0.5, 1, 1],// Normal
-    [1, 0.5, 0.5, 1, 2, 2, 1, 1, 1, 1, 1, 2, 0.5, 1, 0.5, 1, 2, 1, 1],// Fire
-    [1, 2, 0.5, 1, 0.5, 1, 1, 1, 2, 1, 1, 1, 2, 1, 0.5, 1, 1, 1, 1],// Water
-    [1, 1, 2, 0.5, 0.5, 1, 1, 1, 0, 2, 1, 1, 1, 1, 0.5, 1, 1, 1, 1],// Electric
-    [1, 0.5, 2, 1, 0.5, 1, 1, 0.5, 2, 0.5, 1, 0.5, 2, 1, 0.5, 1, 0.5, 1, 1],// Grass
-    [1, 0.5, 0.5, 1, 2, 0.5, 1, 1, 2, 2, 1, 1, 1, 1, 2, 1, 0.5, 1, 1],// Ice
-    [2, 1, 1, 1, 1, 2, 1, 0.5, 1, 0.5, 0.5, 0.5, 2, 0, 1, 2, 2, 0.5, 1],// Fighting
-    [1, 1, 1, 1, 2, 1, 1, 0.5, 0.5, 1, 1, 1, 0.5, 0.5, 1, 1, 0, 2, 1],// Poison
-    [1, 2, 1, 2, 0.5, 1, 1, 2, 1, 0, 1, 0.5, 2, 1, 1, 1, 2, 1, 1],// Ground
-    [1, 1, 1, 0.5, 2, 1, 2, 1, 1, 1, 1, 2, 0.5, 1, 1, 1, 0.5, 1, 1],// Flying
-    [1, 1, 1, 1, 1, 1, 2, 2, 1, 1, 0.5, 1, 1, 1, 1, 0, 0.5, 1, 1],// Psychic
-    [1, 0.5, 1, 1, 2, 1, 0.5, 0.5, 1, 0.5, 2, 1, 1, 0.5, 1, 2, 0.5, 0.5, 1],// Bug
-    [1, 2, 1, 1, 1, 2, 0.5, 1, 0.5, 2, 1, 2, 1, 1, 1, 1, 0.5, 1, 1],// Rock
-    [0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 1, 1, 2, 1, 0.5, 1, 1, 1],// Ghost
-    [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 1, 0.5, 0, 1],// Dragon
-    [1, 1, 1, 1, 1, 1, 0.5, 1, 1, 1, 2, 1, 1, 2, 1, 0.5, 1, 0.5, 1],// Dark
-    [1, 0.5, 0.5, 0.5, 1, 2, 1, 1, 1, 1, 1, 1, 2, 1, 1, 1, 0.5, 2, 1],// Steel
-    [1, 0.5, 1, 1, 1, 1, 2, 0.5, 1, 1, 1, 1, 1, 1, 2, 2, 0.5, 1, 1],// Fairy
-    [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]);// None
-
-const typeName = ["normal", "fire", "water", "electric", "grass", "ice", "fighting", "poison", "ground", "flying", "psychic", "bug", "rock", "ghost", "dragon", "dark", "steel", "fairy"];
 var result1 = new Array();
 var result2 = new Array();
-
-var chk = []
-var ids2 = []
-
-var saveInit = -1
-var saveBtn = true
-var saveIndex = 0
-var saves = [] //List of fusions made
-
 var typeComp = 0;
 
+var mon1, mon2;
+var num1, num2;
+var mon1stats, mon2stats;
+var mon1types, mon2types;
+var mon1abilities, mon2abilities;
+var jsonBody;
+
 //Adding options to datalist
 var box1 = document.getElementById('fname1');
 var box2 = document.getElementById('fname2');
-var box3 = document.getElementById('fname3');
 var dl = document.createElement('datalist');
 dl.id = 'dlPkmn';
 
-for (var i = 0; i < ids.length; i += 1) {
+for (var i=0 ; i < ids.length; i += 1) {
     var option = document.createElement('option');
     //Special name case
-    option.value = nameCheck(ids[i][0])
+    if (nameFix.includes(ids[i][0].toLowerCase())) {
+        var val = nameException[nameFix.indexOf(ids[i][0].toLowerCase())]
+        option.value = val[0].toUpperCase() + val.substring(1)
+    }
+    else {
+        option.value = ids[i][0];
+    }
     dl.appendChild(option);
 }
 box1.appendChild(dl);
 box2.appendChild(dl);
-box3.appendChild(dl);
-
-//Press 'Enter' event
-document.addEventListener("keydown", function (event) {
-    key = event.key || event.keyCode
-    if (key == 'Enter' || key == 13) {
-        if (box1 === document.activeElement && box1.value.length != 0) {
-            box1.value = nameCheck(outputClosest(box1.value))
-        } else if (box2 === document.activeElement && box2.value.length != 0) {
-            box2.value = nameCheck(outputClosest(box2.value))
-        }
-    if (box1.value.length != 0 && box2.value.length != 0) {
-        verifInputs()
-        }
+
+
+//Press ENTER on text area 1
+var pkmn1 = document.getElementById('fname1');
+pkmn1.addEventListener("keydown", function(event) {
+    if (event.keyCode === 13) {
+        event.preventDefault();
+        document.getElementById("button").click();
     }
 });
 
+
+//Press ENTER on text area 2
+var pkmn2 = document.getElementById('fname2');
+pkmn2.addEventListener("keydown", function(event) {
+    if (event.keyCode === 13) {
+        event.preventDefault();
+        document.getElementById("button").click();
+    }
+});
+
+
 //Empty pokemon text area
 function resetPoke() {
     document.getElementById("fname1").value = null;
     document.getElementById("fname2").value = null;
-    document.getElementById("fname3").value = null;
-    document.getElementById("p1").src = "Types/null.png";
+    document.getElementById("p1").src = "types/unknown.png";
     document.getElementById("p2").style = "display:none";
-    document.getElementById("p3").style = "display:none";
-    document.getElementById("p4").src = "Types/null.png";
-    document.getElementById("p5").style = "display:none";
-    document.getElementById("p6").style = "display:none";
-    document.getElementById("p7").src = "Types/null.png";
-    document.getElementById("p8").style = "display:none";
-    document.getElementById("p9").style = "display:none";
+    document.getElementById("p3").src = "types/unknown.png";
+    document.getElementById("p4").style = "display:none";
     document.getElementById("pic1").src = "question.png";
     document.getElementById("pic2").src = "question.png";
-    document.getElementById("pic3").src = "question.png";
 
-    /*document.getElementById("IG1").innerHTML = "";
-    document.getElementById("IG2").innerHTML = "";
-    document.getElementById("IG3").innerHTML = "";*/
-
-    document.getElementById("FP1").innerHTML = "mon1/mon3/mon2";
-    document.getElementById("FP2").innerHTML = "mon1/mon2/mon3";
-    document.getElementById("FP3").innerHTML = "mon2/mon3/mon1";
+    document.getElementById("dexnumber1").innerHTML = "&nbsp;";
+    document.getElementById("dexnumber2").innerHTML = "&nbsp;";
+    document.getElementById("fusionid1").innerHTML = "&nbsp;";
+    document.getElementById("fusionid2").innerHTML = "&nbsp;";
+    document.getElementById("FP1").innerHTML = "mon1/mon2";
+    document.getElementById("FP2").innerHTML = "mon2/mon1";
 
     document.getElementById("hp1").innerHTML = "HP: ";
     document.getElementById("atk1").innerHTML = "ATK: ";
@@ -182,6 +77,7 @@ function resetPoke() {
     document.getElementById("spe1").innerHTML = "SPEED: ";
     document.getElementById("bs1").innerHTML = "TOTAL: ";
     document.getElementById("ab1").innerHTML = "ABILITY:";
+    document.getElementById("hab1").innerHTML = "";
 
     document.getElementById("hp2").innerHTML = "HP: ";
     document.getElementById("atk2").innerHTML = "ATK: ";
@@ -191,581 +87,623 @@ function resetPoke() {
     document.getElementById("spe2").innerHTML = "SPEED: ";
     document.getElementById("bs2").innerHTML = "TOTAL: ";
     document.getElementById("ab2").innerHTML = "ABILITY:";
-
-    document.getElementById("hp3").innerHTML = "HP: ";
-    document.getElementById("atk3").innerHTML = "ATK: ";
-    document.getElementById("def3").innerHTML = "DEF: ";
-    document.getElementById("spatk3").innerHTML = "SPE.ATK: ";
-    document.getElementById("spdef3").innerHTML = "SPE.DEF: ";
-    document.getElementById("spe3").innerHTML = "SPEED: ";
-    document.getElementById("bs3").innerHTML = "TOTAL: ";
-    document.getElementById("ab3").innerHTML = "ABILITY:";
+    document.getElementById("hab2").innerHTML = "";
 
     document.getElementById("weak14").innerHTML = "x4: ";
     document.getElementById("weak12").innerHTML = "x2: ";
-    document.getElementById("weak11").innerHTML = "x1: ";
+    document.getElementById("weak11").innerHTML = "x1: "; 
     document.getElementById("weak105").innerHTML = "x0.5: ";
     document.getElementById("weak1025").innerHTML = "x0.25: ";
     document.getElementById("weak100").innerHTML = "x0: ";
 
     document.getElementById("weak24").innerHTML = "x4: ";
     document.getElementById("weak22").innerHTML = "x2: ";
-    document.getElementById("weak21").innerHTML = "x1: ";
+    document.getElementById("weak21").innerHTML = "x1: "; 
     document.getElementById("weak205").innerHTML = "x0.5: ";
     document.getElementById("weak2025").innerHTML = "x0.25: ";
     document.getElementById("weak200").innerHTML = "x0: ";
 
-    var L0 = ["hp1", "atk1", "def1", "spatk1", "spdef1", "spe1", "bs1"];
-    var L1 = ["hp2", "atk2", "def2", "spatk2", "spdef2", "spe2", "bs2"];
-    var L2 = ["hp3", "atk3", "def3", "spatk3", "spdef3", "spe3", "bs3"];
+    var L0 = ["hp1","atk1","def1","spatk1","spdef1","spe1","bs1"];
+    var L1 = ["hp2","atk2","def2","spatk2","spdef2","spe2","bs2"];
     for (var i = 0; i < L0.length; i++) {
         document.getElementById(L0[i]).style.color = "";
         document.getElementById(L1[i]).style.color = "";
-        document.getElementById(L2[i]).style.color = "";
     }
 }
 
-//Random pokemon
-function randomPoke() {
-    document.getElementById("random").disabled = true;
-    var idsRand = orderByEvo()
-    var rand1 = Math.floor(Math.random() * (idsRand.length))
-    var rand2 = Math.floor(Math.random() * (idsRand.length))
-    var rand3 = Math.floor(Math.random() * (idsRand.length))
-    document.getElementById("fname1").value = nameCheck(idsRand[rand1][0])
-    document.getElementById("fname2").value = nameCheck(idsRand[rand2][0])
-    document.getElementById("fname3").value = nameCheck(idsRand[rand3][0])
-    document.getElementById("button").click();
+
+function getRandomPokeID(){
+    maxPoke = 420
+    return Math.floor(Math.random() * Math.floor(maxPoke));
 }
 
-//Random pokemon for a specific input
-function randomHalf(inputField) {
-    var idsRand = orderByEvo()
-    var rand = Math.floor(Math.random() * (idsRand.length))
-    if (inputField == 1) {
-        box1.value = nameCheck(idsRand[rand][0])
-        if (box2.value.length > 0) {
-            document.getElementById("r1").disabled = true;
-            document.getElementById("button").click();
-        }
-    } else {
-        box2.value = nameCheck(idsRand[rand][0])
-        if (box1.value.length > 0) {
-            document.getElementById("r2").disabled = true;
-            document.getElementById("button").click();
-        }
-    } else {
-        box3.value = nameCheck(idsRand[rand][0])
-        if (box1.value.length > 0) {
-            document.getElementById("r3").disabled = true;
-            document.getElementById("button").click();
-        }
+
+function randomBothPoke() {randomPoke(true, true)}
+function randomFirstPoke() {randomPoke(true, false)}
+function randomSecondPoke() {randomPoke(false, true)}
+
+
+function randomPoke(should_rand1, should_rand2) {
+    buttons = document.getElementsByClassName("button");
+    for (let i = 0; i < buttons.length; i++) {
+        buttons[i].disabled = true;
+    };
+
+    if(should_rand1 || num1 == undefined) {rand1 = getRandomPokeID();}
+    else{rand1 = num1 - 1;}
+    if(should_rand2 || num2 == undefined) {rand2 = getRandomPokeID();}
+    else{rand2 = num2 - 1;}
+
+    var name = ids[rand1][0].toLowerCase();
+    if (nameFix.includes(name)) {
+        name = nameException[nameFix.indexOf(name)];
+    }
+    document.getElementById("fname1").value = name
+
+    var name2 = ids[rand2][0].toLowerCase();
+    if (nameFix.includes(name2)) {
+        name2 = nameException[nameFix.indexOf(name2)];
     }
+    document.getElementById("fname2").value = name2
+
+    fusePoke()
+}
+
+
+function getPokemonName(htmlId){
+    var pokemonName = (document.getElementById(htmlId)).value.toLowerCase();
+    pokemonName = pokemonName.replace(/\W/g, '');
+    return pokemonName;
 }
 
+
 //Fusion calculation function
 function fusePoke() {
 
     //Pokemon from both text area
-    var mon1 = (document.getElementById("fname1")).value.toLowerCase();
-    var mon2 = (document.getElementById("fname2")).value.toLowerCase();
-    var mon3 = (document.getElementById("fname3")).value.toLowerCase();
-    if ((mon1 == "" || mon1.length == 0 || mon1 == null) || (mon2 == "" || mon2.length == 0 || mon2 == null) || (mon3 == "" || mon3.length == 0 || mon3 == null)) {
-        document.getElementById("random").disabled = false
+    mon1 = getPokemonName("fname1");
+    mon2 = getPokemonName("fname2");
+
+    if (isMissingNames(mon1, mon2)) {
+        buttons = document.getElementsByClassName("button");
+    for (let i = 0; i < buttons.length; i++) {
+        buttons[i].disabled = false;
+    };
         alert("Please fill the two text inputs!");
-    } else {
-        //Special mon selector: Giratina, Deoxys
-        if (nameException.includes(mon1)) {
-            mon1 = nameFix[nameException.indexOf(mon1)];
-        }
-        if (nameException.includes(mon2)) {
-            mon2 = nameFix[nameException.indexOf(mon2)];
-        }
-        if (nameException.includes(mon3)) {
-            mon3 = nameFix[nameException.indexOf(mon3)];
+    }
+
+    // TODO : test if poke is in fangame
+    // idCheck
+
+    else {
+
+        // Nidoran clause
+        if(mon1=="nidoran" || mon2 =="nidoran"){
+            alert("Please specify a gender to Nidoran (f or m)");
         }
+        else{
 
-        //First request
-        var txhr = new XMLHttpRequest();
-        var poke1 = 'https://pokeapi.co/api/v2/pokemon/' + mon1;
-        txhr.open('GET', poke1, true);
-        txhr.send();
-        txhr.onload = function () {
-            var jsonBody = txhr.responseText;
-            if (jsonBody) {
-                try {
-                    a = JSON.parse(jsonBody);
-                } catch (e) {
-                    alert("The first pokemon was misspelled!"); // error in the above string (in this case, yes)!
-                }
+            //Special mon selector: Giratina, Deoxys
+            if (nameException.includes(mon1)) {
+                mon1 = nameFix[nameException.indexOf(mon1)];
             }
-            var jsonString = JSON.parse(jsonBody);
-
-            //ID selector for sprite showcase of the 1st mon/ Validator for 1st mon
-            var num1 = jsonString.id;
-            var id1 = num1;
-            var idCheck1 = false;
-            for (i = 0; i < ids.length; i++) {
-                if (ids[i][0] == mon1.charAt(0).toUpperCase() + mon1.slice(1)) {
-                    idCheck1 = true;
-                    num1 = ids[i][1];
-                }
+
+            if (nameException.includes(mon2)) {
+                mon2 = nameFix[nameException.indexOf(mon2)];
             }
-            if (idCheck1 == false && id1 >= 252) {
-                alert("The first pokemon isn't in the fangame!")
-            } else {
-                //Type selector for fusion type knowledge of the 1st mon
-                var type1 = jsonString.types;
-                var poke1 = 'https://pokeapi.co/api/v2/pokemon/' + type1[0].type.name;
-                var mon1types = [];
-                var compt = 0
-
-                //Exception mon selected for swapped types
-                for (i = 0; i < typeSwap.length; i++) {
-                    if (typeSwap[i][2] == mon1.charAt(0).toUpperCase() + mon1.slice(1)) {
-                        mon1types.push(typeSwap[i][0]);
-                        mon1types.push(typeSwap[i][1]);
-                        var compt = 1;
-                    }
-                }
 
-                //Exception mon selected for one type
-                for (i = 0; i < typeUni.length; i++) {
-                    if (typeUni[i][1] == mon1.charAt(0).toUpperCase() + mon1.slice(1)) {
-                        mon1types.push(typeUni[i][0]);
-                        var compt = 2;
+            // First request - version A
+            var xhr1a = new XMLHttpRequest();
+            var url1a = "https://pokeapi.co/api/v2/pokemon/" + mon1;
+            xhr1a.open('GET', url1a, true);
+            xhr1a.send();
+            xhr1a.onload = function() {
+                jsonBody = xhr1a.responseText;
+                if(jsonBody) {
+                    if(jsonBody != "Not Found"){
+                        jp = JSON.parse(jsonBody);
+                        fuseFirstPoke(jp);
                     }
-                }
-
-                //Type of 1st mon
-                if (compt == 0) {
-                    mon1types.push(type1[0].type.name);
-                    if (type1.length == 2 && compt != 2) {
-                        if (type1[0].type.name == "normal" && type1[1].type.name == "flying") {
-                            mon1types[0] = "flying";
-                        } else {
-                            mon1types.push(type1[1].type.name);
+                    else{
+
+                        //First request - version B
+                        var xhr1b = new XMLHttpRequest();
+                        var url1b = "https://pokeapi.co/api/v2/pokemon/" + mon1 + "/";
+                        xhr1b.open('GET', url1b, true);
+                        xhr1b.send();
+                        xhr1b.onload = function() {
+                            jsonBody = xhr1b.responseText;
+                            if(jsonBody) {
+                                if(jsonBody != "Not Found"){
+                                    jp = JSON.parse(jsonBody);
+                                    fuseFirstPoke(jp);
+                                }
+                                else{
+                                    alert("First pokemon was misspelled ?");
+                                }
+                            }
+                            else{
+                                alert("PokeAPI is unreachable (1b)");
+                            }
                         }
                     }
                 }
-
-                //Stats of 1st mon
-                var mon1stats = [];
-                if (mon1 != "aegislash-shield") {
-                    var stats1 = jsonString.stats;
-                } else {
-                    var stats1 = aegislashstats.stats;
-                }
-                for (i = 0; i < stats1.length; i++) {
-                    mon1stats.push(stats1[i].base_stat)
+                else{
+                    alert("PokeAPI is unreachable (1a)");
                 }
+            }
+        }
+    }
+}
 
-                //Ability of 1st mon
-                var mon1abilities = [];
-                if (mon1 != "weezing") {
-                    var ab1 = jsonString.abilities;
-                } else {
-                    var ab1 = weezingabilities.abilities;
-                }
-                for (i = 0; i < ab1.length; i++) {
-                    mon1abilities.push([ab1[i].ability, ab1[i].is_hidden]);
-                }
 
-                //2nd request
-                var pxhr = new XMLHttpRequest();
-                var poke2 = 'https://pokeapi.co/api/v2/pokemon/' + mon2
-                pxhr.open('GET', poke2, true);
-                pxhr.send();
-                pxhr.onload = function () {
-
-                    var jsonBody = pxhr.responseText;
-                    if (jsonBody) {
-                        try {
-                            a = JSON.parse(jsonBody);
-                        } catch (e) {
-                            alert("The second pokemon was misspelled!"); // error in the above string (in this case, yes)!
-                        }
-                    }
-                    var jsonString = JSON.parse(jsonBody);
-
-                    //Name of fusion
-                    if (!nameFix.includes(mon1) && !nameFix.includes(mon2) && !nameFix.includes(mon3)) {
-                        var fmon1 = mon1.charAt(0).toUpperCase() + mon1.slice(1);
-                        var fmon2 = mon2.charAt(0).toUpperCase() + mon2.slice(1);
-                        var fmon3 = mon3.charAt(0).toUpperCase() + mon3.slice(1);
-                    } else if (nameFix.includes(mon1) && !nameFix.includes(mon2) && !nameFix.includes(mon3)) {
-                        var fmon1 = nameException[nameFix.indexOf(mon1)].charAt(0).toUpperCase() + nameException[nameFix.indexOf(mon1)].slice(1);
-                        var fmon2 = mon2.charAt(0).toUpperCase() + mon2.slice(1);
-                        var fmon3 = mon3.charAt(0).toUpperCase() + mon3.slice(1);
-                    } else if (!nameFix.includes(mon1) && nameFix.includes(mon2) && nameFix.includes(mon3)) {
-                        var fmon1 = mon1.charAt(0).toUpperCase() + mon1.slice(1);
-                        var fmon2 = nameException[nameFix.indexOf(mon2)].charAt(0).toUpperCase() + nameException[nameFix.indexOf(mon2)].slice(1);
-                    } else if (nameFix.includes(mon1) && nameFix.includes(mon2) && nameFix.includes(mon3)) {
-                        var fmon1 = nameException[nameFix.indexOf(mon1)].charAt(0).toUpperCase() + nameException[nameFix.indexOf(mon1)].slice(1);
-                        var fmon2 = nameException[nameFix.indexOf(mon2)].charAt(0).toUpperCase() + nameException[nameFix.indexOf(mon2)].slice(1);
-                    }
+function fuseFirstPoke(jsonString){
 
-                    //ID selector for sprite showcase of the 2st mon
-                    var num2 = jsonString.id;
-                    var id2 = num2;
-                    var idCheck2 = false;
-                    for (i = 0; i < ids.length; i++) {
-                        if (ids[i][0] == mon2.charAt(0).toUpperCase() + mon2.slice(1)) {
-                            idCheck2 = true;
-                            num2 = ids[i][1];
-                        }
-                    }
-                    if (idCheck2 == false && id2 >= 252) {
-                        alert("The second pokemon isn't in the fangame!")
-                    } else {
-
-                        //Name of fusions
-                        document.getElementById("FP1").innerHTML = fmon1 + "/" + fmon2;
-                        document.getElementById("FP2").innerHTML = fmon2 + "/" + fmon1;
-
-                        //Name of pictures
-                        var pic1 = num1 + "." + num2 + ".png";
-                        var pic2 = num2 + "." + num1 + ".png";
-
-                        //Type selector for fusion type knowledge of the 2nd mon
-                        var type2 = jsonString.types;
-                        var mon2types = [];
-                        var compt = 0
-
-                        //Exception mon selected for swapped types
-                        for (i = 0; i < typeSwap.length; i++) {
-                            if (typeSwap[i][2] == mon2.charAt(0).toUpperCase() + mon2.slice(1)) {
-                                mon2types.push(typeSwap[i][0]);
-                                mon2types.push(typeSwap[i][1]);
-                                var compt = 1;
-                            }
-                        }
+    //ID selector for sprite showcase of the 1st mon/ Validator for 1st mon
+    num1 = jsonString.id;
+    var id1 = num1;
+    var idCheck1 = false;
+    for (var i = 0; i < ids.length; i++){
+        if (ids[i][0] == mon1.charAt(0).toUpperCase() + mon1.slice(1)) {
+            idCheck1 = true;
+            num1 = ids[i][1];
+        }
+    }
+    if (idCheck1 == false && id1 >= 252) {
+        alert("The first pokemon isn't in the fangame!")
+    }
+    else {
+
+        //#region Type of 1st mon
+        //Type selector for fusion type knowledge of the 1st mon
+        var type1 = jsonString.types;
+        mon1types = [];
+        var compt = 0;
+
+        //Exception mon selected for swapped types
+        for (var i = 0; i < typeSwap.length; i++) {
+            if (typeSwap[i][2] == mon1.charAt(0).toUpperCase() + mon1.slice(1)) {
+                mon1types.push(typeSwap[i][0]);
+                mon1types.push(typeSwap[i][1]);
+                var compt = 1;
+            }
+        }
 
-                        //Exception mon selected for one type
-                        for (i = 0; i < typeUni.length; i++) {
-                            if (typeUni[i][1] == mon2.charAt(0).toUpperCase() + mon2.slice(1)) {
-                                mon2types.push(typeUni[i][0]);
-                                var compt = 2;
-                            }
-                        }
+        //Exception mon selected for one type
+        for (var i = 0; i < typeUni.length; i++) {
+            if (typeUni[i][1] == mon1.charAt(0).toUpperCase() + mon1.slice(1)) {
+                mon1types.push(typeUni[i][0]);
+                var compt = 2;
+            }
+        }
 
-                        //Type of 2nd mon
-                        if (compt == 0) {
-                            mon2types.push(type2[0].type.name);
-                            if (type2.length == 2 && compt != 2) {
-                                if (type2[0].type.name == "normal" && type2[1].type.name == "flying") {
-                                    mon2types[0] = "flying";
-                                } else {
-                                    mon2types.push(type2[1].type.name);
-                                }
-                            }
-                        }
+        if (compt == 0) {
+            mon1types.push(type1[0].type.name);
+            if (type1.length == 2 && compt != 2) {
+                if (type1[0].type.name == "normal" && type1[1].type.name == "flying") {
+                    mon1types[0] = "flying";
+                } else {
+                    mon1types.push(type1[1].type.name);
+                }
+            }
+        }
+        //#endregion
 
-                        //Stats of 2nd mon
-                        var mon2stats = [];
-                        if (mon2 != "aegislash-shield") {
-                            var stats2 = jsonString.stats;
-                        } else {
-                            var stats2 = aegislashstats.stats;
-                        }
-                        for (i = 0; i < stats2.length; i++) {
-                            mon2stats.push(stats2[i].base_stat)
-                        }
+        //#region Stats of 1st mon
+        var stats1;
+        if (statsException.includes(mon1)) {
+            stats1 = statsFix[statsException.indexOf(mon1)];
+        } else {
+            stats1 = jsonString.stats;
+        }
 
-                        //Abilities of 2nd mon
-                        if (mon2 != "weezing") {
-                            var ab2 = jsonString.abilities;
-                        } else {
-                            var ab2 = weezingabilities.abilities;
-                        }
-                        var mon2abilities = [];
-                        for (i = 0; i < ab2.length; i++) {
-                            mon2abilities.push([ab2[i].ability, ab2[i].is_hidden]);
-                        }
+        mon1stats = [];
+        for (var i = 0; i < stats1.length; i++) {
+            mon1stats.push(stats1[i].base_stat);
+        }
+        //#endregion
 
-                        //Stats calculation
-                        var hp1 = (mon2stats[0] / 3) + 2 * (mon1stats[0] / 3);
-                        if (mon1 == "shedinja") {
-                            hp1 = 1
-                        }
-                        var atk1 = 2 * (mon2stats[1] / 3) + (mon1stats[1] / 3);
-                        var def1 = 2 * (mon2stats[2] / 3) + (mon1stats[2] / 3);
-                        var spatk1 = (mon2stats[3] / 3) + 2 * (mon1stats[3] / 3);
-                        var spdef1 = (mon2stats[4] / 3) + 2 * (mon1stats[4] / 3);
-                        var spe1 = 2 * (mon2stats[5] / 3) + (mon1stats[5] / 3);
-                        var bs1 = Math.floor(hp1) + Math.floor(atk1) + Math.floor(def1) + Math.floor(spatk1) + Math.floor(spdef1) + Math.floor(spe1);
-
-                        var hp2 = (mon1stats[0] / 3) + 2 * (mon2stats[0] / 3);
-                        if (mon2 == "shedinja") {
-                            hp2 = 1
-                        }
-                        var atk2 = 2 * (mon1stats[1] / 3) + (mon2stats[1] / 3);
-                        var def2 = 2 * (mon1stats[2] / 3) + (mon2stats[2] / 3);
-                        var spatk2 = (mon1stats[3] / 3) + 2 * (mon2stats[3] / 3);
-                        var spdef2 = (mon1stats[4] / 3) + 2 * (mon2stats[4] / 3);
-                        var spe2 = 2 * (mon1stats[5] / 3) + (mon2stats[5] / 3);
-                        var bs2 = Math.floor(hp2) + Math.floor(atk2) + Math.floor(def2) + Math.floor(spatk2) + Math.floor(spdef2) + Math.floor(spe2);
-
-                        var L0 = ["hp1", "atk1", "def1", "spatk1", "spdef1", "spe1", "bs1"];
-                        var L1 = ["hp2", "atk2", "def2", "spatk2", "spdef2", "spe2", "bs2"];
-                        var L2 = [Math.floor(hp1), Math.floor(atk1), Math.floor(def1), Math.floor(spatk1), Math.floor(spdef1), Math.floor(spe1), Math.floor(bs1)];
-                        var L3 = [Math.floor(hp2), Math.floor(atk2), Math.floor(def2), Math.floor(spatk2), Math.floor(spdef2), Math.floor(spe2), Math.floor(bs2)];
-                        var L4 = []
-                        var L5 = []
-                        for (i = 0; i < L0.length; i++) {
-                            L4.push(Math.max(L2[i], L3[i]) - Math.min(L2[i], L3[i]))
-                        }
-                        
-                        //Color of stats
-                        for (i = 0; i < L1.length; i++) {
-                            if (L2[i] < L3[i]) {
-                                document.getElementById(L0[i]).style.color = "red";
-                                document.getElementById(L1[i]).style.color = "green";
-                                L5.push(" (+" + L4[i] + ")")
-                                L4[i] = " (-" + L4[i] + ")";
-                            } else if (L2[i] > L3[i]) {
-                                document.getElementById(L1[i]).style.color = "red";
-                                document.getElementById(L0[i]).style.color = "green";
-                                L5.push(" (-" + L4[i] + ")")
-                                L4[i] = " (+" + L4[i] + ")";
-                            } else {
-                                document.getElementById(L1[i]).style.color = "orange";
-                                document.getElementById(L0[i]).style.color = "orange";
-                                L4[i] = " (0)"
-                                L5.push(" (0)");
+        //#region Abilities of 1st mon
+        var ab1;
+        if (abilitiesException.includes(mon1)) {
+            ab1 = abilitiesFix[abilitiesException.indexOf(mon1)];
+        } else {
+            ab1 = jsonString.abilities;
+        }
+        mon1abilities = [];
+        for (var i = 0; i < ab1.length; i++) {
+            mon1abilities.push([ab1[i].ability, ab1[i].is_hidden]);
+        }  
+        //#endregion
+
+        //#region Request
+        // Second request - version A
+        var xhr2a = new XMLHttpRequest();
+        var url2a = "https://pokeapi.co/api/v2/pokemon/" + mon2;
+        xhr2a.open('GET', url2a, true);
+        xhr2a.send();
+        xhr2a.onload = function() {
+            jsonBody = xhr2a.responseText;
+            if(jsonBody){
+                if(jsonBody != "Not Found"){
+                    jp = JSON.parse(jsonBody);
+                    fuseSecondPoke(jp);
+                }
+                else{
+
+                    // Second request - version B
+                    var xhr2b = new XMLHttpRequest();
+                    var url2b = "https://pokeapi.co/api/v2/pokemon/" + mon2 + "/";
+                    xhr2b.open('GET', url2b, true);
+                    xhr2b.send();
+                    xhr2b.onload = function() {
+                        jsonBody = xhr2b.responseText;
+                        if(jsonBody) {
+                            if(jsonBody != "Not Found"){
+                                jp = JSON.parse(jsonBody);
+                                fuseSecondPoke(jp);
+                            }
+                            else{
+                                alert("Second pokemon was misspelled ?");
                             }
-                            document.getElementById(L0[i]).innerHTML = L0[i].slice(-1) + ": " + L2[i];
-                            document.getElementById(L1[i]).innerHTML = L1[i].slice(-1) + ": " + L3[i];
                         }
+                        else{
+                            alert("PokeAPI is unreachable (2b)");
+                        }
+                    }
+                }
+            }
+            else{
+                alert("PokeAPI is unreachable (2a)");
+            }
+            
+        }
+        //#endregion
+    }
+}
 
-                        //Writting stat in HTML
-                        if (mon1 == "shedinja" || mon2 == "shedinja") {
-                            document.getElementById("hp1").innerHTML = "HP: 1 (0)"
-                            document.getElementById("hp1").style.color = "orange";
 
-                            document.getElementById("hp2").innerHTML = "HP: 1 (0)";
-                            document.getElementById("hp2").style.color = "orange";
-                        } else {
-                            document.getElementById("hp1").innerHTML = "HP: " + Math.floor(hp1) + L4[0];
-                            document.getElementById("hp2").innerHTML = "HP: " + Math.floor(hp2) + L5[0];
-                        }
-                        document.getElementById("atk1").innerHTML = "ATK: " + Math.floor(atk1) + L4[1];
-                        document.getElementById("def1").innerHTML = "DEF: " + Math.floor(def1) + L4[2];
-                        document.getElementById("spatk1").innerHTML = "SPE.ATK: " + Math.floor(spatk1) + L4[3];
-                        document.getElementById("spdef1").innerHTML = "SPE.DEF: " + Math.floor(spdef1) + L4[4];
-                        document.getElementById("spe1").innerHTML = "SPEED: " + Math.floor(spe1) + L4[5];
-                        document.getElementById("bs1").innerHTML = "TOTAL: " + Math.floor(bs1) + L4[6];
-
-                        document.getElementById("atk2").innerHTML = "ATK: " + Math.floor(atk2) + L5[1];
-                        document.getElementById("def2").innerHTML = "DEF: " + Math.floor(def2) + L5[2];
-                        document.getElementById("spatk2").innerHTML = "SPE.ATK: " + Math.floor(spatk2) + L5[3];
-                        document.getElementById("spdef2").innerHTML = "SPE.DEF: " + Math.floor(spdef2) + L5[4];
-                        document.getElementById("spe2").innerHTML = "SPEED: " + Math.floor(spe2) + L5[5];
-                        document.getElementById("bs2").innerHTML = "TOTAL: " + Math.floor(bs2) + L5[6];
-
-                        //Abilities of fused mons
-                        if (abilitySwap.includes(mon1)) {
-                            [mon1abilities[0], mon1abilities[1]] = [mon1abilities[1], mon1abilities[0]];
-                        }
-                        if (abilitySwap.includes(mon2)) {
-                            [mon2abilities[0], mon2abilities[1]] = [mon2abilities[1], mon2abilities[0]];
-                        }
-                        var abres1 = [...new Set(fusAb(mon1abilities, mon2abilities))];
-                        var abres2 = [...new Set(fusAb(mon2abilities, mon1abilities))];
-
-                        //Type of fused mons
-                        var fmonres1 = fusType(mon1types, mon2types);
-                        var fmonres2 = fusType(mon2types, mon1types);
-
-                        //Types effectiveness
-                        if (typeComp > 0) {
-                            c = document.getElementsByClassName('monweak');
-                            for (b = 0; b < c.length; b++) {
-                                defaultValue = c[b].getAttribute('data-default');
-                                if (defaultValue) {
-                                    c[b].innerText = defaultValue;
-                                }
-                            }
-                        }
+function fuseSecondPoke(jsonString){
+    
+    //ID selector for sprite showcase of the 2st mon
+    num2 = jsonString.id;
+    var id2 = num2;
+    var idCheck2 = false;
+    for (var i = 0; i < ids.length; i++){
+        if (ids[i][0] == mon2.charAt(0).toUpperCase() + mon2.slice(1)) {
+            idCheck2 = true;
+            num2 = ids[i][1];
+        }
+    }
+    if (idCheck2 == false && id2 >= 252) {
+        alert("The second pokemon isn't in the fangame!")
+    }
+    else {
+
+        //#region Type of 2nd mon
+        //Type selector for fusion type knowledge of the 2nd mon
+        var type2 = jsonString.types;
+        mon2types = [];
+        var compt = 0;
+
+        //Exception mon selected for swapped types
+        for (var i = 0; i < typeSwap.length; i++) {
+            if (typeSwap[i][2] == mon2.charAt(0).toUpperCase() + mon2.slice(1)) {
+                mon2types.push(typeSwap[i][0]);
+                mon2types.push(typeSwap[i][1]);
+                var compt = 1;
+            }
+        }
 
-                        tyeffid1 = typeId(fmonres1);
-                        tyeffid2 = typeId(fmonres1);
+        //Exception mon selected for one type
+        for (var i = 0; i < typeUni.length; i++) {
+            if (typeUni[i][1] == mon2.charAt(0).toUpperCase() + mon2.slice(1)) {
+                mon2types.push(typeUni[i][0]);
+                var compt = 2;
+            }
+        }
 
-                        for (var i = 0; i < typeName.length; i++) {
-                            result1[i] = (types[i][tyeffid1[0]] * types[i][tyeffid1[1]]);
-                        }
+        //Type of 2nd mon
+        if (compt == 0) {
+            mon2types.push(type2[0].type.name);
+            if (type2.length == 2 && compt != 2) {
+                if (type2[0].type.name == "normal" && type2[1].type.name == "flying") {
+                    mon2types[0] = "flying";
+                } else {
+                    mon2types.push(type2[1].type.name);
+                }
+            }
+        }
+        //#endregion
 
-                        for (var i = 0; i < typeName.length; i++) {
-                            var image = new Image()
-                            image.src = 'Types/' + typeName[i] + ".png";
+        //#region Stats of 2nd mon
+        var stats2;
+        if (statsException.includes(mon2)) {
+            stats2 = statsFix[statsException.indexOf(mon2)];
+        } else {
+            stats2 = jsonString.stats;
+        }
+        mon2stats = [];
+        for (var i = 0; i < stats2.length; i++) {
+            mon2stats.push(stats2[i].base_stat);
+        }
+        //#endregion
 
-                            if (result1[i] == 4) {
-                                document.getElementById("weak14").appendChild(image);
-                            }
-                            if (result1[i] == 2) {
-                                document.getElementById("weak12").appendChild(image);
-                            }
-                            if (result1[i] == 1) {
-                                document.getElementById("weak11").appendChild(image);
-                            }
-                            if (result1[i] == 0.5) {
-                                document.getElementById("weak105").appendChild(image);
-                            }
-                            if (result1[i] == 0.25) {
-                                document.getElementById("weak1025").appendChild(image);
-                            }
-                            if (result1[i] == 0) {
-                                document.getElementById("weak100").appendChild(image);
-                            }
-                        }
+        //#region Abilities of 2nd mon
+        var ab2;
+        if (abilitiesException.includes(mon2)) {
+            ab2 = abilitiesFix[abilitiesException.indexOf(mon2)];
+        } else {
+            ab2 = jsonString.abilities;
+        }
 
-                        tyeffid1 = typeId(fmonres2);
-                        tyeffid2 = typeId(fmonres2);
+        mon2abilities = [];
+        for (var i = 0; i < ab2.length; i++) {
+            mon2abilities.push([ab2[i].ability, ab2[i].is_hidden]);
+        }                     
+        //#endregion
 
-                        for (i = 0; i < typeName.length; i++) {
-                            result2[i] = (types[i][tyeffid1[0]] * types[i][tyeffid1[1]]);
-                        }
+        fuseBothPoke()
 
-                        for (i = 0; i < typeName.length; i++) {
-                            var image = new Image()
-                            image.src = 'Types/' + typeName[i] + ".png";
+    }
+    
+}
 
-                            if (result2[i] == 4) {
-                                document.getElementById("weak24").appendChild(image);
-                            }
-                            if (result2[i] == 2) {
-                                document.getElementById("weak22").appendChild(image);
-                            }
-                            if (result2[i] == 1) {
-                                document.getElementById("weak21").appendChild(image);
-                            }
-                            if (result2[i] == 0.5) {
-                                document.getElementById("weak205").appendChild(image);
-                            }
-                            if (result2[i] == 0.25) {
-                                document.getElementById("weak2025").appendChild(image);
-                            }
-                            if (result2[i] == 0) {
-                                document.getElementById("weak200").appendChild(image);
-                            }
-                        }
 
-                        typeComp += 1;
+function fuseBothPoke(){
+
+    //TODO : factor this
+    //Name of fusion
+    if (!nameFix.includes(mon1) && !nameFix.includes(mon2)) {
+        var fmon1 = mon1.charAt(0).toUpperCase() + mon1.slice(1);
+        var fmon2 = mon2.charAt(0).toUpperCase() + mon2.slice(1);
+    } else if (nameFix.includes(mon1) && !nameFix.includes(mon2)) {
+        var fmon1 = nameException[nameFix.indexOf(mon1)].charAt(0).toUpperCase() + nameException[nameFix.indexOf(mon1)].slice(1);
+        var fmon2 = mon2.charAt(0).toUpperCase() + mon2.slice(1);
+    } else if (!nameFix.includes(mon1) && nameFix.includes(mon2)) {
+        var fmon1 = mon1.charAt(0).toUpperCase() + mon1.slice(1);
+        var fmon2 = nameException[nameFix.indexOf(mon2)].charAt(0).toUpperCase() + nameException[nameFix.indexOf(mon2)].slice(1);
+    } else if (nameFix.includes(mon1) && nameFix.includes(mon2)) {
+        var fmon1 = nameException[nameFix.indexOf(mon1)].charAt(0).toUpperCase() + nameException[nameFix.indexOf(mon1)].slice(1);
+        var fmon2 = nameException[nameFix.indexOf(mon2)].charAt(0).toUpperCase() + nameException[nameFix.indexOf(mon2)].slice(1);
+    }
 
-                        document.getElementById("p1").src = "Types/" + fmonres1[0] + ".png";
-                        if (fmonres1.length != 1 && (fmonres1.length == 2 && fmonres1[0] != fmonres1[1])) {
-                            document.getElementById("p2").style.display = "inline-block";
-                            document.getElementById("p2").src = "Types/" + fmonres1[1] + ".png";
-                        } else {
-                            document.getElementById("p2").style.display = "none";
-                        }
+    //Dex Numbers
+    var dexnum1 = Math.floor(num1 + (420 * num2));
+    var dexnum2 = Math.floor(num2 + (420 * num1));
+    document.getElementById("dexnumber1").innerHTML = dexnum1;
+    document.getElementById("dexnumber2").innerHTML = dexnum2;
+    document.getElementById("fusionid1").innerHTML = " (" + num1 + "." + num2 + ")";
+    document.getElementById("fusionid2").innerHTML = " (" + num2 + "." + num1 + ")";
+    
+    //Name of fusions
+    document.getElementById("FP1").innerHTML = fmon1+ "/" + fmon2;
+    document.getElementById("FP2").innerHTML = fmon2 + "/" + fmon1;
+
+    //Name of pictures
+    var pic1 = num1 + "." + num2 + ".png";
+    var pic2 = num2 + "." + num1 + ".png";
+
+    //Stats calculation
+    var hp1 = (mon2stats[0]/3) + 2*(mon1stats[0]/3);
+    var atk1 = 2*(mon2stats[1]/3) + (mon1stats[1]/3);
+    var def1 = 2*(mon2stats[2]/3) + (mon1stats[2]/3);
+    var spatk1 = (mon2stats[3]/3) + 2*(mon1stats[3]/3);
+    var spdef1 = (mon2stats[4]/3) + 2*(mon1stats[4]/3);
+    var spe1 = 2*(mon2stats[5]/3) + (mon1stats[5]/3);
+    var bs1 = Math.floor(hp1) + Math.floor(atk1) + Math.floor(def1) + Math.floor(spatk1) + Math.floor(spdef1) + Math.floor(spe1);
+
+    var hp2 = (mon1stats[0]/3) + 2*(mon2stats[0]/3);
+    var atk2 = 2*(mon1stats[1]/3) + (mon2stats[1]/3);
+    var def2= 2*(mon1stats[2]/3) + (mon2stats[2]/3);
+    var spatk2 = (mon1stats[3]/3) + 2*(mon2stats[3]/3);
+    var spdef2 = (mon1stats[4]/3) + 2*(mon2stats[4]/3);
+    var spe2 = 2*(mon1stats[5]/3) + (mon2stats[5]/3);
+    var bs2 = Math.floor(hp2) + Math.floor(atk2) + Math.floor(def2) + Math.floor(spatk2) + Math.floor(spdef2) + Math.floor(spe2);
+
+    var L0 = ["hp1","atk1","def1","spatk1","spdef1","spe1","bs1"];
+    var L1 = ["hp2","atk2","def2","spatk2","spdef2","spe2","bs2"];
+    var L2 = [Math.floor(hp1), Math.floor(atk1), Math.floor(def1), Math.floor(spatk1), Math.floor(spdef1), Math.floor(spe1), Math.floor(bs1)];
+    var L3 = [Math.floor(hp2), Math.floor(atk2), Math.floor(def2), Math.floor(spatk2), Math.floor(spdef2), Math.floor(spe2), Math.floor(bs2)];
+    var L4 = [];
+    var L5 = [];
+    for (var i = 0; i < L0.length; i++) {
+        L4.push(Math.max(L2[i], L3[i])-Math.min(L2[i], L3[i]));
+    }
 
-                        document.getElementById("p3").src = "Types/" + fmonres2[0] + ".png";
+    //Color of stats
+    for (var i = 0; i < L1.length; i++) {
+        if (L2[i] < L3[i]) {
+            document.getElementById(L0[i]).style.color = "red";
+            document.getElementById(L1[i]).style.color = "green";
+            L5.push(" (+" + L4[i] + ")");
+            L4[i] = " (-" + L4[i] + ")";
+        } else if (L2[i] > L3[i]) {
+            document.getElementById(L1[i]).style.color = "red";
+            document.getElementById(L0[i]).style.color = "green";
+            L5.push(" (-" + L4[i] + ")");
+            L4[i] = " (+" + L4[i] + ")";
+        } else {
+            document.getElementById(L1[i]).style.color = "orange";
+            document.getElementById(L0[i]).style.color = "orange";
+            L4[i] = " (0)";
+            L5.push(" (0)");
+        }
+        document.getElementById(L0[i]).innerHTML = L0[i].slice(-1) + ": " + L2[i];
+        document.getElementById(L1[i]).innerHTML = L1[i].slice(-1) + ": " + L3[i];
+    }
 
-                        if (fmonres2.length != 1 && (fmonres2.length == 2 && fmonres2[0] != fmonres2[1])) {
-                            document.getElementById("p4").style.display = "inline-block";
-                            document.getElementById("p4").src = "Types/" + fmonres2[1] + ".png";
-                        } else {
-                            document.getElementById("p4").style.display = "none";
-                        }
+    //Writting stat in HTML
+
+    /*
+    if (mon1 == "shedinja" || mon2 == "shedinja") {
+        document.getElementById("hp1").innerHTML = "HP: 1 (0)";
+        document.getElementById("hp1").style.color = "orange";
+    } else {*/
+    document.getElementById("hp1").innerHTML = "HP: " + Math.floor(hp1) + L4[0];
+    /*}*/
+
+    document.getElementById("atk1").innerHTML = "ATK: " + Math.floor(atk1) + L4[1];
+    document.getElementById("def1").innerHTML = "DEF: " + Math.floor(def1) + L4[2];
+    document.getElementById("spatk1").innerHTML = "SPE.ATK: " + Math.floor(spatk1) + L4[3];
+    document.getElementById("spdef1").innerHTML = "SPE.DEF: " + Math.floor(spdef1) + L4[4];
+    document.getElementById("spe1").innerHTML = "SPEED: " + Math.floor(spe1) + L4[5];
+    document.getElementById("bs1").innerHTML = "TOTAL: " + Math.floor(bs1) + L4[6];
+
+    /*
+    if (mon1 == "shedinja" || mon2 == "shedinja") {
+        document.getElementById("hp2").innerHTML = "HP: 1 (0)";
+        document.getElementById("hp2").style.color = "orange";
+    } else {*/
+    document.getElementById("hp2").innerHTML = "HP: " + Math.floor(hp2) + L5[0];
+    /*}*/
+    document.getElementById("atk2").innerHTML = "ATK: " + Math.floor(atk2) + L5[1];
+    document.getElementById("def2").innerHTML = "DEF: " + Math.floor(def2) + L5[2];
+    document.getElementById("spatk2").innerHTML = "SPE.ATK: " + Math.floor(spatk2) + L5[3];
+    document.getElementById("spdef2").innerHTML = "SPE.DEF: " + Math.floor(spdef2) + L5[4];
+    document.getElementById("spe2").innerHTML = "SPEED: " + Math.floor(spe2) + L5[5];
+    document.getElementById("bs2").innerHTML = "TOTAL: " + Math.floor(bs2) + L5[6];
+
+    //Abilities of fused mons
+    if (abilitySwap.includes(mon1)) {
+        [mon1abilities[0], mon1abilities[1]] = [mon1abilities[1], mon1abilities[0]];
+    }
+    if (abilitySwap.includes(mon2)) {
+        [mon2abilities[0], mon2abilities[1]] = [mon2abilities[1], mon2abilities[0]];
+    }
 
-                        //Picture of fusion (if inside CustomBattlers)
-                        showFusion("pic1", pic1);
-                        showFusion("pic2", pic2);
+    //Type of fused mons
+    var fmonres1 = null;
+    var fmonres2 = null;
+    if(mon1 == mon2 && selfFusionTypeException.includes(mon1)){
+        fmonres1 = selfFusionTypeFix[selfFusionTypeException.indexOf(mon1)];
+        fmonres2 = fmonres1
+    }
+    else{
+        fmonres1 = fusType(mon1types, mon2types);
+        fmonres2 = fusType(mon2types, mon1types);
+    }
 
-                        var listAb1 = "ABILITY: ";
-                        for (i = 0; i < abres1.length; i++) {
-                            listAb1 = listAb1 + abres1[i].charAt(0).toUpperCase() + abres1[i].slice(1) + " / ";
-                        }
-                        listAb1 = listAb1.slice(0, listAb1.length - 1);
-                        listAb1 = listAb1.split("-").join(" ")
-                        listAb1 = listAb1.split(" ")
-                        for (i = 0, x = listAb1.length; i < x; i++) {
-                            listAb1[i] = listAb1[i][0].toUpperCase() + listAb1[i].substr(1);
-                        }
-                        listAb1 = listAb1.join(" ").slice(0, -2);
+    //Types effectiveness
+    if (typeComp>0) {
+        c = document.getElementsByClassName('monweak');
+        for( b=0; b < c.length; b++ )
+        { 
+            defaultValue = c[b].getAttribute('data-default');
+            if (defaultValue) {
+                c[b].innerText = defaultValue;
+            }
+        }
+    }
 
-                        document.getElementById("ab1").innerHTML = " ";
-                        document.getElementById("ab1").innerHTML = listAb1;
+    tyeffid1 = typeId(fmonres1);
+    tyeffid2 = typeId(fmonres1);
 
-                        var listAb2 = "ABILITY: ";
-                        for (i = 0; i < abres2.length; i++) {
-                            listAb2 = listAb2 + abres2[i].charAt(0).toUpperCase() + abres2[i].slice(1) + " / ";
-                        }
-                        listAb2 = listAb2.slice(0, listAb2.length - 1);
-                        listAb2 = listAb2.split("-").join(" ")
-                        listAb2 = listAb2.split(" ")
-                        for (i = 0, x = listAb2.length; i < x; i++) {
-                            listAb2[i] = listAb2[i][0].toUpperCase() + listAb2[i].substr(1);
-                        }
-                        listAb2 = listAb2.join(" ").slice(0, -2);
-                        document.getElementById("ab2").innerHTML = " ";
-                        document.getElementById("ab2").innerHTML = listAb2;
-
-                        /*
-                        //Fusion is already in Showdown or not
-                        if (listfusion.includes(fmon1.toLowerCase() + "/" + fmon2.toLowerCase())) {
-                            document.getElementById("IG1").style.color = "green";
-                            document.getElementById("IG1").innerHTML = "In Showdown";
-                        } else {
-                            document.getElementById("IG1").style.color = "red";
-                            document.getElementById("IG1").innerHTML = "Not in Showdown";
-                        }
+    for (var i = 0; i < typeName.length; i++) {
+        result1[i] = (types[i][tyeffid1[0]] * types[i][tyeffid1[1]]);
+    }
 
-                        if (listfusion.includes(fmon2.toLowerCase() + "/" + fmon1.toLowerCase())) {
-                            document.getElementById("IG2").style.color = "green";
-                            document.getElementById("IG2").innerHTML = "In Showdown";
-                        } else {
-                            document.getElementById("IG2").style.color = "red";
-                            document.getElementById("IG2").innerHTML = "Not in Showdown";
-                        }
-                        */
+    for (var i = 0; i < typeName.length; i++) {
+        var image = new Image()
+        image.src = "types/" + typeName[i] + ".png";
+        
+        if (result1[i] == 4) {
+            document.getElementById("weak14").appendChild(image);
+        }
+        if (result1[i] == 2) {
+            document.getElementById("weak12").appendChild(image);
+        }
+        if (result1[i] == 1) {
+            document.getElementById("weak11").appendChild(image);
+        }
+        if (result1[i] == 0.5) {
+            document.getElementById("weak105").appendChild(image);
+        }
+        if (result1[i] == 0.25) {
+            document.getElementById("weak1025").appendChild(image);
+        }
+        if (result1[i] == 0) {
+            document.getElementById("weak100").appendChild(image);
+        }
+    }
 
-                        document.getElementById("r1").disabled = false
-                        document.getElementById("r2").disabled = false
-                        document.getElementById("r3").disabled = false
-                        document.getElementById("random").disabled = false
+    tyeffid1 = typeId(fmonres2);
+    tyeffid2 = typeId(fmonres2);
 
-                        //Post first fusion
-                        if (saveInit >= 0) {
+    for (var i = 0; i < typeName.length; i++) {
+        result2[i] = (types[i][tyeffid1[0]] * types[i][tyeffid1[1]]);
+    }
 
-                            //Fusion w/o using "Next" or "Previous", otherwise it doesn't add said fusion in saves
-                            if (!saveBtn) {
+    for (var i = 0; i < typeName.length; i++) {
+        var image = new Image();
+        image.src = "types/" + typeName[i] + ".png";
 
-                                if (!(saveIndex == (saves.length)-1)) {
-                                    saves.splice(saveIndex + 1)
-                                }
-                                saves.push([(document.getElementById("fname1")).value,(document.getElementById("fname2")).value]);
-                                saveIndex += 1
-                            }
+        if (result2[i] == 4) {
+            document.getElementById("weak24").appendChild(image);
+        }
+        if (result2[i] == 2) {
+            document.getElementById("weak22").appendChild(image);
+        }
+        if (result2[i] == 1) {
+            document.getElementById("weak21").appendChild(image);
+        }
+        if (result2[i] == 0.5) {
+            document.getElementById("weak205").appendChild(image);
+        }
+        if (result2[i] == 0.25) {
+            document.getElementById("weak2025").appendChild(image);
+        }
+        if (result2[i] == 0) {
+            document.getElementById("weak200").appendChild(image);
+        }
+    }
 
-                            //Disable "Previous" if first fusion
-                            if (saveIndex > 0) {
-                                document.getElementById("previous").disabled = false
-                            } else {
-                                document.getElementById("previous").disabled = true
-                            }
+    typeComp += 1;
 
-                            //Disable "Next" if last fusion
-                            if (saveIndex < (saves.length)-1) {
-                                document.getElementById("next").disabled = false
-                            } else {
-                                document.getElementById("next").disabled = true
-                            }
+    document.getElementById("p1").src = "types/" + fmonres1[0] + ".png";
+    if (fmonres1.length!=1 && (fmonres1.length == 2 && fmonres1[0] != fmonres1[1])) {
+        document.getElementById("p2").style.display = "inline-block";
+        document.getElementById("p2").src = "types/" + fmonres1[1] + ".png";
+    } else {
+        document.getElementById("p2").style.display = "none";
+    }
 
-                            //Reset
-                            saveBtn = false
+    document.getElementById("p3").src = "types/" + fmonres2[0] + ".png";
 
-                        //First fusion
-                        } else {
-                            saves.push([(document.getElementById("fname1")).value,(document.getElementById("fname2")).value]);
-                            saveInit += 1
-                        }
-                    }
-                }
-            }
-        }
+    if (fmonres2.length!=1 && (fmonres2.length == 2 && fmonres2[0] != fmonres2[1])) {
+        document.getElementById("p4").style.display = "inline-block";
+        document.getElementById("p4").src = "types/" + fmonres2[1] + ".png";
+    } else {
+        document.getElementById("p4").style.display = "none";
     }
+
+    //Picture of fusions (if inside CustomBattlers)
+    showFusion("pic1", pic1, "fusionid1");
+    showFusion("pic2", pic2, "fusionid2");
+
+    //Abilities 1
+    var abilities1 = fusionAbilities(mon1abilities, mon2abilities);
+    var hiddenAbilities1 = fusionHiddenAbilities(mon1abilities, mon2abilities, abilities1);
+    var abilitiesText1 = "ABILITY: " + sanitizeAbilityList(abilities1);
+    var hiddenAbilitiesText1 = sanitizeAbilityList(hiddenAbilities1);
+
+    document.getElementById("ab1").innerHTML = abilitiesText1;
+    document.getElementById("hab1").innerHTML = hiddenAbilitiesText1;
+
+    //Abilities 2
+    var abilties2 = fusionAbilities(mon2abilities, mon1abilities);
+    var hiddenAbilities2 = fusionHiddenAbilities(mon2abilities, mon1abilities, abilties2);
+    var abilitiesText2 = "ABILITY: " + sanitizeAbilityList(abilties2);
+    var hiddenAbilitiesText2 = sanitizeAbilityList(hiddenAbilities2);
+
+    document.getElementById("ab2").innerHTML = abilitiesText2;
+    document.getElementById("hab2").innerHTML = hiddenAbilitiesText2;
+
+    //Fusion done
+    buttons = document.getElementsByClassName("button");
+    for (let i = 0; i < buttons.length; i++) {
+        buttons[i].disabled = false;
+    };
 }
 
 
@@ -779,171 +717,271 @@ function typeId(ftype) {
     return [ty1, ty2];
 }
 
-//Custom sprite fusion function
-function showFusion(elementId, fusionId) {
 
+//Custom sprite fusion function
+function showFusion(elementId, fusionId, elementFusionId){
+    
     fusionUrl = "https://raw.githubusercontent.com/Aegide/custom-fusion-sprites/main/CustomBattlers/" + fusionId;
+    document.getElementById(elementId).title = fusionId;
 
-    if (doesImageExists(fusionUrl)) {
+    if(doesImageExists(fusionUrl)){
         document.getElementById(elementId).src = fusionUrl;
+        document.getElementById(elementFusionId).style.color = "green";
     }
-    else {//Screenshot of autogen pokemon
+    else{//Screenshot of autogen pokemon
         fallbackFusionRepository = "https://raw.githubusercontent.com/Aegide/autogen-fusion-sprites/master/Battlers/"
         headId = fusionId.split(".")[0];
         fallbackFusionUrl = fallbackFusionRepository + headId + "/" + fusionId;
-
         document.getElementById(elementId).src = fallbackFusionUrl;
+        document.getElementById(elementFusionId).style.color = "red";
     }
 }
 
 //Error detection
-function doesImageExists(imageUrl) {
+function doesImageExists(imageUrl){
     var http = new XMLHttpRequest();
     http.open('HEAD', imageUrl, false);
+    
+    // Can't handle error in an easy way
     http.send();
     return http.status != 404;
 }
 
-//Picks the first option from the input datalist
-function outputClosest(mon) {
-    var saveWrite = mon
-    mon = mon[0].toUpperCase() + mon.substring(1)
-    for (var i = 0; i < ids.length; i++) {
-        if (ids[i][0].substring(0, mon.length) == mon) {
-            return ids[i][0]
-        }
+// Swaps the head with the body and viceversa
+function swapPoke(){
+    let auxId = headId;
+    let auxFname = document.getElementById("fname1").value;
+
+    headId = bodyId;
+    document.getElementById("fname1").value = document.getElementById("fname2").value;
+
+    bodyId = auxId;
+    document.getElementById("fname2").value = auxFname;
+
+    showShinies(false, false);
+}
+
+// Let's you pick a image from your machine
+$("input[id='pic1']").click(function() {
+    $("input[id='input_file']").click();
+});
+function readURLImage(input) {
+    if (typeof headId !== 'undefined' && typeof bodyId !== 'undefined') {
+        if (input.files && input.files[0]) {
+            var reader = new FileReader();
+            reader.onload = function (e) {
+                    $('#pic1').attr('src', e.target.result);
+                    $('#pic2').attr('src', e.target.result);
+                    document.getElementById("pic2").style.filter 
+                        = "hue-rotate(" + calcShinyHue(headId, bodyId, true, false) + "deg)";
+                    $('#pic3').attr('src', e.target.result);
+                    document.getElementById("pic3").style.filter 
+                        = "hue-rotate(" + calcShinyHue(headId, bodyId, false, true) + "deg)";
+                    $('#pic4').attr('src', e.target.result);
+                    document.getElementById("pic4").style.filter 
+                        = "hue-rotate(" + calcShinyHue(headId, bodyId, true, true) + "deg)";
+                };
+                reader.readAsDataURL(input.files[0]);
+            }
+    } else {
+        alert("Please fill the two text inputs!");
     }
-    return saveWrite
 }
 
-//Verify inputs on 'Enter' press (and soon too 'Fuse' button)
-function verifInputs() {
-    var i = 0
-    var bx1 = nameCheck(box1.value[0].toUpperCase() + box1.value.substring(1))
-    var bx2 = nameCheck(box2.value[0].toUpperCase() + box2.value.substring(1))
-    var bx3 = nameCheck(box3.value[0].toUpperCase() + box3.value.substring(1))
-    var boxbool1 = false
-    var boxbool2 = false
-    while (i < ids.length) {
-        if (ids[i].includes(bx1)) {
-            var boxbool1 = true
+// Shows the images for the mon and it's shinies
+function showShinies(randomHead, randomBody){
+    buttons = document.getElementsByClassName("button");
+    for (let i = 0; i < buttons.length; i++) {
+        buttons[i].disabled = true;
+    };
+
+    document.getElementById("input_file").value = ""; // To make the input work everytime, even if the input image has not changed
+
+    if (randomHead) {
+        headId = getRandomPokeID();
+        var name = ids[headId][0].toLowerCase();
+        if (nameFix.includes(name)) {
+            name = nameException[nameFix.indexOf(name)];
         }
-        if (ids[i].includes(bx2)) {
-            var boxbool2 = true
+        document.getElementById("fname1").value = name;
+    } else {
+        var name = document.getElementById("fname1").value.toLowerCase();
+        if (nameException.includes(name)) {
+            name = nameFix[nameException.indexOf(name)];
+        }
+        for (let i = 0; i < ids.length; i++) {
+            if (name.toUpperCase() == ids[i][0].toUpperCase()) {
+                headId = i;
+                break;
+            }
         }
-        i += 1
-    }
-    if (boxbool1 == true && boxbool2 == true) {
-        event.preventDefault();
-        document.getElementById("button").click();
-    } else if (boxbool1 == false && boxbool2 == false) {
-        box1.value = ""
-        box2.value = ""
-        alert("Both pokemons were misspelled or aren't in the fangame!")
-    } else if (boxbool1 == false) {
-        box1.value = ""
-        alert("The first pokemon was misspelled or isn't in the fangame!")
-    } else if (boxbool2 == false) {
-        box2.value = ""
-        alert("The second pokemon misspelled or isn't in the fangame!")
     }
-}
 
-//Change the pokemon's name if exception (Giratina-origin, Aegislash-shield...)
-function nameCheck(mon) {
-    if (nameFix.includes(mon.toLowerCase())) {
-        var val = nameException[nameFix.indexOf(mon.toLowerCase())]
-        val = val[0].toUpperCase() + val.substring(1)
-    } else if (nameException.includes(mon.toLowerCase())) {
-        var val = nameFix[nameException.indexOf(mon.toLowerCase())]
-        val = val[0].toUpperCase() + val.substring(1)
+    if (randomBody) {
+        bodyId = getRandomPokeID();
+        var name2 = ids[bodyId][0].toLowerCase();
+        if (nameFix.includes(name2)) {
+            name2 = nameException[nameFix.indexOf(name2)];
+        }    
+        document.getElementById("fname2").value = name2;
     } else {
-        var val = mon;
+        var name2 = document.getElementById("fname2").value.toLowerCase();
+        if (nameException.includes(name2)) {
+            name2 = nameFix[nameException.indexOf(name2)];
+        }
+        for (let i = 0; i < ids.length; i++) {
+            if (name2.toUpperCase() == ids[i][0].toUpperCase()) {
+                bodyId = i;
+                break;
+            }
+        }
     }
-    return val
+
+    document.getElementById("dexnumber1").innerHTML = (bodyId + 1) * 420 + headId + 1;
+    document.getElementById("fusionid1").innerHTML = " (" + (headId + 1) + "." + (bodyId + 1) + ")"
+    document.getElementById("fusionid1").style.color = "green";
+
+    picShinySrc = "https://raw.githubusercontent.com/Aegide/custom-fusion-sprites/main/CustomBattlers/" + (headId+1) + "." + (bodyId+1) + ".png";
+
+    if (!doesImageExists(picShinySrc)) {
+        picShinySrc = "https://raw.githubusercontent.com/Aegide/autogen-fusion-sprites/master/Battlers/" + (headId+1) + "/" + (headId+1) + "." + (bodyId+1) + ".png";
+        document.getElementById("fusionid1").style.color = "red";
+    }
+
+    document.getElementById("pic1").src = picShinySrc;
+
+    window.hueShift = [];
+    hueShift[0] = calcShinyHue(headId, bodyId, true, false)
+    let picShiny = document.getElementById("pic2");
+    picShiny.title = picShiny.alt = "Hue shift " + Math.trunc(hueShift[0]);
+
+    hueShift[1] = calcShinyHue(headId, bodyId, false, true)
+    picShiny = document.getElementById("pic3");
+    picShiny.title = picShiny.alt = "Hue shift " + Math.trunc(hueShift[1]);
+
+    hueShift[2] = calcShinyHue(headId, bodyId, true, true)
+    picShiny = document.getElementById("pic4");
+    picShiny.title = picShiny.alt = "Hue shift " + Math.trunc(hueShift[2]);
+
+    buttons = document.getElementsByClassName("button");
+    for (let i = 0; i < buttons.length; i++) {
+        buttons[i].disabled = false;
+    };
 }
 
-//Turns on/off the setting menu
-function menuBtn() {
-    var menu = document.getElementById("menu")
-    if (menu.hidden == true) {
-        menu.hidden = false;
+// Calculates the hue of the shiny and returns it it.
+// This tries to replicate the calculation made in the game itself.
+function calcShinyHue(num1, num2, hasShinyHead, hasShinyBody) {
+    let offset = 0;
+
+    if (hasShinyHead && hasShinyBody && num1 in shinyColorOffsetsDict && num2 in shinyColorOffsetsDict){
+        offset = shinyColorOffsetsDict[num1] + shinyColorOffsetsDict[num2];
+    } else if (hasShinyHead && num1 in shinyColorOffsetsDict) {
+        offset = shinyColorOffsetsDict[num1]
+    } else if (hasShinyBody && num2 in shinyColorOffsetsDict) {
+        offset = shinyColorOffsetsDict[num2]
     } else {
-        menu.hidden = true;
+        offset = calcShinyHueDeafult(num1, num2, hasShinyHead, hasShinyBody);
     }
+
+    return offset;
 }
 
-//Previous fusion inputed
-function prevFuse() {
-    saveIndex -= 1
-    saveBtn = true
-    document.getElementById("fname1").value = nameCheck(saves[saveIndex][0])
-    document.getElementById("fname2").value = nameCheck(saves[saveIndex][1])
+// Calculates the hue of the shiny and returns it it.
+// This tries to replicate the calculation made in the game itself.
+function calcShinyHueDeafult(num1, num2, hasShinyHead, hasShinyBody) {
+    let dexOffset = num1 + num2 * 420;
+    let dexDiff = Math.abs(num2 - num1);
 
-    document.getElementById("button").click();
-}
+    if (hasShinyHead && !hasShinyBody) {
+        dexOffset = num1;
+    } else if (!hasShinyHead && hasShinyBody) {
+        dexOffset = dexDiff > 20 ? num2 : num2 + 40
+    }
 
-//Next fusion inputed
-function nextFuse() {
-    saveIndex += 1
-    saveBtn = true
-    document.getElementById("fname1").value = nameCheck(saves[saveIndex][0])
-    document.getElementById("fname2").value = nameCheck(saves[saveIndex][1])
+    offset = dexOffset + 75;
+    if (offset > 420) offset /= 360;
+    if (offset < 40) offset = 40;
+    if (Math.abs(360 - offset) < 40) offset = 40;
 
-    document.getElementById("button").click();
+    return offset;
 }
 
-//Sort ids list by evolution line
-function orderByEvo() {
-    var chk2 = []
-    var matches = document.querySelectorAll('input[type="checkbox"]:not(:checked)');
-    for (var i=0; i<matches.length; i++) {
-        chk2.push(matches[i].value)
+
+function fusionAbilities(headAbilities, bodyAbilities) {
+    var B0 = bodyAbilities[0][0].name;
+    var H1;
+    
+    //If there is only ability, pick that one
+    if(headAbilities.length == 1){
+        H1 = headAbilities[0][0].name;
     }
-    if (chk2.length > 0 && JSON.stringify(chk) !== JSON.stringify(chk2)) {
-        ids2 = []
-        if (!chk2.includes("1")) {
-            for (var i = 0; i<ids.length; i++) {
-                if (ids[i][2]==1) {
-                    ids2.push(ids[i])
-                }
-            }
-        }
-        if (!chk2.includes("2")) {
-            for (var i = 0; i<ids.length; i++) {
-                if (ids[i][2]==2) {
-                    ids2.push(ids[i])
-                }
-            }
-        }
-        if (!chk2.includes("3")) {
-            for (var i = 0; i<ids.length; i++) {
-                if (ids[i][2]==3) {
-                    ids2.push(ids[i])
-                }
-            }
-        }
-        if (!chk2.includes("4")) {
-            for (var i = 0; i<ids.length; i++) {
-                if (ids[i][2]==4) {
-                    ids2.push(ids[i])
-                }
-            }
+
+    //If the second ability is a hidden ability, pick the first ability
+    else if(headAbilities[1][1] == true){
+        H1 = headAbilities[0][0].name;
+    }
+    //Otherwise, actually take the second ability
+    else{
+        H1 = headAbilities[1][0].name;
+    }
+
+    return [B0, H1];
+}
+
+
+function fusionHiddenAbilities(headAbilities, bodyAbilities, fusionAbilities){
+
+    var headAbility, bodyAbility;
+    var allAbilities = [];
+
+    var maxAbilities = 3;//Pokémons can't have more than 3 abilities
+    for(var a = 0; a < maxAbilities; a++){
+        if( a < headAbilities.length){
+            headAbility = ability = headAbilities[a][0].name;
+            allAbilities.push(headAbility);
         }
-        if (!chk2.includes("5")) {
-            for (var i = 0; i<ids.length; i++) {
-                if (ids[i][2]==5) {
-                    ids2.push(ids[i])
-                }
-            }
+        if( a < bodyAbilities.length){
+            bodyAbility = bodyAbilities[a][0].name;
+            allAbilities.push(bodyAbility);
         }
-        chk = chk2
-    } else if (chk2.length == 0) {
-        ids2 = ids
     }
-    return ids2
+
+    hiddenAbilities = allAbilities.filter(n => !fusionAbilities.includes(n));
+
+    return hiddenAbilities;
+}
+
+
+function removeDuplicates(list){
+    return Array.from(new Set(list));
+}
+
+
+function sanitizeAbilityList(abilityList){
+
+    if(abilityList.length == 0){
+        return abilityList;
+    }
+
+    abilityList = removeDuplicates(abilityList);
+
+    var listAb1 = "";
+    for (var i = 0; i < abilityList.length; i++) {
+        listAb1 = listAb1 + abilityList[i].charAt(0).toUpperCase() + abilityList[i].slice(1) + " / ";
+    }
+    listAb1 = listAb1.slice(0, listAb1.length - 1);
+    listAb1 = listAb1.split("-").join(" ")
+    listAb1 = listAb1.split(" ")
+    for (var i = 0, x = listAb1.length; i < x; i++) {
+        listAb1[i] = listAb1[i][0].toUpperCase() + listAb1[i].substr(1);
+    }
+    listAb1 = listAb1.join(" ").slice(0, -2);
+
+    return listAb1;
 }
 
+
 //Ability fusion function
 function fusAb(mon1, mon2) {
     var fabs = [];
@@ -951,155 +989,245 @@ function fusAb(mon1, mon2) {
     if (mon1.length == 3 && mon1[2][1] == true) {
         var H1 = mon1[1][0].name;
         var HH = mon1[2][0].name;
-    } else if (mon1.length == 2 && mon1[1][1] == true) {
+    }else if (mon1.length == 2 && mon1[1][1] == true) {
         var HH = mon1[1][0].name;
-    } else if (mon1.length == 2 && mon1[1][1] == false) {
+    } else if (mon1.length == 2 && mon1[1][1] == false){
         var H1 = mon1[1][0].name;
     }
-    
     var B0 = mon2[0][0].name;
     if (mon2.length == 3 && mon2[2][1] == true) {
         var B1 = mon2[1][0].name;
-        var BH = mon2[2][0].name;
-    } else if (mon2.length == 2 && mon2[1][1] == true) {
+        var BH = mon2[2][0].name;  
+    }else if (mon2.length == 2 && mon2[1][1] == true) {
         var BH = mon2[1][0].name;
-    } else if (mon1.length == 2 && mon1[1][1] == false) {
+    } else if (mon1.length == 2 && mon1[1][1] == false){
         var B1 = mon2[1][0].name;
     }
-    
-    //case H0/null/null + B0/null/null
-    //case H0/H1/null + B0/null/null
-    
-    if ((mon1.length == 1 && mon2.length == 1) || (mon1.length == 2 && mon2.length == 1 && mon1[1][1] == false)) {
-        //[H0=B0] -> H0/null/null
+    //cas H0/null/null + B0/null/null [H0=B0] -> H0/null/null
+    if (mon1.length == 1 && mon2.length == 1 && mon1[0][1] == false && mon2[0][1] == false) {
         if (H0 == B0) {
             fabs.push(H0);
-        //[H0#B0] -> H0/B0/null
-        } else {
+    //cas H0/null/null + B0/null/null [H0#B0] -> H0/B0/null
+        } else if (H0 != B0) {
             fabs.push(H0);
             fabs.push(B0);
         }
-    
-    //case H0/null/HH + B0/null/null
-    //case H0/H1/HH + B0/null/null
-
-    } else if ((mon1.length == 2 && mon2.length == 1 && mon1[1][1] == true) || (mon1.length == 3 && mon2.length == 1)) {
-        //[H0=B0] -> H0/null/HH
+    //cas H0/H1/null + B0/null/null [H0=B0] -> H0/H1/null
+    } else if (mon1.length == 2 && mon2.length == 1 && mon1[0][1] == false && mon1[1][1] == false && mon2[0][1] == false) {
         if (H0 == B0) {
             fabs.push(H0);
-            fabs.push(HH);
-        //[HH=B0] -> H0/B0/null
-        } else if (HH == B0) {
+            fabs.push(H1);
+    //cas H0/H1/null + B0/null/null [H0#B0] -> H0/B0/H1
+        } else if (H0 != B0) {
             fabs.push(H0);
             fabs.push(B0);
-        //[H0#B0 && HH#B0] -> H0/B0/HH
-        } else {
+            fabs.push(H1);
+        }
+    //cas H0/null/HH + B0/null/null [H0=B0 | HH=B0] -> H0/null/HH
+    } else if (mon1.length == 2 && mon2.length == 1 && mon1[0][1] == false && mon1[1][1] == true && mon2[0][1] == false) {
+        if (H0 == B0 || HH == B0) {
+            fabs.push(H0);
+            fabs.push(HH);
+    //cas H0/null/HH + B0/null/null [H0#B0 & HH#B0] -> H0/B0/HH
+        } else if (H0 != B0 && HH != B0) {
             fabs.push(H0);
             fabs.push(B0);
             fabs.push(HH);
         }
-    
-    //case H0/null/null + B0/null/BH
-    //case H0/H1/null + B0/null/BH
-    } else if ((mon1.length == 1 && mon2.length == 2 && mon2[1][1] == true) || (mon1.length == 2 && mon2.length == 2 && mon1[1][1] == false && mon2[1][1] == true)) {
-        //[H0=B0] -> H0/null/null
-        if (H0 == B0) {
+    //cas H0/H1/HH + B0/null/null [H0=B0 | B0=HH] -> H0/H1/HH
+    } else if (mon1.length == 3 && mon2.length == 1 && mon1[0][1] == false && mon1[1][1] == false && mon1[2][1] == true && mon2[0][1] == false) {
+        if (H0 == B0 || B0 == HH) {
             fabs.push(H0);
-        //[H0#B0] -> H0/B0/null
-        } else {
+            fabs.push(H1);
+            fabs.push(HH);
+    //cas H0/H1/HH + B0/null/null [H0#B0 & HH#B0] -> H0/B0/HH
+        } else if (H0 != B0 && HH != B0) {
             fabs.push(H0);
             fabs.push(B0);
+            fabs.push(HH);
         }
-
-    //case H0/null/HH + B0/null/BH
-    //case H0/H1/HH + B0/null/BH
-    } else if ((mon2.length == 2 && mon2.length == 2 && mon1[1][1] == true && mon2[1][1] == true) || (mon1.length == 3 && mon2.length == 2 && mon2[1][1] == true)) {
-        //[H0=B0] -> H0/null/HH
-        if (H0 == B0) {
+    //cas H0/null/null + B0/B1/null [H0=B1] -> H0/B0/null
+    } else if (mon1.length == 1 && mon2.length == 2 && mon1[0][1] == false && mon2[0][1] == false && mon2[1][1] == false) {
+        if (H0 == B1) {
             fabs.push(H0);
-            fabs.push(HH);
+            fabs.push(B0);
+    //cas H0/null/null + B0/B1/null [H0=B0] -> H0/B1/null
+        } else if (H0 == B0) {
+            fabs.push(H0);
+            fabs.punch(B1);
+    //cas H0/null/null + B0/B1/null [H0#B0 & H0#B1] -> H0/B1/B0
+        } else if (H0 != B0 && H0 != B1) {
+            fabs.push(H0);
+            fabs.push(B1);
+            fabs.push(B0);
         }
-        //[HH=B0] -> H0/B0/null
-        else if (HH == B0) {
+    //cas H0/H1/null + B0/B1/null [H0=B1] -> H0/B0/H1
+    } else if (mon1.length == 2 && mon2.length == 2 && mon1[0][1] == false && mon1[1][1] == false && mon2[0][1] == false && mon2[1][1] == false) {
+        if (H0 == B1) {
             fabs.push(H0);
             fabs.push(B0);
+            fabs.push(H1);
+    //cas H0/H1/null + B0/B1/null [H0=B0] -> H0/B1/H1
+        } else if (H0 == B0) {
+            fabs.push(H0);
+            fabs.push(B1);
+            fabs.push(H1);
+    //cas H0/H1/null + B0/B1/null [H1#B0 & H1#B1] -> H0/B1/H1
+        } else if (H1 != B0 && H1 != B1) {
+            fabs.push(H0);
+            fabs.push(B1);
+            fabs.push(H1);
         }
-        //[H0#B0 && HH#B0] -> H0/B0/HH
-        else {
+    //cas H0/null/HH + B0/B01/null [H0=B1 | HH=B1] -> H0/B0/HH
+    } else if (mon1.length == 2 && mon2.length == 2 && mon1[0][1] == false && mon1[1][1] == true && mon2[0][1] == false && mon2[1][1] == false) {
+        if (H0 == B1 || HH == B1) {
             fabs.push(H0);
             fabs.push(B0);
             fabs.push(HH);
+    //cas H0/null/HH + B0/B1/null [H0#B1 & HH#B1] -> H0/B1/HH
+        } else if (H0 != B1 && HH != B1) {
+            fabs.push(H0);
+            fabs.push(B1);
+            fabs.push(H1);
         }
-
-    //case H0/null/null + B0/B1/null
-    //case H0/H1/null + B0/B1/null
-
-    } else if ((mon1.length == 1 && mon2.length == 2 && mon2[1][1] == false) || (mon1.length == 2 && mon2.length == 2 && mon1[1][1] == false && mon2[1][1] == false)) {
-        //[H0=B1] -> H0/B0/null
-        if (H0 == B1) {
+    //cas H0/H1/HH + B0/B1/null [H0=B1 | HH=B1] -> H0/B0/HH
+    } else if (mon1.length == 3 && mon2.length == 2 && mon1[0][1] == false && mon1[1][1] == false && mon1[2][1] == true && mon2[0][1]==false && mon2[1][1] == false) {
+        if (H0 == B1 || HH == B1) {
             fabs.push(H0);
             fabs.push(B0);
-        //[H0#B1] -> H0/B1/null
-        } else {
+            fabs.push(HH);
+    //cas H0/H1/HH + B0/B1/null [H0#B1 & HH#B1] -> H0/B1/HH
+        } else if (H0 != B1 && HH != B1) {
             fabs.push(H0);
             fabs.push(B1);
+            fabs.push(HH);
         }
-
-    //case H0/null/HH + B0/B1/null
-    //case H0/H1/HH + B0/B1/null
-
-    } else if ((mon1.length == 2 && mon2.length == 2 && mon1[1][1] == true && mon2[1][1] == false) || (mon1.length == 3 && mon2.length == 2 && mon2[1][1] == false)) {
-        //[H0=B1] -> H0/B0/HH
-        if (H0 == B1) {
+    //cas H0/null/null + B0/null/BH [H0=BH] -> H0/null/B0
+    } else if (mon1.length == 1 && mon2.length == 2 && mon1[0][1] == false && mon2[0][1] == false && mon2[1][1] == true) {
+        if (H0 == BH) {
+            fabs.push(H0);
+            fabs.push(B0);
+    //cas H0/null/null + B0/null/BH [H0=B0] -> H0/null/BH
+        } else if (H0 == B0) {
+            fabs.push(H0);
+            fabs.push(BH);
+    //cas H0/null/null + B0/null/BH [H0#B0 & H0#BH] -> H0/B0/BH
+        } else if (H0 != B0 && H0 != BH) {
             fabs.push(H0);
             fabs.push(B0);
+            fabs.push(BH);
+        }
+    //cas H0/H1/null + B0/null/BH [H0=BH] -> H0/B0/H1
+    } else if (mon1.length == 2 && mon2.length == 2 && mon1[0][1] == false && mon1[1][1] == false && mon2[0][1] == false && mon2[1][1] == true) {
+        if (H0 == BH) {
+            fabs.push(H0);
+            fabs.push(B0);
+            fabs.push(H1);
+    //cas H0/H1/null + B0/null/BH [H0=B0] -> H0/BH/H1
+        } else if (H0 == B0) {
+            fabs.push(H0);
+            fabs.push(BH);
+            fabs.push(H1);
+    //cas H0/H1/null + B0/null/BH [H0#BH & H1#BH] -> H0/H1/BH
+        } else if (H0 != BH && H1 != BH) {
+            fabs.push(H0);
+            fabs.push(H1);
+            fabs.push(BH);
+        }
+    //cas H0/null/HH + B0/null/BH [H0=BH | HH=BH] -> H0/B0/HH
+    } else if (mon1.length == 2 && mon2.length == 2 && mon1[0][1] == false && mon1[1][1] == true && mon2[0][1] == false && mon2[1][1]==true) {
+        if (H0 == BH || HH == BH) {
+            fabs.push(H0);
+            fabs.push(B0);
+            fabs.push(HH);
+    //cas H0/null/HH + B0/null/BH [H0#BH & HH#BH] -> H0/BH/HH
+        } else if (H0 != BH && HH != BH) {
+            fabs.push(H0);
+            fabs.push(BH);
+            fabs.push(HH);
+        }
+    //cas H0/H1/HH + B0/null/BH [H0=BH | HH=BH] -> H0/B0/HH
+    } else if (mon1.length == 3 && mon2.length == 2 && mon1[0][1] == false && mon1[1][1] == false && mon1[2][1] == true && mon2[0][1] == false && mon2[1][1] == true) {
+        if (H0 == BH || HH == BH) {
+            fabs.push(H0);
+            fabs.push(B0);
+            fabs.push(HH);
+    //cas H0/H1/HH + B0/null/BH [H0#BH & HH#BH] -> H0/BH/HH
+        } else if (H0 != BH && HH != BH) {
+            fabs.push(H0);
+            fabs.push(BH);
             fabs.push(HH);
-        //[HH=B1] -> H0/B1/null
-        } else if (HH == B1) {
+        }
+    //cas H0/null/null + B0/B1/BH [H0#B1 & H0#BH] -> H0/B1/BH
+    } else if (mon1.length == 1 && mon2.length == 3 && mon1[0][1] == false  && mon2[0][1] == false && mon2[1][1] == false && mon2[2][1] == true) {
+        if (H0 != B1 && H0 != BH) {
             fabs.push(H0);
             fabs.push(B1);
-        //[H0#B1 && HH#B1] -> H0/B0/HH
-        } else {
+            fabs.push(BH);
+    //cas H0/null/null + B0/B1/BH [H0=B1] -> H0/B0/BH
+        } else if (H0 == B1) {
+            fabs.push(H0);
+            fabs.push(B0);
+            fabs.push(BH);
+    //cas H0/null/null + B0/B1/BH [H0=BH] -> H0/B1/B0
+        } else if (H0 == BH) {
             fabs.push(H0);
             fabs.push(B1);
-            fabs.push(HH);
+            fabs.push(B0);
         }
-    
-    //case H0/null/null + B0/B1/BH
-    //case H0/H1/null + B0/B1/BH
-
-    } else if ((mon1.length == 1 && mon2.length == 3) || (mon1.length == 2 && mon2.length == 3 && mon1[1][1] == false)) {
-        //[H0=B1]
-        if (H0 == B1) {
+    //cas H0/H1/null + B0/B1/BH [H0#B1 & H0#BH] -> H0/B1/BH
+    } else if (mon1.length == 2 && mon2.length == 3 && mon1[0][1] == false && mon1[1][1] == false && mon2[0][1] == false && mon2[1][1] == false && mon2[2][1] == true) {
+        if (H0 == B1 || H0 == BH) {
+            fabs.push(H0);
+            fabs.push(B1);
+            fabs.push(BH);
+    //cas H0/H1/null + B0/B1/BH [H0=B1] -> H0/B0/BH
+        } else if (H0 == B1) {
             fabs.push(H0);
             fabs.push(B0);
-        //[H0#B1]
-        } else {
+            fabs.push(BH);
+    //cas H0/H1/null + B0/B1/BH [H0=BH] -> H0/B1/B0
+        } else if (H0 == BH) {
             fabs.push(H0);
             fabs.push(B1);
+            fabs.push(B0);
         }
-
-    //case H0/null/HH + B0/B1/BH
-    //case H0/H1/HH + B0/B1/BH
-
-    } else if ((mon1.length == 2 && mon2.length == 3 && mon1[1][1] == true) || (mon1.length == 3 && mon2.length == 3)) {
-        //[H0=B1] -> H0/B0/HH
-        if (H0 == B1) {
+    //cas H0/null/HH + B0/B1/BH [H0#B1 & HH#B1] -> H0/B1/HH
+    } else if (mon1.length == 2 && mon2.length == 3 && mon1[0][1]==false && mon1[1][1] == true && mon2[0][1] == false && mon2[1][1] == false && mon2[2][1] == true) {
+        if (H0!=B1 && HH!=B1) {
+            fabs.push(H0);
+            fabs.push(B1);
+            fabs.push(HH);
+    //cas H0/null/HH + B0/B1/BH [H0=B1 | HH=B1] -> H0/B0/HH
+        } else if (H0 == B1 || HH == B1) {
             fabs.push(H0);
             fabs.push(B0);
             fabs.push(HH);
-        //[HH=B1] -> H0/B1/null
-        } else if (HH == B1) {
+    //cas H0/null/HH + B0/B1/BH [H0=B0 | HH=B0] -> H0/B1/HH
+        } else if (H0 == B0 || HH == B0) {
             fabs.push(H0);
             fabs.push(B1);
-        //[H0#B1 && HH#B1] -> H0/B0/HH
-        } else {
+            fabs.push(HH);
+        }
+    //cas H0/H1/HH + B0/B1/BH [H0#B1 & HH#B1] -> H0/B1/HH
+    } else if (mon1.length == 3 && mon2.length == 3 && mon1[0][1] == false && mon1[1][1] == false && mon1[2][1] == true && mon2[0][1] == false && mon2[1][1] == false && mon2[2][1] == true) {
+        if (H0 != B1 && HH != B1) {
+            fabs.push(H0);
+            fabs.push(B1);
+            fabs.push(HH);
+    //cas H0/H1/HH + B0/B1/BH [H0=B1 | HH=B1] -> H0/B0/HH
+        } else if (H0 == B1 || HH == B1) {
+            fabs.push(H0);
+            fabs.push(B0);
+            fabs.push(HH);
+    //cas H0/H1/HH + B0/B1/BH [H0=B0 | HH=B0] -> H0/B1/HH
+        } else if (H0 == B0 || HH == B0) {
             fabs.push(H0);
             fabs.push(B1);
             fabs.push(HH);
         }
     }
-    return fabs
+	return fabs
 }
 
 
@@ -1123,7 +1251,6 @@ function fusType(mon1, mon2) {
         if (mon1[0] != mon2[0]) {
             fmon.push(mon1[0]);
             fmon.push(mon2[0]);
-            fmon.push(mon3[0]);
 
     // Exception:
     // The body will provide its primary type
@@ -1140,13 +1267,11 @@ function fusType(mon1, mon2) {
         if (mon1[0] != mon2[1]) {
             fmon.push(mon1[0]);
             fmon.push(mon2[1]);
-            fmon.push(mon3[2]);
 
     //cas H0/null + B0/B1 [H0=B1] -> H0/B0
         } else {
             fmon.push(mon1[0])
-            fmon.push(mon2[0])
-            fmon.push(mon3[0]);
+            fmon.push(mon2[0]);
         }
 
     //cas H0/H1 + B0/B1 [H0=B1] -> H0/B0
@@ -1154,14 +1279,17 @@ function fusType(mon1, mon2) {
         if (mon1[0] == mon2[1]) {
             fmon.push(mon1[0]);
             fmon.push(mon2[0]);
-            fmon.push(mon3[0]);
 
     //cas H0/H1 + B0/B1 [H0#B1] -> H0/B1
         } else {
             fmon.push(mon1[0]);
             fmon.push(mon2[1]);
-            fmon.push(mon3[2]);
         }
     }
     return fmon
 }
+
+
+function isMissingNames(mon1, mon2){
+    return (mon1 == "" || mon1.length == 0 || mon1 == null) || (mon2 == "" || mon2.length == 0 || mon2 == null)
+}