GobZilla

Outils d'aide au jeu

目前为 2024-07-30 提交的版本。查看 最新版本

// ==UserScript==
// @name           GobZilla
// @namespace      Gobland
// @description    Outils d'aide au jeu
// @include        http://games.gobland.fr/jeuC.html
// @include        http://games.gobland.fr/act.php
// @include        http://games.gobland.fr/Vue.php
// @include        http://games.gobland.fr/Menu.php
// @include        http://games.gobland.fr/Meute.php
// @include        http://games.gobland.fr/ProfilPerso.php
// @include        http://games.gobland.fr/SmallEquipement.php
// @include        http://games.gobland.fr/fo_equipement.php*
// @include        http://games.gobland.fr/Equipement.php
// @include        http://games.gobland.fr/fo_orders.php*
// @include        http://games.gobland.fr/amelioration.php
// @include        http://games.gobland.fr/Follower.php*
// @include        http://games.gobland.fr/Followers.php**
// @include        http://games.gobland.fr/Options.php
// @include        http://games.gobland.fr/activDLA.php
// @include        http://games.gobland.fr/actions.php
// @include        http://games.gobland.fr/playActions.php
// @include        http://games.gobland.fr/goodies.php*
// @include        http://games.gobland.fr/stock.php?*
// @include        http://games.gobland.fr/membresClan.php
// @include        http://games.gobland.fr/Quetes.php
// @match          http://games.gobland.fr/index.php*
// @match          https://games.gobland.fr/index.php*
// @match          http://games.gobland.fr/playActions.php?todo=52
// @require        https://cdnjs.cloudflare.com/ajax/libs/raphael/2.3.0/raphael.js
// @require        https://greasemonkey.github.io/gm4-polyfill/gm4-polyfill.js
// @require        https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js
// @copyright      Lordslair, Seishin, Glak (393) et Death Métal (330)
// @author         DeathMétal 330 - Glak 393
// @license        https://creativecommons.org/licenses/by-sa/4.0/
// @version        2.0.4.1
// @icon           https://i.ibb.co/HB9XztJ/gobzilla.jpg
// ==/UserScript==





//==================================================================
/// Anaglobiseur (calculateur d'évolutiuon) (page amélioration)
//=================================================================

if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/amelioration\.php/i)) {

// Fonction pour créer les boutons + et -
function createButtons(row, currentValue, costValue, price, updateValueFunc, improvements, specialty, characteristic ) {
    const buttonPlus = document.createElement('button');
    buttonPlus.textContent = '+';
    const buttonMinus = document.createElement('button');
    buttonMinus.textContent = '-';
    row.appendChild(buttonMinus);
    row.appendChild(buttonPlus);

    buttonPlus.addEventListener('click', () => {
       const characteristicName = row.children[0].innerText.split('(')[0].trim();
       if (characteristicName === 'Durée du Tour') {
            let upgradesDuration = parseInt(row.children[2].innerText);
            upgradesDuration--;
            row.children[2].innerText = upgradesDuration;
            updateDuration(row, upgradesDuration);
            costValue += price;
            row.children[3].innerText = costValue;
            improvements.innerText = parseInt(improvements.innerText) + 1; // Augmente Nb Améliorations
            row.children[2].innerText = parseInt(improvements.innerText) + 1
        } else if (characteristicName === 'Points de Vie Maximum') {
            currentValue += 10;
            costValue += price;
            row.children[1].innerText = currentValue;
            row.children[3].innerText = costValue;
            improvements.innerText = parseInt(improvements.innerText) + 1; // Modifier cette ligne
        } else {
            currentValue = updateValueFunc(currentValue, 1); // Augmenter la valeur
            costValue += price; // Mettre à jour le coût
            improvements.innerText = parseInt(improvements.innerText) + 1; // Mettre à jour Nb Améliorations
            row.children[1].innerText = currentValue; // Mettre à jour la colonne "Valeur Actuelle"
            row.children[3].innerText = costValue; // Mettre à jour la colonne "Coût Amélioration Suivante"
        }
updateTotalCost();
updateDisplayedValues();
calculateLevel();
adjustPricesBasedOnSpecialty(specialiteJoueur);
getPriceForSpecialty(specialty, characteristic);



    });

    buttonMinus.addEventListener('click', () => {
      const characteristicName = row.children[0].innerText.split('(')[0].trim();
        if (characteristicName === 'Durée du Tour') {
                let upgradesDuration = parseInt(row.children[2].innerText);
                upgradesDuration++;
                row.children[2].innerText = upgradesDuration;
                updateDuration(row, upgradesDuration);
                costValue -= price;
                row.children[3].innerText = costValue;
                improvements.innerText = parseInt(improvements.innerText) - 1; // Augmente Nb Améliorations
                row.children[2].innerText = parseInt(improvements.innerText) - 1;
            } else if (characteristicName === 'Points de Vie Maximum') {
                currentValue -= 10;
                costValue -= price;
                row.children[1].innerText = currentValue;
                row.children[3].innerText = costValue;
               improvements.innerText = parseInt(improvements.innerText) -1; // Modifier cette ligne
            } else {
            currentValue = updateValueFunc(currentValue, -1); // Augmenter la valeur
            costValue -= price; // Mettre à jour le coût
            improvements.innerText = parseInt(improvements.innerText) + -1; // Mettre à jour Nb Améliorations
            row.children[1].innerText = currentValue; // Mettre à jour la colonne "Valeur Actuelle"
            row.children[3].innerText = costValue; // Mettre à jour la colonne "Coût Amélioration Suivante"
        }
updateTotalCost();
updateDisplayedValues();
calculateLevel();

    });

}


// Fonction pour mettre à jour la colonne Nb Améliorations
    function updateImprovements(row, change) {
        let currentImprovements = parseInt(row.children[2].innerText);
        currentImprovements += change;
        row.children[2].innerText = currentImprovements;
    }

// Gestion durée du tour (marche mal)
// Fonction pour mettre à jour la durée du tour en heures et minutes
    function updateDuration(row, upgrades) {
        let newDurationInMinutes = 30 - (upgrades * 3);
        let currentDurationText = row.children[1].innerText;
        let currentDurationParts = currentDurationText.split(' ');
        let currentHours = parseInt(currentDurationParts[0]);
        let currentMinutes = parseInt(currentDurationParts[3]);
        let currentDurationInMinutes = currentHours * 60 + currentMinutes;
        let updatedDuration = currentDurationInMinutes + newDurationInMinutes;
        let updatedHours = Math.floor(updatedDuration / 60);
        let remainingMinutes = updatedDuration % 60;

        row.children[1].innerText = updatedHours + ' heures et ' + remainingMinutes + ' minutes';
    }
// Fonction pour mettre à jour une valeur en fonction de l'incrément/decrement
    function updateValue(value, change) {
        return value + change;
    }



// Sélection des caractéristiques et initialisation des valeurs
    const characteristics = [
        document.querySelectorAll('tr.pair')[1], // Durée du tour
        document.querySelectorAll('tr.pair')[2], // PV max
        document.querySelectorAll('tr.pair')[3], // Perception
        document.querySelectorAll('tr.pair')[4], // Attaque
        document.querySelectorAll('tr.pair')[5], // Esquive
        document.querySelectorAll('tr.pair')[6], // Dégâts
        document.querySelectorAll('tr.pair')[7]  // Régénération

    ];


// Ajout d'une Ligne Total
// Sélection de la ligne "Dés de Régénération (+1D3)"
  const regenerationRow = document.querySelectorAll('tr.pair')[7]; // Modifier le sélecteur si nécessaire
// Création de la ligne "Total"
  const totalRow = document.createElement('tr');
// Colonne 1 (caractéristique)
  const totalCell1 = document.createElement('td');
totalCell1.textContent = 'Total';

totalRow.appendChild(totalCell1);
// Colonne 2 (total des valeurs actuelles)
  const totalCell2 = document.createElement('td');
totalRow.appendChild(totalCell2);
// Colonne 3 (vide pour laisser la colonne Nb Améliorations)
  const totalCell3 = document.createElement('td');
totalRow.appendChild(totalCell3);
// Colonne 4 (total des coûts)
  const totalCostValue = Array.from(document.querySelectorAll('tr.pair td:nth-child(4)'))
    .slice(1) // Ignorer la première ligne (en-tête)
    .reduce((acc, cell) => acc + parseInt(cell.innerText), 0);
  const totalCell4 = document.createElement('td');
totalCell4.textContent = totalCostValue;
totalCell4.title = "total cumulatif des PI dépensés. Basé sur prix 16 sauf regen 30 et spécilité 12";
totalRow.appendChild(totalCell4);
// Insérer la ligne "Total" après la ligne "Dés de Régénération (+1D3)"
regenerationRow.parentNode.insertBefore(totalRow, regenerationRow.nextSibling);



//Gestion des Dons
// Récupération des éléments pour chaque don
  const donsRows = [
    document.querySelector('tr.pair:nth-child(13)'),
    document.querySelector('tr.pair:nth-child(14)'),
    document.querySelector('tr.pair:nth-child(15)'),
    document.querySelector('tr.pair:nth-child(16)'),
    document.querySelector('tr.pair:nth-child(17)')
];
// Tableau des coûts pour chaque don
  const donsCosts = [10, 20, 10, 10, 10];
// Tableau des améliorations pour chaque don
  const donsImprovements = donsRows.map(row => row ? parseImprovements(row) - 1 : /* Valeur par défaut */ 0);
// Tableau des coûts totaux pour chaque don
  const donsTotalCosts = donsCosts.map((cost, index) => {
    if (donsRows[index]) {
        return calculateTotalCost(cost, donsImprovements[index]);
    }
    // Si le don n'est pas trouvé, attribuer une valeur par défaut (par exemple, 0)
    return /* Valeur par défaut */ 100;
});
// Calcul du coût total de tous les dons
  const totalDonCostValue = donsTotalCosts.reduce((acc, curr) => acc + curr, 0);
    localStorage.setItem('totalDonCostValue', totalDonCostValue);
// Création de la ligne "Total" pour les dons
  const totalDonRow = document.createElement('tr');
totalDonRow.innerHTML = '<td>Total</td><td></td><td></td><td></td>';
  const totalDonCostCell = totalDonRow.querySelector('td:last-child');
totalDonCostCell.textContent = totalDonCostValue;
totalDonCostCell.title = "Il s'agit du total cumulatif dépensé, en tenant compte des dons qui n'apparaissent pas ici (ceux améliorés à fond)";
// Insérer la ligne "Total" après la dernière ligne de dons
  const lastDonRow = document.querySelector('tr.pair:last-child');
lastDonRow.parentNode.appendChild(totalDonRow);
// Fonction pour extraire le coût d'un don à partir de sa ligne
function parseDonCost(row) {
    if (row) {
        const costText = row.querySelector('td:nth-child(4)').innerText;
        return parseInt(costText);
    }
    return 0;
}
// Fonction pour extraire le nombre d'améliorations d'un don à partir de sa ligne
function parseImprovements(row) {
    if (row) {
        const improvementsText = row.querySelector('td:nth-child(3)').innerText.split(' ')[0];
        return parseInt(improvementsText);
    }
    return 0;
}
// Fonction pour calculer le coût total d'un don en fonction de son coût de base et du nombre d'améliorations
function calculateTotalCost(baseCost, improvements) {
    let totalCostDon = 0;
    for (let i = 1; i <= improvements; i++) {
        totalCostDon += baseCost * i;
    }
    return totalCostDon;
}






function getPriceForSpecialty(specialty, characteristic) {
    return specialtyPrices[specialty]?.[characteristic] || defaultPrices[characteristic];

}

function adjustPricesBasedOnSpecialty(specialty) {
    // Réinitialisation des prix par défaut
     defaultPrices = {
        'Durée du Tour': 16,
        'Points de Vie Maximum': 16,
        'Perception': 16,
        'Dés d\'Attaque': 16,
        'Dés d\'Esquive': 16,
        'Dés de Dégats': 16,
        'Dés de Régénération': 30
        // Ajoutez d'autres caractéristiques avec leurs prix correspondants
    };

    // Réinitialisation des prix spécifiques à la spécialité
      specialtyPrices = {
        'Points de Vie': { 'Points de Vie Maximum': 12 },
        'Perception': { 'Perception': 12 },
        'Attaque': { 'Dés d\'Attaque': 12 },
        'Esquive': { 'Dés d\'Esquive': 12 },
        'Dégats': { 'Dés de Dégats': 12 },
        'Régénération': { 'Dés de Régénération': 12 }
    };

    // Mettre à jour les prix en fonction de la nouvelle spécialité
    Object.keys(defaultPrices).forEach(key => {
        const price = getPriceForSpecialty(specialty, key);
        defaultPrices[key] = price;
        console.log('const price', price);
    });

    localStorage.setItem('specialiteJoueur', specialty);
    localStorage.setItem('prix par défaut', JSON.stringify(defaultPrices));
    localStorage.setItem('prix spécialité', JSON.stringify(specialtyPrices));

    console.log('prix spécialité', specialtyPrices);
    console.log('prix par défaut', defaultPrices);
    console.log('Spécialité enregistrée', specialty);

    updateTotalCost(); // Mettre à jour le coût total
    updateDisplayedValues(); // Mettre à jour les valeurs affichées
    calculateLevel(); // Mettre à jour le niveau

}




    let specialiteJoueur = localStorage.getItem('specialiteJoueur');
    if (specialiteJoueur) {
        adjustPricesBasedOnSpecialty(specialiteJoueur);
          console.log('Spécialité enregistrée :', specialiteJoueur);
    } else {
          console.log('Aucune spécialité enregistrée.');
          alert('Sélectionnez une spécialité pour faire des projections sur votre gobelin!');

    }
          console.log('Spécialité enregistrée :', specialiteJoueur);
    const targetElement = document.querySelector('.gfmm > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1)');
          console.log("Élément cible trouvé :", targetElement);

    const specialtySelect = document.createElement('select');
    specialtySelect.id = 'specialtySelect';
    specialtySelect.title = 'Bienvenue sur AnaGlobiliseur. Choisir votre spécialité pour calculer (a peu pres) les PI nécessaires et le niveau projeté en fonction des caractéristiques que vous voulez monter'

    const defaultOption = document.createElement('option');
    defaultOption.value = '';

    specialtySelect.appendChild(defaultOption);

    const specialties = ['Points de Vie', 'Attaque', 'Esquive', 'Dégats', 'Régénération', 'Perception'];
    specialties.forEach(specialty => {
        const option = document.createElement('option');
        option.value = specialty;
        option.textContent = specialty;
        specialtySelect.appendChild(option);
    });
if (specialiteJoueur) {
    specialtySelect.value = specialiteJoueur;
}
    specialtySelect.addEventListener('change', () => {
        specialiteJoueur = specialtySelect.value;
        adjustPricesBasedOnSpecialty(specialiteJoueur);
            localStorage.setItem('specialiteJoueur', specialiteJoueur); // Mise à jour dans le stockage local
            location.reload();
            location.reload();
    });

    targetElement.appendChild(specialtySelect);
    console.log("Liste déroulante insérée dans l'élément cible.");






characteristics.forEach(row => {
    const currentValue = parseInt(row.children[1].innerText);
    const improvements = row.children[2];
    const costValue = parseInt(row.children[3].innerText);
    const characteristicName = row.children[0].innerText.match(/(.*) \(.*/)[1];
    const price = getPriceForSpecialty(localStorage.getItem('specialiteJoueur'), characteristicName);
    createButtons(row, currentValue, costValue, price, updateValue, improvements);
});



function updateTotalCost() {
    const specialiteJoueur = localStorage.getItem('specialiteJoueur'); // Récupérer la spécialité choisie depuis le localStorage
    const totalCost = characteristics.reduce((acc, row) => {
    const characteristicName = row.children[0].innerText.split('(')[0].trim(); // Récupération du nom sans les parenthèses
    const improvements = parseInt(row.children[2].innerText); // Nombre d'améliorations
    const price = getPriceForSpecialty(specialiteJoueur, characteristicName); // Utilisation de la fonction pour récupérer le prix

        let cumulativeCost = 0;
        for (let i = 1; i <= improvements; i++) {
            cumulativeCost += price * i;
        }


        // Affichage du détail pour chaque ligne dans la console
        console.log(`Ligne: ${characteristicName} - Prix unitaire: ${price} - Améliorations: ${improvements} - Coût total: ${cumulativeCost}`);

        return acc + cumulativeCost;
    }, 0);

        console.log('Total:', totalCost); // Affichage du total dans la console

    // Enregistrement du total dans le localStorage
        localStorage.setItem('totalCost', totalCost);

    // Mise à jour de l'affichage du total dans l'interface HTML
    const totalCell = document.querySelector('.gfmm > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(11) > td:nth-child(4)');
    totalCell.textContent = totalCost;
}




/// Pour calculer le niveau en fonction du total de PI
  function calculateLevel() {
    const nbPIActuels = window.localStorage.getItem('nbPIActuelsValue');
    const levels = [

    { requiredPI: 0, level: 1 },
    { requiredPI: 10, level: 2 },
    { requiredPI: 30, level: 3 },
    { requiredPI: 60, level: 4 },
    { requiredPI: 100, level: 5 },
    { requiredPI: 150, level: 6 },
    { requiredPI: 210, level: 7 },
    { requiredPI: 280, level: 8 },
    { requiredPI: 360, level: 9 },
    { requiredPI: 450, level: 10 },
    { requiredPI: 550, level: 11 },
    { requiredPI: 660, level: 12 },
    { requiredPI: 780, level: 13 },
    { requiredPI: 910, level: 14 },
    { requiredPI: 1050, level: 15 },
    { requiredPI: 1200, level: 16 },
    { requiredPI: 1360, level: 17 },
    { requiredPI: 1530, level: 18 },
    { requiredPI: 1710, level: 19 },
    { requiredPI: 1900, level: 20 },
    { requiredPI: 2100, level: 21 },
    { requiredPI: 2310, level: 22 },
    { requiredPI: 2530, level: 23 },
    { requiredPI: 2760, level: 24 },
    { requiredPI: 3000, level: 25 },
    { requiredPI: 3250, level: 26 },
    { requiredPI: 3510, level: 27 },
    { requiredPI: 3780, level: 28 },
    { requiredPI: 4060, level: 29 },
    { requiredPI: 4350, level: 30 },
    { requiredPI: 4650, level: 31 },
    { requiredPI: 4960, level: 32 },
    { requiredPI: 5280, level: 33 },
    { requiredPI: 5610, level: 34 },
    { requiredPI: 5950, level: 35 },
    { requiredPI: 6300, level: 36 },
    { requiredPI: 6660, level: 37 },
    { requiredPI: 7030, level: 38 },
    { requiredPI: 7410, level: 39 },
    { requiredPI: 7800, level: 40 },
    { requiredPI: 8200, level: 41 },
    { requiredPI: 8610, level: 42 },
    { requiredPI: 9030, level: 43 },
    { requiredPI: 9460, level: 44 },
    { requiredPI: 9900, level: 45 },
    { requiredPI: 10350, level: 46 },
    { requiredPI: 10810, level: 47 },
    { requiredPI: 11280, level: 48 },
    { requiredPI: 11760, level: 49 },
    { requiredPI: 12250, level: 50 },
    { requiredPI: 12750, level: 51 },
    { requiredPI: 13260, level: 52 },
    { requiredPI: 13780, level: 53 },
    { requiredPI: 14310, level: 54 },
    { requiredPI: 14850, level: 55 },
    { requiredPI: 15400, level: 56 },
    { requiredPI: 15960, level: 57 },
    { requiredPI: 16530, level: 58 },
    { requiredPI: 17110, level: 59 },
    { requiredPI: 17700, level: 60 },
    { requiredPI: 18300, level: 61 },
    { requiredPI: 18910, level: 62 },
    { requiredPI: 19530, level: 63 },
    { requiredPI: 20170, level: 64 },
    { requiredPI: 20820, level: 65 },
    { requiredPI: 21480, level: 66 },
    { requiredPI: 22150, level: 67 },
    { requiredPI: 22830, level: 68 },
    { requiredPI: 23520, level: 69 },
    { requiredPI: 24220, level: 70 },
    { requiredPI: 24930, level: 71 },
    { requiredPI: 25650, level: 72 },
    { requiredPI: 26380, level: 73 },
    { requiredPI: 27120, level: 74 },
    { requiredPI: 27870, level: 75 },
    { requiredPI: 28630, level: 76 },
    { requiredPI: 29400, level: 77 },
    { requiredPI: 30180, level: 78 },
    { requiredPI: 30970, level: 79 },
    { requiredPI: 31770, level: 80 },
    { requiredPI: 32580, level: 81 },
    { requiredPI: 33400, level: 82 },
    { requiredPI: 34230, level: 83 },
    { requiredPI: 35070, level: 84 },
    { requiredPI: 35920, level: 85 },
    { requiredPI: 36780, level: 86 },
    { requiredPI: 37650, level: 87 },
    { requiredPI: 38530, level: 88 },
    { requiredPI: 39420, level: 89 },
    { requiredPI: 40320, level: 90 },
    { requiredPI: 41230, level: 91 },
    { requiredPI: 42150, level: 92 },
    { requiredPI: 43080, level: 93 },
    { requiredPI: 44020, level: 94 },
    { requiredPI: 44970, level: 95 },
    { requiredPI: 45930, level: 96 },
    { requiredPI: 46900, level: 97 },
    { requiredPI: 47880, level: 98 },
    { requiredPI: 48870, level: 99 },
    { requiredPI: 49870, level: 100 }
];

    let currentLevel = 1;
    for (const { requiredPI, level } of levels) {
        if (nbPIActuels >= requiredPI) {
            currentLevel = level;
        } else {
            break;
        }
    }
      console.log('niveau', currentLevel);
    return currentLevel;

}


    const PX = window.localStorage.getItem('PX');
    const PXPerso = window.localStorage.getItem('PXPerso');
    const PI = window.localStorage.getItem('PI');
      console.log('PX', PX);
    const totalCost = window.localStorage.getItem('totalCost');
    const nbPIActuels = window.localStorage.getItem('nbPIActuels');
    const PIapprentissagesText = `PI investis dans les apprentissages :`;
    const PIapprentissagesValue =   nbPIActuels - totalDonCostValue - totalCost  - PI - PXPerso;
      localStorage.setItem('PIapprentissagesText', PIapprentissagesText);
      localStorage.setItem('PIapprentissagesValue', PIapprentissagesValue);

  function updateDisplayedValues() {
// Récupérer les valeurs du local storage
    const niveau = window.localStorage.getItem('niveau');
    const PX = window.localStorage.getItem('PX');
    const PXperso = window.localStorage.getItem('PXperso');
    const PI = window.localStorage.getItem('PI');
    const totalCost = window.localStorage.getItem('totalCost');
    const PIapprentissagesText = window.localStorage.getItem('PIapprentissagesText');
    const PIapprentissagesValue = window.localStorage.getItem('PIapprentissagesValue');

// Trouver l'élément contenant le texte "Vous pouvez vous améliorer à concurrence de ...."
    const targetElement = document.querySelector('tr.pair:nth-child(1) > td:nth-child(1)');
// Créer des éléments pour afficher les valeurs mises à jour
    const niveauText = `Niveau actuel : ${niveau}`;
    const nbPIActuelsText = `Total PI simulés :`;
    const nbActualText = `Vous avez actuellement :`;
    const nbPIActuels =  window.localStorage.getItem('nbPIActuels');
    const nbPIActuelsValue = Math.floor(+totalCost + +totalDonCostValue  + +PIapprentissagesValue +  +PI);
     localStorage.setItem('nbPIActuelsValue', nbPIActuelsValue);
// Calculer le niveau en fonction de nbPIActuels
    const currentLevel = calculateLevel(parseInt(nbPIActuelsValue));
    const currentLevelText = `Niveau atteint : ${currentLevel}`;
    const PICompText = 'PI investis dans les caractéristiques : '
    const PICompValue = totalCost;


// Pour calculer le nombre de PX par jour depuis la création
    const diffpx = nbPIActuelsValue - nbPIActuels;
      console.log(diffpx);
    let dateCreationGobelin = localStorage.getItem('DateCrea');
    let dateCrea = new Date(dateCreationGobelin);
    let dateActuelle = new Date();
    let differenceEnMs = dateActuelle - dateCrea;
    let differenceEnJours = Math.floor(differenceEnMs / (1000 * 60 * 60 * 24));
   if (!localStorage.getItem('xpParJourfiged')) {
    // Calcul de xpParJourfiged
    const xpParJour = nbPIActuelsValue !== 0 ? nbPIActuelsValue / differenceEnJours : 0;
    const xpParJourArrondi = xpParJour.toFixed(2);
      localStorage.setItem('xpParJourfiged', xpParJourArrondi);
}


    const xpParJourfiged = localStorage.getItem('xpParJourfiged');
    const nbdejourneeded = diffpx/xpParJourfiged;
    const nbdejourneededArrondi = nbdejourneeded.toFixed(2);
    const daytoyear = nbdejourneededArrondi/365;
    const daytoyearround = daytoyear.toFixed(1);

    const newContent = `
  <div>${nbActualText + "<strong>" + nbPIActuels + " PI" + "</strong>"}</div>
  <div>${PIapprentissagesText + "<strong>" + +PIapprentissagesValue + "</strong>"}</div>
  <div>${PICompText + "<strong>" + PICompValue + "</strong>"}</div>
  <div>${niveauText}</div>
  <div>${nbPIActuelsText + "<strong>" + nbPIActuelsValue + "</strong>"}</div>
  <div>${currentLevelText}</div>
  <div>${"<strong>" + differenceEnJours  + "</strong>" + " jours sont passés depuis votre naissance, vous avez gagné " + "<strong>" + xpParJourfiged + " px/jour" + "</strong>"}</div>
  <div>${"Pour atteindre les valeurs simulées au rythme actuel il vous faudra " + "<strong>" + nbdejourneededArrondi + " jours" + "</strong>" + " (" + "<strong>" + daytoyearround + " années" + "</strong>" + ")"}</div>
`;


// Création d'un nouvel élément div pour contenir le nouveau contenu
const newElement = document.createElement('div');
newElement.innerHTML = newContent;
// Remplacement du contenu existant par le contenu nouvellement créé
targetElement.innerHTML = ''; // Vide d'abord le contenu existant
targetElement.appendChild(newElement);
}

updateDisplayedValues();
calculateLevel();



}






//==============================================================================
/// calculateur des DLA (page mon profil et menu.php)
//==============================================================================

/// récup des variable dans mon profil
if (window.location.href === 'http://games.gobland.fr/ProfilPerso.php') {

  // Fonction pour actualiser les variables et rafraîchir la page



  // Récupération de l'élément contenant les dates
    const dateContainer = document.querySelector('#content div#identite table.gf tbody tr:nth-child(2) td:nth-child(2)');

    // Vérification si l'élément est récupéré
    if (dateContainer) {
        // Récupération de tous les éléments <span> dans dateContainer
        const spans = dateContainer.querySelectorAll('span.dla');

        // Vérification si les éléments <span> sont trouvés
        if (spans.length >= 3) {
             const DLA1 = spans[0].nextSibling.textContent.trim();
             const DLA2 = spans[1].nextSibling.textContent.trim();
             const DLA3 = spans[2].nextSibling.textContent.trim();


            // Stockage dans le local storage
            localStorage.setItem('DLA1', DLA1);
            localStorage.setItem('DLA2', DLA2);
            localStorage.setItem('DLA3', DLA3);

            } else {
            console.error('Erreur récup DLAs . Pas assez de balises <span> trouvées.');
        }




            // Recherche de l'élément XPath spécifique
            const xpath = '/html/body/div[3]/div/table/tbody/tr[2]/td[2]/table/tbody/tr[2]/td/br[3]';
            const xpathResult = document.evaluate(xpath, document, null, XPathResult.ANY_TYPE, null);

            // Récupération du nœud correspondant à l'élément XPath
            const node = xpathResult.iterateNext();

            if (node) {
                // Récupération du texte suivant l'élément XPath
                const valeurPAText = node.nextSibling.textContent;

                // Expression régulière pour extraire le nombre
                const regex = /(\d+)/;
                const match = valeurPAText.match(regex);

                if (match && match[1]) {
                    valeurPA = parseInt(match[1], 10);
                    console.log('Valeur de PA:', valeurPA);
                    localStorage.setItem('valeurPA', valeurPA);
                } else {
                    console.error('Aucune correspondance trouvée pour la valeur de PA.');
                }
            } else {
                console.error('Élément XPath pour la valeur de PA non trouvé.');
            }
          }
       else {
        console.error('Conteneur de dates non trouvé.');
    }



                // Récupération de l'heure actuelle de Paris
        const now = new Date();
          console.log('now', now);

        const options = { timeZone: 'Europe/Paris', hour24: false };
        const currentDateTime = now.toLocaleString('fr-FR', options);

        // Conversion des dates en objets Date
        const DLA1 = localStorage.getItem('DLA1');
        const DLA2 = localStorage.getItem('DLA2');
        const DLA3 = localStorage.getItem('DLA3');
        const dateDLA1 = new Date(DLA1);
        const dateDLA2 = new Date(DLA2);
        const dateDLA3 = new Date(DLA3);
          localStorage.setItem('dateDLA1', dateDLA1);
          localStorage.setItem('dateDLA2', dateDLA2);
          localStorage.setItem('dateDLA3', dateDLA3);
          console.log('Date pour DLA1:', dateDLA1);
          console.log('Date pour DLA2:', dateDLA2);
          console.log('Date pour DLA3:', dateDLA3);

        // Calcul de la différence en millisecondes
        const diffDLA1 = dateDLA1 - now;
        const diffDLA2 = dateDLA2 - now;
        const diffDLA3 = dateDLA3 - now;
          localStorage.setItem('diffDLA1', diffDLA1);
          localStorage.setItem('diffDLA2', diffDLA2);
          localStorage.setItem('diffDLA3', diffDLA3);

// Calcul de la différence en minutes
        const diffMinutesDLA1 = Math.round(Math.abs(diffDLA1 / (1000 * 60)));
        const diffMinutesDLA2 = Math.round(Math.abs(diffDLA2 / (1000 * 60)));
        const diffMinutesDLA3 = Math.round(Math.abs(diffDLA3 / (1000 * 60)));
          localStorage.setItem('diffMinutesDLA1', diffMinutesDLA1);
          localStorage.setItem('diffMinutesDLA2', diffMinutesDLA2);
          localStorage.setItem('diffMinutesDLA3', diffMinutesDLA3);
          console.log('Différence DLA1 en minutes:', diffMinutesDLA1, 'minutes');
          console.log('Différence DLA2 en minutes:', diffMinutesDLA2, 'minutes');
          console.log('Différence DLA3 en minutes:', diffMinutesDLA3, 'minutes');


// Enregistrement de l'heure de réactualisation des variables dans le localStorage
        const lastRefreshTime = new Date().toLocaleString('fr-FR', { timeZone: 'Europe/Paris' });
          localStorage.setItem('lastRefreshTime', lastRefreshTime);

}





/// affichage des variables dans le menu left (j'ai galéré on doit pvr faire mieux^^)
if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/Menu\.php/i)) {

// Récupération de l'élément ciblé
        const DLA1 = localStorage.getItem('DLA1');
        const DLA2 = localStorage.getItem('DLA2');
        const DLA3 = localStorage.getItem('DLA3');
        const diffMinutesDLA1 = localStorage.getItem('diffMinutesDLA1');
        const diffMinutesDLA2 = localStorage.getItem('diffMinutesDLA2');
        const diffMinutesDLA3 = localStorage.getItem('diffMinutesDLA3');
        const dateDLA1 = new Date(localStorage.getItem('dateDLA1'));
        const dateDLA2 = new Date(localStorage.getItem('dateDLA2'));
        const dateDLA3 = new Date(localStorage.getItem('dateDLA3'));
        const valeurPA = localStorage.getItem('valeurPA');
        const now = new Date();
        const targetElement = document.getElementById('dim');
        let textToInsert = '';





// Obtenez le jour de la semaine (0 pour dimanche, 1 pour lundi, ... , 6 pour samedi)
  const dayOfWeek = now.getDay();

// Vérifiez si c'est le week-end (samedi ou dimanche)
  const isWeekend = dayOfWeek === 0 || dayOfWeek === 6;

// Conditions pour déterminer le texte à insérer
  //speedXekk end
if (isWeekend) {
    if (now > dateDLA3) {
        textToInsert = `<span style="color: red" title="Décalez de ${diffMinutesDLA3} minutes pour ne pas perdre votre trimul">Trimul dépassé!</span>`;
    } else if (now > dateDLA2) {
        textToInsert = `<span style="color: blue" title="Trimul dans ${diffMinutesDLA3} minutes">Cumul jouable</span>`;
    } else if (now > dateDLA1) {
        if (valeurPA === '0') {
            textToInsert = `<span style="color: green" title="Vous pouvez activer. Cumul dans ${diffMinutesDLA2} minutes">DLA dépassée</span>`;
        } else {
            textToInsert = `<span style="color: red"  title="Décalez de ${diffMinutesDLA1} minutes pour ne pas perdre vos ${valeurPA} PA">DLA dépassée</span>`;
        }
    } else if (now < dateDLA1) {
        textToInsert = `<span style="color: green" title="Il vous reste ${valeurPA} PA">DLA dans ${diffMinutesDLA1} minutes</span>`;
    }
}

  //pas speed week end
  if (!isWeekend) {
    if (now > dateDLA3) {
        textToInsert = `<span style="color: red" title="Décalez de ${diffMinutesDLA3} minutes pour ne pas perdre de DLA">DLA dépassée</span>`;
    } else if (now > dateDLA2) {
        textToInsert = `<span style="color: red" title="Décalez de ${diffMinutesDLA2} minutes pour jouer un cumul">DLA dépassée</span>`;
    } else if (now > dateDLA1) {
        if (valeurPA === '0') {
            textToInsert = `<span style="color: green" title="Vous pouvez activer. Cumul dans ${diffMinutesDLA2} minutes">DLA dépassée</span>`;
        } else {
            textToInsert = `<span style="color: red" title="Décalez de ${diffMinutesDLA1} minutes pour ne pas perdre vos ${valeurPA} PA">DLA dépassée</span>`;
        }
    } else if (now < dateDLA1) {
        textToInsert = `<span style="color: green" title="Il vous reste ${valeurPA} PA">DLA dans ${diffMinutesDLA1} minutes</span>`;
    }
}

targetElement.insertAdjacentHTML('afterend', `<br>${textToInsert}`);


// Ajout du texte sur la date du dernier resfresh
// Récupération de l'élément ciblé
  const targetElement2 = document.querySelector('.dla > span:nth-child(7)');

if (targetElement) {
    const lastRefreshTime = localStorage.getItem('lastRefreshTime');

    if (lastRefreshTime) {
        const smallText = document.createElement('small');
        smallText.textContent = `(${lastRefreshTime})`;
        smallText.style.fontSize = 'smaller'; // Réduit la taille de la police
        smallText.title = 'Date du dernier refresh. Pour rafraichir le calcul, allez sur votre page profil et actualisez la page'
        targetElement2.appendChild(document.createElement('br')); // Saut de ligne
        targetElement2.appendChild(smallText); // Ajout du texte entre parenthèses après le 7e span
    }
}

}



//==========================================================================================================================================================================================================================
///affichage de l'icone Gobzilla avec version au survol dans le menu left
//==========================================================================================================================================================================================================================
(function() {
    'use strict';


    var iconUrl = 'https://i.ibb.co/s1MG4Dt/g-OBZILLAICON-removebg.png';
    var scriptVersion = GM_info.script.version;
    // URL de redirection au clic sur l'icône
    var redirectionUrl = 'http://games.gobland.fr/goodies.php';


    var icon = document.createElement('img');
    icon.src = iconUrl;
    icon.style.position = 'absolute';
    icon.style.top = '-145px'; //
    icon.style.left = '80px';
    icon.style.zIndex = '9999';
    icon.style.width = '80px';
    icon.style.height = '50px';
    icon.style.opacity = '0.7';
    icon.title = 'Version du script: ' + scriptVersion;


 // Ajout du gestionnaire d'événements pour le clic sur l'icône
    icon.addEventListener('click', function() {
        window.open(redirectionUrl, '_blank', 'width=500,height=500'); // Ouvre l'URL dans une nouvelle fenêtre flottante
    });

    // Sélectionnez l'endroit où vous souhaitez ajouter l'icône
    var targetElement = document.querySelector('.presentation'); // Remplacez par la classe ou l'ID de l'élément où vous voulez ajouter l'icône

    // Ajoutez l'icône à l'emplacement sélectionné
    if (targetElement) {
        targetElement.appendChild(icon);
    }
})();

//==========================================================================================================================================================================================================================
// Page suivants - Ajout de la vue sur la page "ordre", ajout de boutons de racourcis vers des ordres et mise en couleur de la position sur le profil
//==========================================================================================================================================================================================================================

// Vérification si la variable a déjà été définie
if (!window.localStorage.getItem('followersnumbers')) {
    // Sélection de l'élément contenant les informations des Suivants
    let followersTable = document.querySelector('td[style="text-align:left;vertical-align:top;"] table');

    // Vérification si l'élément existe
    if (followersTable) {
        let followersnumbers = []; // Tableau pour stocker les numéros
        let followersnames = []; // Tableau pour stocker les textes restants

        // Récupération de tous les éléments <a> dans la table
        let followerLinks = followersTable.querySelectorAll('a');

        // Parcours des liens pour extraire les informations
        followerLinks.forEach(link => {
            let text = link.textContent; // Récupération du texte du lien

            // Vérification du motif "[numéro] texte restant"
            let regex = /\[(\d+)\]\s(.+)/;
            let match = text.match(regex);

            if (match) {
                let numero = match[1]; // Numéro entre crochet
                let resteTexte = match[2]; // Texte restant

                // Stockage dans les tableaux
                followersnumbers.push(numero);
                followersnames.push(resteTexte);
            }
        });

        // Enregistrement dans le stockage local
        localStorage.setItem('followersnumbers', JSON.stringify(followersnumbers));
        localStorage.setItem('followersnames', JSON.stringify(followersnames));
    }
}




//mise en couleur de la position de la CM dans Profil
if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/Follower\.php\?IdFO=\d+/i)) {
    (function() {
        // Sélectionne tous les éléments 'td' contenant le texte des positions
        const positionElements = document.querySelectorAll('td[style="text-align:left;"]');

        // Parcours des éléments pour trouver celui contenant les informations de position
        positionElements.forEach((element) => {
            const text = element.textContent.trim();
            if (text.startsWith('X =') && text.includes('Y =') && text.includes('N =')) {
                const positionInfo = text.match(/X = (-?\d+) \| Y = (-?\d+) \| N = (-?\d+)/);
                if (positionInfo && positionInfo.length === 4) {
                    const posX = positionInfo[1];
                    const posY = positionInfo[2];
                    const posN = positionInfo[3];

                    // Créer des éléments <strong> pour mettre en gras le texte et le colorer en rouge
                    const posXElement = document.createElement('strong');
                    posXElement.textContent = `X = ${posX}`;
                    posXElement.style.color = 'red'; // Changer la couleur en rouge

                    const posYElement = document.createElement('strong');
                    posYElement.textContent = `Y = ${posY}`;
                    posYElement.style.color = 'red'; // Changer la couleur en rouge

                    const posNElement = document.createElement('strong');
                    posNElement.textContent = `N = ${posN} `;
                    posNElement.style.color = 'red'; // Changer la couleur en rouge

                    // Créer un élément pour le reste du texte
                    const restOfText = document.createElement('span');
                    restOfText.textContent = text.slice(text.indexOf('Perception'));

                    // Remplacer le contenu de l'élément avec les éléments <strong> colorés et le reste du texte
                    element.innerHTML = '';
                    element.appendChild(posXElement);
                    element.appendChild(document.createTextNode(' | '));
                    element.appendChild(posYElement);
                    element.appendChild(document.createTextNode(' | '));
                    element.appendChild(posNElement);
                    element.appendChild(document.createElement('br'));
                    element.appendChild(restOfText);
                }
            }
        });
    })();
}


if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/fo_equipement\.php\?IdFO=\d+/i)) {
// Sélection de l'élément spécifié dans la page
var elements = document.querySelectorAll('html body div#content div#identite table.gf tbody tr td.gfmm table tbody tr td.left table tbody tr.pair td');

// Vérification si des éléments sont trouvés
if (elements.length > 0) {
    // Création d'un tableau pour stocker les contenus des éléments
    var contents = [];

    // Boucle à travers les éléments trouvés pour récupérer leur contenu
    elements.forEach(function(element) {
        var content = element.textContent.trim();
        contents.push(content);
    });

    // Stockage des contenus dans le stockage local
    localStorage.setItem('contenus_elements', JSON.stringify(contents));

    // Affichage des contenus dans la console (pour vérification)
    console.log('Contenus des éléments :', contents);
} else {
    console.log('Aucun élément correspondant trouvé.');
}
}



// ajout de la vue (trèsors) direct dans la page Ordre, si on clique sur une ID ça ajoute l'odre, ya aussi des boutons de raccourcis
if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/fo_orders\.php\?IdFO=\d+/i)) {
window.addEventListener('load', function() {

// Récupération des données de trésors depuis localStorage
const tresorsData = localStorage.getItem('tresorsData');

if (!tresorsData) {
    const errorMessage = document.createElement('div');
    errorMessage.textContent = 'Aucune donnée, allez sur votre page de vue avant';
    errorMessage.style.color = 'red'; // Style facultatif pour le texte

    // Insérer le message d'erreur dans le corps de la page ou un élément spécifique
    document.body.appendChild(errorMessage);
} else {
    const tresors = JSON.parse(tresorsData);

    // Création d'un élément de tableau
    const nouveauTableau = document.createElement('table');
    nouveauTableau.style.border = '1px solid black'; // Style du tableau

    // Création de l'en-tête du tableau
    const enTete = nouveauTableau.createTHead();
    const enTeteLigne = enTete.insertRow();
    ['Distance', 'Réf.', 'Nom', 'X', 'Y', 'N'].forEach((enteteColonne) => {
        const cellule = enTeteLigne.insertCell();
        cellule.textContent = enteteColonne;
        cellule.style.fontWeight = 'bold'; // Style pour l'en-tête
        cellule.style.border = '1px solid black'; // Style des cellules
    });

    // Ajout des données de trésors dans le tableau
    const corps = nouveauTableau.createTBody();
    tresors.forEach((tresor) => {
        const ligne = corps.insertRow();
        ['distance', 'reference', 'nom', 'x', 'y', 'n'].forEach((colonne, index) => {
            const cellule = ligne.insertCell();

            // Mettre les éléments de la colonne 'Réf.' en gras
            if (colonne === 'reference') {
                cellule.style.fontWeight = 'bold';
                cellule.style.cursor = 'pointer'; // Rendre le curseur cliquable
                cellule.title = 'Cliquez pour ramasser'; // Texte au survol
            }

            cellule.textContent = tresor[colonne];
            cellule.style.border = '1px solid black'; // Style des cellules
        });
    });

    // Trouver l'élément spécifique où insérer le tableau des trésors
    const elementSpecifique = document.evaluate('/html/body/div[3]/div/table/tbody/tr[2]/td[2]/form/table/tbody/tr[6]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;

    if (elementSpecifique) {
        // Insérer le tableau des trésors après l'élément spécifique
        elementSpecifique.insertAdjacentElement('afterend', nouveauTableau);
        console.log('Tableau inséré avec succès');
    } else {
        console.log('Élément spécifique non trouvé');
    }
}

});

window.addEventListener('load', function() {
    // Récupération des données de trésors depuis localStorage
    const tresorsData = localStorage.getItem('tresorsData');

    if (tresorsData) {
        const tresors = JSON.parse(tresorsData);
        const selectedNumbers = []; // Tableau pour stocker les numéros sélectionnés

        // Ajouter des événements de clic aux éléments de la colonne "Réf."
        const references = document.querySelectorAll("table tbody tr td:nth-child(2)");
        references.forEach((reference) => {
            reference.style.cursor = 'pointer'; // Rendre le curseur cliquable

            reference.addEventListener('click', function() {
                const referenceText = this.textContent.trim(); // Texte de la cellule
                const referenceValue = parseInt(referenceText); // Convertir le texte en nombre

                if (!isNaN(referenceValue)) {
                    selectedNumbers.push(referenceValue); // Ajouter le numéro au tableau
                    const textarea = document.querySelector("textarea[name='sc']");

                    let output = '';
                    if (selectedNumbers.length === 1) {
                        output = `pick(OBJECT, ${selectedNumbers[0]});`;
                    } else {
                        const formattedNumbers = selectedNumbers.join(', ');
                        output = `foreach(objects() as o):if(in(id(o), array(${formattedNumbers}))):pick(OBJECT, id(o));endif;endforeach;`;
                    }

                    // Mettre à jour le contenu du textarea avec le format requis
                    textarea.value = output;
                }
            });
        });

        // Ajouter des événements de clic aux cellules contenant la position (X, Y, N)
        const positions = document.querySelectorAll("table tbody tr td:nth-child(n+4)");
        positions.forEach((positionCell) => {
            positionCell.style.cursor = 'pointer'; // Rendre le curseur cliquable
            positionCell.title = 'Cliquez pour se déplacer à cet endroit'; // Texte au survol
            positionCell.addEventListener('click', function() {
                let position = ''; // Variable pour stocker la position (X, Y, N)
                const positionCells = this.parentElement.querySelectorAll("td:nth-child(n+4)");
                positionCells.forEach((cell, index) => {
                    position += cell.textContent.trim();
                    if (index !== positionCells.length - 1) {
                        position += ', ';
                    }
                });

                const textarea = document.querySelector("textarea[name='sc']");
                textarea.value = `move (${position});`;
            });
        });
    } else {
        console.log('Aucune donnée de trésors trouvée dans localStorage');
    }


    // Fonction pour générer le texte à insérer dans le textarea en fonction du bouton cliqué
    function generateText(action) {
        let output = '';
        switch (action) {
             case 'move':
                output = 'move();';
                break;
            case 'toutramasser':
                output = 'foreach(objects() as o):pick(OBJECT, id(o));endforeach;';
                break;
            case 'toutdeposerausol':
                output = 'drop(OBJECT, ALL, GROUND, GROUND);';
                break;
            case 'toutdeposerauchateau':
                output = 'drop(OBJECT, ALL, PLACE, 45337);';
                break;
            case 'toutdeposeraumanoir':
                output = 'drop(OBJECT, ALL, PLACE, 46494);';
                break;
             case 'toutramassersaufcorps':
                output = 'foreach(objects() as o):if(bnot(eq(category(o), "Corps"))):pick(OBJECT, id(o));endif;endforeach;';
                break;
             case 'entrainer':
                output = 'train();';
                break;
            case 'dépot1objetcase':
                output = 'drop(OBJECT, ID  de l objet, GROUND, GROUND);';
                break;
            case 'dépot1objetchateau':
                output = 'drop(OBJECT, ID de l objet, PLACE, 45337);';
                break;
            case 'dépot1objetmanoir':
                output = 'drop(OBJECT, ID de l objet, PLACE, 46494);';
                break;
            case 'ramasserplantes':
                output = 'foreach(plants() as o):pick(PLANT, id(o));endforeach;';
                break;
            case 'ramasserct':
                output = "foreach(objects() as o): if(eq(name(o), 'CT')): pick(OBJECT, id(o)); endif; endforeach;"
                break;
             case 'attackmonster':
                output = "attack(MONSTER, Id);"
                break;
            case 'attackall':
                output = "foreach(monsters() as o):attack(MONSTER, id(o));endforeach;"
                break;
            case 'equip':
                output = "equip(Id);"
                break;
            case 'unequip':
                output = "unequip(Id);"
                break;
            case 'scout':
                output = "scout();"
                break;
            case 'passtp':
                output = "enter(PLACE|PORTAL, Id);"
                break;
            // Ajoutez des cases pour d'autres actions ou boutons
            default:
                break;
        }
        return output;
    }

  // recup du num de goblin pour l'ordre follow
function generateFollowOrder(distance) {
    const gobId = localStorage.getItem('gobId'); // Récupérer l'ID depuis le local storage

    if (!gobId) {
        return "Je n'ai pas votre numéro, visitez votre page profil et revenez ici !"; // Retourner le message si gobId est null
    }

    const followOrder = `follow(PLAYER, ${gobId}, ${distance});`;
    return followOrder;
}
  // Création de la liste déroulante pour choisir la distance pour l'ordre follow
const followDistanceSelect = document.createElement('select');
[0, 1, 2, 3, 4, 5].forEach((value) => {
    const option = document.createElement('option');
    option.value = value;
    option.textContent = value + ' cases'; // Ajout de " cases" après chaque nombre
    followDistanceSelect.appendChild(option);
});



  // Sélection du textarea
    const textarea = document.querySelector("textarea[name='sc']");

  // Fonction pour insérer du texte dans le textarea
function insertText(text) {
    textarea.value += text + '\n'; // Ajout du nouveau texte à la suite du texte existant
}


  // Création du  bouton 0  "Move"
const button0 = document.createElement('button');
button0.textContent = 'Se déplacer';
button0.title = 'cliquer sur une position dans le tableau en dessous pour faire déplacer votre suivant à cet endroit, ou cliquez ici et ajoutez manuellement vos coordonées';
button0.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('move');
    insertText(output);
});




  // Création du premier bouton "Tout ramasser"
const button1 = document.createElement('button');
button1.textContent = 'Tout ramasser';
button1.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('toutramasser');
    insertText(output);
});

  // Création du deuxième bouton
const button2 = document.createElement('button');
button2.textContent = 'Tout déposer (sol)';
button2.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('toutdeposerausol');
    insertText(output);
});

  // Création du troisième bouton
const button3 = document.createElement('button');
button3.textContent = 'Tout déposer (chateau)';
button3.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('toutdeposerauchateau');
    insertText(output);
});

    // Création du troisième bouton
const button3b = document.createElement('button');
button3b.textContent = 'Tout déposer (manoir)';
button3b.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('toutdeposeraumanoir');
    insertText(output);
});

    // Création du 4em bouton
const button4 = document.createElement('button');
button4.textContent = 'Tout ramasser (sauf corps)';
button4.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('toutramassersaufcorps');
    insertText(output);
});

      // Création du 5em bouton
const button5 = document.createElement('button');
button5.textContent = 'Entrainer';
button5.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('entrainer');
    insertText(output);
});

      // Création du 6em bouton
const button6 = document.createElement('button');
button6.textContent = 'Déposer un objet (sol)';
button6.title = 'remplacer ID par l id de votre objet';
button6.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('dépot1objetcase');
    insertText(output);
});

      // Création du 7em bouton
const button7 = document.createElement('button');
button7.textContent = 'Déposer un objet (chateau)';
button7.title = 'remplacer ID par l id de votre objet';
button7.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('dépot1objetchateau');
    insertText(output);
});

        // Création du 7em bouton bis
const button7b = document.createElement('button');
button7b.textContent = 'Déposer un objet (manoir)';
button7b.title = 'remplacer ID par l id de votre objet';
button7b.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('dépot1objetmanoir');
    insertText(output);
});

      // Création du 8em bouton
const button8 = document.createElement('button');
button8.textContent = 'Ramasser plantes';
button8.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('ramasserplantes');
    insertText(output);
});

      // Création du 9em bouton
const button9 = document.createElement('button');
button9.textContent = 'Ramasser CT';
button9.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('ramasserct');
    insertText(output);
});

    // Création du bouton pour l'ordre follow
const followButton = document.createElement('button');
followButton.textContent = 'Me suivre à';
followButton.title = 'Sélectionner la distance et cliquer';
followButton.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const distance = followDistanceSelect.value;
    const followOrderText = generateFollowOrder(distance);
    insertText(followOrderText);
});

      // Création du 11em bouton
const button11 = document.createElement('button');
button11.textContent = 'Attaquer un monstre';
button11.title = "Remplacer l'ID";
button11.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('attackmonster');
    insertText(output);
});

        // Création du 12em bouton
const button12 = document.createElement('button');
button12.textContent = 'Attaquer tout';
button12.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('attackall');
    insertText(output);
});

        // Création du 13em bouton
const button13 = document.createElement('button');
button13.textContent = 'Equiper';
button13.title = "Remplacer l'ID";
button13.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('equip');
    insertText(output);
});

        // Création du 14em bouton
const button14 = document.createElement('button');
button14.textContent = 'Déséquiper';
button14.title = "Remplacer l'ID";
button14.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('unequip');
    insertText(output);
});

        // Création du 15em bouton
const button15 = document.createElement('button');
button15.textContent = 'Espionner';
button15.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('scout');
    insertText(output);
});

        // Création du 16em bouton
const button16 = document.createElement('button');
button16.textContent = 'Prendre un TP';
button16.title = "Remplacer l'ID";
button16.addEventListener('click', function(event) {
    event.preventDefault(); // Empêche le rafraîchissement de la page
    const output = generateText('passtp');
    insertText(output);
});




function createDropdownMenu() {
    // Création du menu déroulant avec des options
    const dropdown = document.createElement('select');
    const option1 = document.createElement('option');
    option1.textContent = 'Option 1';
    const option2 = document.createElement('option');
    option2.textContent = 'Option 2';
    // Ajout des options au menu déroulant
    dropdown.appendChild(option1);
    dropdown.appendChild(option2);
    // Style pour positionner le menu déroulant
    dropdown.style.position = 'absolute';
    dropdown.style.left = '150px'; // Changer la position en fonction de votre mise en page
    dropdown.style.top = '50px'; // Changer la position en fonction de votre mise en page
    // Ajout du menu déroulant au document
    document.body.appendChild(dropdown);
    return dropdown;
}

// Trouver les boutons "Déposer un objet (sol)" et "Déposer un objet (château)"
const solButton = document.querySelector('.gfmm > form:nth-child(11) > div:nth-child(2) > div:nth-child(5) > button:nth-child(8)');
const chateauButton = document.querySelector('.gfmm > form:nth-child(11) > div:nth-child(2) > div:nth-child(5) > button:nth-child(9)');

// Gérer l'événement de clic sur le bouton "Déposer un objet (sol)"
if (solButton) {
    solButton.addEventListener('click', function() {
        // Créer le menu déroulant
        const dropdown = createDropdownMenu();
        // Positionner le menu à côté du bouton "Déposer un objet (sol)"
        dropdown.style.left = solButton.getBoundingClientRect().right + 'px';
        dropdown.style.top = solButton.getBoundingClientRect().top + 'px';
    });
}

// Gérer l'événement de clic sur le bouton "Déposer un objet (château)"
if (chateauButton) {
    chateauButton.addEventListener('click', function() {
        // Créer le menu déroulant
        const dropdown = createDropdownMenu();
        // Positionner le menu à côté du bouton "Déposer un objet (château)"
        dropdown.style.left = chateauButton.getBoundingClientRect().right + 'px';
        dropdown.style.top = chateauButton.getBoundingClientRect().top + 'px';
    });
}




// Création des conteneurs pour chaque catégorie
const basicActionsContainer = document.createElement('div');
const equipmentContainer = document.createElement('div');
const warriorsContainer = document.createElement('div');

// Ajout des boutons dans les conteneurs appropriés
basicActionsContainer.appendChild(button0);
basicActionsContainer.appendChild(button5); // Actions de base
basicActionsContainer.appendChild(followButton);
basicActionsContainer.appendChild(followDistanceSelect);
basicActionsContainer.appendChild(button15);
basicActionsContainer.appendChild(button16);
equipmentContainer.appendChild(button1); // Équipement
equipmentContainer.appendChild(button4);
equipmentContainer.appendChild(button8);
equipmentContainer.appendChild(button9);
equipmentContainer.appendChild(document.createElement('br'));
equipmentContainer.appendChild(button2);
equipmentContainer.appendChild(button3);
equipmentContainer.appendChild(button3b);
equipmentContainer.appendChild(button6);
equipmentContainer.appendChild(button7);
equipmentContainer.appendChild(button7b);
equipmentContainer.appendChild(document.createElement('br'));
equipmentContainer.appendChild(button13);
equipmentContainer.appendChild(button14);
warriorsContainer.appendChild(button11); // Guerriers
warriorsContainer.appendChild(button12);
// Ajout du style pour masquer les catégories par défaut
basicActionsContainer.style.display = 'none';
equipmentContainer.style.display = 'none';
warriorsContainer.style.display = 'none';




// Gestionnaire d'événement pour masquer ou afficher une catégorie
function toggleCategory(category, button) {
    const display = category.style.display;
    if (display === 'none') {
        category.style.display = 'block';
        button.textContent = button.textContent.replace('►', '▼');

    } else {
        category.style.display = 'none';
        button.textContent = button.textContent.replace('▼', '►');

    }
}

// Fonction pour créer un bouton de catégorie et son gestionnaire d'événements
function createCategoryButton(container, buttonText) {
    const toggleButton = document.createElement('button');
    toggleButton.textContent = `${buttonText} ►`;
    toggleButton.addEventListener('click', function(event) {
        event.preventDefault(); // Empêcher le rafraîchissement de la page
        toggleCategory(container, this);
    });
    return toggleButton;
}

// Création des boutons pour masquer ou afficher les catégories
const basicActionsToggle = createCategoryButton(basicActionsContainer, 'Actions de base');
basicActionsToggle.title = "Cliquez pour afficher/masquer les actions de base";
const equipmentToggle = createCategoryButton(equipmentContainer, 'Équipement');
const warriorsToggle = createCategoryButton(warriorsContainer, 'Guerriers');

// Trouver l'élément spécifique où insérer les boutons
const specificElement = document.evaluate('/html/body/div[3]/div/table/tbody/tr[2]/td[2]/form/table', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;

if (specificElement) {
    // Création d'un conteneur principal pour tous les boutons et les catégories
    const allButtonsContainer = document.createElement('div');
    allButtonsContainer.appendChild(basicActionsToggle);
    allButtonsContainer.appendChild(basicActionsContainer);
    allButtonsContainer.appendChild(document.createElement('br'));
    allButtonsContainer.appendChild(equipmentToggle);
    allButtonsContainer.appendChild(equipmentContainer);
    allButtonsContainer.appendChild(document.createElement('br'));
    allButtonsContainer.appendChild(warriorsToggle);
    allButtonsContainer.appendChild(warriorsContainer);

    // Ajoutez les autres catégories de la même manière

    // Insérer le conteneur des boutons avant l'élément spécifique
    specificElement.parentNode.insertBefore(allButtonsContainer, specificElement);
} else {
    console.log('Élément spécifique non trouvé');
}
});




// Sélection de l'élément contenant le code
const codeElement = document.querySelector('td > div > pre > code > span > span');

if (codeElement) {
    // Récupération du texte de l'élément
    const texte = codeElement.textContent.trim();

    // Extraction du mot "stop"
    const stopIndex = texte.indexOf('stop');
    let stopData = '';

    if (stopIndex !== -1) {
        // Si le mot "stop" est trouvé, récupération de la partie du texte à partir de "stop"
        stopData = texte.substring(stopIndex, stopIndex + 4);
        console.log('Donnée "stop" extraite :', stopData);
    } else {
        console.log('Mot "stop" non trouvé dans le texte');
    }
} else {
    console.log('Élément contenant le code non trouvé');
}
}



//==========================================================================================================================================================================================================================
// Page équipement - récuprer les BM du matos templaté et en calculer le total
//==========================================================================================================================================================================================================================
if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/Equipement\.php/i)) {
(function() {
    'use strict';

    let elements = document.querySelectorAll('td.blanc');

    elements.forEach(element => {
        if (element.innerText.includes("Viverne")) {
            let regex = /(DEG:\W\d+)/g;
            element.innerHTML = element.innerHTML.replace(regex, '<span style="color: #e530cf ;">$1</span>');
        }
        else if (element.innerText.includes("Centaure")) {
            let regex = /(ATT:\W\d+|DEG:\+\d+|PER:\W\d+)/g;
            element.innerHTML = element.innerHTML.replace(regex, '<span style="color: #e530cf ;">$1</span>');
        }
        else if (element.innerText.includes("Titan")) {
            let regex = /(ATT:\W\d+|DEG:\W\d+|ESQ:\W\d+)/g;
            element.innerHTML = element.innerHTML.replace(regex, '<span style="color: #e530cf ;">$1</span>');
        }
        else if (element.innerText.includes("Sphinx")) {
            let regex = /(ArmMag:\W\d+)/g;
            element.innerHTML = element.innerHTML.replace(regex, '<span style="color: #e530cf ;">$1</span>');
        }
        else if (element.innerText.includes("Lézard Géant")) {
            let regex = /(-30 Min)/g;
            element.innerHTML = element.innerHTML.replace(regex, '<span style="color: #e530cf ;">$1</span>');
        }
        else if (element.innerText.includes("Griffon")) {
            let regex = /(ATT:\W\d+|PER:\W\d+)/g;
            element.innerHTML = element.innerHTML.replace(regex, '<span style="color: #e530cf ;">$1</span>');
        }
        else if (element.innerText.includes("Minotaure")) {
            let regex = /(ArmMag:\W\d+|ESQ:\W\d+)/g;
            element.innerHTML = element.innerHTML.replace(regex, '<span style="color: #e530cf ;">$1</span>');
        }
        else if (element.innerText.includes("Oni")) {
            let regex = /(ATT:\W\d+|REG:\W\d+)/g;
            element.innerHTML = element.innerHTML.replace(regex, '<span style="color: #e530cf ;">$1</span>');
        }
        else if (element.innerText.includes("Golem")) {
            let regex = /(\+30 Min|ArmMag:\W\d+)/g;
            element.innerHTML = element.innerHTML.replace(regex, '<span style="color: #e530cf ;">$1</span>');
        }
        else if (element.innerText.includes("Galopin")) {
            let regex = /(ESQ:\W\d+|DEG:\W\d+)/g;
            element.innerHTML = element.innerHTML.replace(regex, '<span style="color: #e530cf ;">$1</span>');
        }
        else if (element.innerText.includes("Dragon")) {
            let regex = /(ATT:\W\d+|DEG:\W\d+|ESQ:\W\d+|ArmMag:\W\d+|RM:\W\d+%|MM\W\d+%)/g;
            element.innerHTML = element.innerHTML.replace(regex, '<span style="color: #e530cf ;">$1</span>');
        }
        else if (element.innerText.includes("Phoenix")) {
            let regex = /(DEG:\W\d+|REG:\W\d+|MS:\W\d+%)/g;
            element.innerHTML = element.innerHTML.replace(regex, '<span style="color: #e530cf ;">$1</span>');
        }
        else if (element.innerText.includes("Ombre")) {
            let regex = /(ATT:\W\d+|DEG:\W\d+|PER:\W\d+|RT\W\d+%|MT\W\d+%)/g;
            element.innerHTML = element.innerHTML.replace(regex, '<span style="color: #e530cf ;">$1</span>');
        }

    });
})();

// Fonction pour extraire et calculer les bonus magiques des objets équipés
function calculerBonusMagiques() {
  // Sélection des balises contenant les informations des objets équipés
  const elements = document.querySelectorAll('.blanc');

  let attBonus = 0;
  let armBonus = 0;
  let esqBonus = 0;
  let perBonus = 0;
  let degBonus = 0;
  let regBonus = 0;
  let tempsBonus = 0;

  // Parcours de chaque élément pour extraire les informations
  elements.forEach((element) => {
    const text = element.innerText.toLowerCase();

      if (text.includes('oni')) {
      attBonus += 1;
      regBonus += 1;
    }
      else if (text.includes('griffon')) {
      attBonus += 1;
      perBonus += 1;
    }
      else if (text.includes('viverne')) {
      degBonus += 1;
    }
      else if (text.includes('centaure')) {
      attBonus += 1;
      degBonus += 1;
      perBonus -= 1;
}
      else if (text.includes('titan')) {
      attBonus += 1;
      degBonus += 1;
      esqBonus -= 1;
    }
      else if (text.includes('sphinx ')) {
      armBonus += 1;
    }
      else if (text.includes('lézard')) {
      tempsBonus -= 30;
    }
      else if (text.includes('minotaure')) {
      armBonus += 1;
      esqBonus -= 1;
    }

      else if (text.includes('golem')) {
      tempsBonus += 30;
      armBonus += 2;
    }
      else if (text.includes('galopin')) {
      esqBonus += 1;
      degBonus -= 1;
    }

      else if (text.includes('dragon')) {
      attBonus += 1;
      degBonus += 1;
      esqBonus -= 3;
      armBonus += 2;
    }
      else if (text.includes('phoenix')) {
      degBonus += 1;
      regBonus += 2;
    }
       else if (text.includes('ombre')) {
      attBonus += 1;
      degBonus += 1;
      perBonus -= 1;
    }

  });

  // Calcul du total des bonus malus magiques
  const totalBonus = `ATT${attBonus} | ESQ${esqBonus} | DEG${degBonus} | REG${regBonus} | Arm${armBonus} | PER${perBonus} | Temps${tempsBonus}`;

  // Sélection de l'élément où insérer les bonus
  const enleverButton = document.querySelector('input[name="maction"][value="Enlever"]');

  // Création d'un élément pour afficher les bonus
  const bonusElement = document.createElement('div');
  // Ajout des styles pour la couleur et le centrage
  bonusElement.style.color = '#e530cf'; // Couleur e530cf
  bonusElement.style.fontWeight = 'bold' ; // gras
  bonusElement.style.marginTop = '20px'; // Ajout d'un espace sous l'élément

  // Fonction pour afficher un symbole '+' ou '-' en fonction de la valeur du bonus
  const afficherSymbole = (valeur) => (valeur > 0 ? '+' : valeur < 0 ? '-' : '');

  // Texte pour afficher les bonus
  let texteBonus = 'Total des BMM: ';

  // Liste des bonus individuels avec leur nom et valeur
  const bonusIndividuels = [
    { nom: 'ATT', valeur: attBonus },
    { nom: 'ESQ', valeur: esqBonus },
    { nom: 'DEG', valeur: degBonus },
    { nom: 'REG', valeur: regBonus },
    { nom: 'ArmMag', valeur: armBonus },
    { nom: 'PER', valeur: perBonus },
    { nom: 'Temps', valeur: tempsBonus },
  ];

  // Boucle à travers chaque bonus individuel et les ajouter au texte
  bonusIndividuels.forEach((bonus) => {
    const symbole = afficherSymbole(bonus.valeur);
    const valeurAbsolue = Math.abs(bonus.valeur);

    // Si la valeur du bonus est différente de zéro, l'ajouter au texte
    if (bonus.valeur !== 0) {
      texteBonus += `${bonus.nom}${symbole}${valeurAbsolue} | `;
    }
  });

  // Supprimer le dernier symbole '|' s'il est présent à la fin
  texteBonus = texteBonus.replace(/\s*\|\s*$/, '');

  // Création d'un élément avec le texte des bonus
  const totalBBMElement = document.createElement('div');
  totalBBMElement.textContent = texteBonus;
  bonusElement.appendChild(totalBBMElement);

  // Insertion du texte des bonus après l'élément "Enlever"
  enleverButton.insertAdjacentElement('afterend', bonusElement);
}

// Appel de la fonction une fois que la page est chargée
window.addEventListener('load', calculerBonusMagiques);

 }


//==========================================================================================================================================================================================================================
// Page Option - Description de Gobzilla quand on clique sur Goodies et Gobzilla
//==========================================================================================================================================================================================================================

    // rename Goodies
if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/Options\.php/i)) {
(function() {
    'use strict';

    var newLinkText = "[Googies et GobZilla]";

    var goodiesLink = document.querySelector('a[href="goodies.php"]');
    if (goodiesLink) {
        goodiesLink.textContent = newLinkText;
    }

})
();
}

    // ajoute un paragraphe de description de Gobzilla
if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/Goodies\.php/i)) {
(function() {
    'use strict';

    var newLinkText = "[Googies et GobZilla]";

    var goodiesLink = document.querySelector('a[href="goodies.php"]');
    if (goodiesLink) {
        goodiesLink.textContent = newLinkText;
    }


    var newMessageLines = [
      "Roulé à la main sous les Aisselles par DeathMétal 330, puis grandement amélioré par Glak 393",
      "Fonctions principales :",
      "- GobCDM : Cliquez sur un monstre dans la page vue pour avoir sa cdm, si déja dans la base de donnée",
      " - Affiche une vue 2d activable ou non  ",
      " - Boutons pour les ordres des suivants  ",
      " - Décoche le vestiaire, décoche l'activation de DLA ",
      ' - Masquer les petits monstres, masquer les arbres',
      " - Calcul auto de nombre d'entrainements pour passer lvl supérieur" ,
      " - Récupération des caracs et calculs des skills au survol de la souris. ",
      " - Calcul sur les Matériaux, page équipement et habitation",
      " - Modifie la Css et met en couleur les Gobelins et les gros monstres dans la vue . En rouge > 40, en orange >35, en orange clair >30",
      "-  Filtre et tri des monstres +  compteur, tri des plantes",
       "- Affiche les lieux étendus (lieux hors de vue), ainsi que les plantes étendues (plantes hors vue, activable via une coche)",
      " - Herboriser : Affiche en couleur verte les plantes herborisables",
      " - Met en évidence le Bonus/Malus de concentration sur la page Mon profil ",
      " - Calcul des Bonus Malus Magiques de l'équipement sur la page equipement et met en évidence les bonus magiques sur chaque objet ",
      " - Ajout d'icônes dans le profil et dans la vue ",
      " 🥰 amis",
      " 👨‍🍳 monstre à cuisiner  ",
      "👁️👁️👁️ VLC Totale",
      "👁️👁️ VLC Importante",
      "👁️ VLC partielle",
      " Bipez moi si vous voyez des erreurs, il doit y en avoir......."
    ];



    var developmentMessage = document.querySelector('font[color="RED"]');
    if (developmentMessage) {
        developmentMessage.textContent = ''; // Clear existing content

      // Add an image
      var imageElement = document.createElement('img');
        imageElement.src = 'https://i.ibb.co/cgqGVCt/g-OBZILLAICON.png'; // Replace with the URL of your image
        imageElement.style.maxWidth = '60%'; // Ensure the image fits within the content
        developmentMessage.appendChild(imageElement);

      var welcomeTitle = document.createElement('div');
        welcomeTitle.style.fontSize = '24px'; // Larger font size
        welcomeTitle.style.fontWeight = 'bold'; // Bold style
        welcomeTitle.style.marginBottom = '10px'; // Add some space below
        welcomeTitle.textContent = 'Bienvenue sur GobZilla';
        developmentMessage.appendChild(welcomeTitle);
        newMessageLines.forEach(function(line) {
            var paragraph = document.createElement('p');
           paragraph.style.color = 'black';
            if (line === "Fonctions principales :") {
                var underline = document.createElement('u');
                underline.textContent = line;
                paragraph.appendChild(underline);
            } else {
                paragraph.textContent = line;
            }
            developmentMessage.appendChild(paragraph);
        });
    }
})();

}

//==========================================================================================================================================================================================================================
// Page Clan - Récupération des infos et affichage au survol (surrement a fusionner avec meute juste en dessous)
//==========================================================================================================================================================================================================================
if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/membresClan\.php/i)) {
    // XPath pour la colonne des noms des goblins
    const xpathExpression = "//table[@class='tab90']/tbody/tr/th[3]";
        const gobelinPasswords = {
            '330': '30fae3bb4bf976a5cd29628102d42fd2',
            '393': '461a9bdebd3bca149b7b07380b23c7fb',
            '346': '0da2dc91e48d987245a1c6b1662ea41f',
            '387': 'e49a305f7e7e0c784890f47793dd838a',
            '386' : 'b67d6b06e728729e6a2111ca7ffcf387',
            '388': 'c6d64737a6737cdb73a405353b3f1771',
            '411': 'd72e3819d988118cd76f3f5105c8fc7d',
            '407' : '8fdbd9336997cf1dab7a72cbd80733a3',
            '385': 'd8136cab7a465e1e1e2be460c161ef7e',
            '405' : 'e3d4c7b9250c8bde4c0a4ac7a596ecbb',
            '458' : '1eac37ef925c635c9be62212deba8642',
          '456' : '94238d5187351be4adbfc220e6baea4e'
            };

    const goblinIDs = ['330', '393', '346', '387' , '386', '388', '411', '407', '385', '405' , '456' , '458'];
    // Noms des goblins
    const goblinNames = {
        '330': 'DeathMétal',
        '393': 'Glakus Batak Batak',
        '346': 'Globulus',
        '387': 'SeRiNy',
        '386': 'IKI',
        '388': 'Wose',
        '411': 'TKeePeR',
        '407': 'Groot',
        '385': 'Tamarand',
        '405': 'Catarate',
        '456' : 'Kroc le Bo',
        '458' : 'Shadox'
    };

  function getGoblinInfoById(id) {
    const goblinData = localStorage.getItem(`goblinInfo_${id}`);
    console.log(`Data for ID ${id}:`, goblinData); // Vérification dans la console

    return goblinData;
}
    // Fonction pour afficher les données dans une info bulle
function showGoblinInfoOnHover() {
    const playerLinks = document.querySelectorAll('td.pfmm a');

    playerLinks.forEach(link => {
        link.addEventListener('mouseover', (event) => {
            const playerId = link.getAttribute('href').match(/\((\d+)\)/)[1];
            const goblinInfo = getGoblinInfoById(playerId);

            const tooltip = document.createElement('div');
            tooltip.classList.add('tooltip');

            if (goblinInfo) {
                const lines = goblinInfo.split('\n'); // Divise les lignes
                const table = document.createElement('table');
                table.classList.add('tooltip-table');

                lines.forEach((line, index) => {
                    const rowData = line.split(',').map(data => data.replace(/^"|"$/g, '')); // Divise les données par colonne et supprime les guillemets

                    const row = document.createElement('tr');
                    rowData.forEach(cellData => {
                        const cell = document.createElement(index === 0 ? 'th' : 'td'); // Utilisation de th pour la première ligne
                        cell.textContent = cellData;
                        row.appendChild(cell);
                    });

                    table.appendChild(row);
                });

                tooltip.appendChild(table);
            } else {
                tooltip.textContent = "Aucune information disponible, mot de passe de clan manquant";
            }

            document.body.appendChild(tooltip);

            tooltip.style.position = 'absolute';
            tooltip.style.top = `${event.clientY + window.scrollY}px`;
            tooltip.style.left = `${event.clientX}px`;
            tooltip.style.backgroundColor = 'white';
            tooltip.style.border = '1px solid black';
            tooltip.style.padding = '5px';
            tooltip.style.zIndex = '9999';
            tooltip.style.backgroundColor = 'yellow'

            link.addEventListener('mouseout', () => {
                tooltip.remove();
            });
        });
    });
}

// Appel de la fonction pour afficher les infos bulles
showGoblinInfoOnHover();


  // Création du bouton
const refreshButton = document.createElement('input');
refreshButton.type = 'button';
refreshButton.value = 'Rafraîchir les données externes';
refreshButton.title = 'Cliquez ici pour actualiser les données externes. NE PAS ABUSER';
refreshButton.onclick = refreshData; // Assure-toi que la fonction refreshData est définie

// Ajout de classe au bouton (facultatif)
refreshButton.classList.add('refresh-button');

// Trouver l'emplacement où tu veux insérer le bouton
const centerElement = document.querySelector('#identite .pfmm');
if (centerElement) {
    centerElement.appendChild(refreshButton);
} else {
    console.error('Impossible de trouver l\'emplacement pour insérer le bouton.');
}

  // Création de l'élément de style
const style = document.createElement('style');
style.innerHTML = `
    .refresh-button {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
`;

// Ajout du style au head de la page
document.head.appendChild(style);

let lastFetchTime = performance.now();

  function refreshData() {
    goblinIDs.forEach(id => {
        const password = gobelinPasswords[id];
        const url = `http://ie.gobland.fr/IE_Profil.php?id=${id}&passwd=${password}&sep=,&`;

        fetch(url)
            .then(response => response.text())
            .then(csvData => {
                localStorage.setItem(`goblinInfo_${id}`, csvData);
                const currentTime = performance.now();
                const timeElapsed = currentTime - lastFetchTime;
                lastFetchTime = currentTime;

                console.log(`Données pour l'ID ${id} rafraîchies et stockées dans le local storage.`);
                console.log(`Temps écoulé depuis le dernier appel pour ID ${id}: ${timeElapsed} millisecondes`);

                // Convertir le temps en heures et/ou minutes
                const timeInMinutes = Math.floor(timeElapsed / (1000 * 60));
                const hours = Math.floor(timeInMinutes / 60);
                const minutes = timeInMinutes % 60;
                const formattedTime = `${hours}h ${minutes}m`;

                // Mettre à jour le titre du bouton avec le temps écoulé
                refreshButton.title = `Cliquez ici pour actualiser les données externes. NE PAS ABUSER. Dernière mise à jour il y a ${formattedTime}`;
            })
            .catch(error => {
                console.error(`Erreur lors de la récupération du CSV pour l'ID ${id}:`, error);
            });
    });
}

}
//==========================================================================================================================================================================================================================
// Page Meute - Récupération du niveau pour calcul des PX et récup de l'heure de DLA via ieprofil
//==========================================================================================================================================================================================================================
if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/Meute\.php/i)) {
  var lvlmeute = $('center:contains("Niveau de la meute :")').text().match(/^(\D*)(\d+)/)[2];
  window.localStorage.setItem('lvlmeute', lvlmeute);
} else {
  var lvlmeute = window.localStorage.getItem('lvlmeute');
}


/// recup des données sur http://ie.gobland.fr/IE_Profil.php?id=XXX
if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/Meute\.php/i)) {
    (function() {
        const gobelinPasswords = {
            '330': '30fae3bb4bf976a5cd29628102d42fd2',
            '393': '461a9bdebd3bca149b7b07380b23c7fb',
            '346': '0da2dc91e48d987245a1c6b1662ea41f',
            '387': 'e49a305f7e7e0c784890f47793dd838a',
            '386' : 'b67d6b06e728729e6a2111ca7ffcf387',
            '388': 'c6d64737a6737cdb73a405353b3f1771',
            '411': 'd72e3819d988118cd76f3f5105c8fc7d',
            '407' : '8fdbd9336997cf1dab7a72cbd80733a3',
            '385': 'd8136cab7a465e1e1e2be460c161ef7e',
            '405' : 'e3d4c7b9250c8bde4c0a4ac7a596ecbb',
            '458' : '1eac37ef925c635c9be62212deba8642',
            '456' : '94238d5187351be4adbfc220e6baea4e'

        };

        const goblinIDs = ['330', '393', '346', '387' , '386', '388', '411', '407', '385', '405' , '456', '458'];

        const goblinNames = {
            '330': 'DeathMétal',
            '393': 'Glakus Batak Batak',
            '346': 'Globulus',
            '387':'SeRiNy',
            '386':'IKI',
            '388': 'Wose',
            '411':'TKeePeR',
            '407':'Groot',
            '385':'Tamarand',
            '405':'Catarate',
            '456' : 'Kroc le Bo',
            '458' : 'Shadox'
        };

        function extractinfos(csvData) {
            const rows = csvData.split('\n');
            if (rows.length < 2) return null;

            const headers = rows[0].split(',');
            const dataIndex = headers.indexOf('DLA');
            if (dataIndex === -1) return null;

            const dataArray = rows[1].split(',');
            return dataArray[dataIndex];
        }

      //ici c'est un peu le bordel j'avoue
        function updateTableWithDLA(infosValue, goblinName) {

}

  // Enregistrement du dernier temps de récupération de données
let lastFetchTime = performance.now();

function refreshData() {
    goblinIDs.forEach(id => {
        const password = gobelinPasswords[id];
        const url = `http://ie.gobland.fr/IE_Profil.php?id=${id}&passwd=${password}&sep=,&`;

        fetch(url)
            .then(response => response.text())
            .then(csvData => {
                localStorage.setItem(`goblinInfo_${id}`, csvData);
                const currentTime = performance.now();
                const timeElapsed = currentTime - lastFetchTime;
                lastFetchTime = currentTime;

                console.log(`Données pour l'ID ${id} rafraîchies et stockées dans le local storage.`);
                console.log(`Temps écoulé depuis le dernier appel pour ID ${id}: ${timeElapsed} millisecondes`);

                // Convertir le temps en heures et/ou minutes
                const timeInMinutes = Math.floor(timeElapsed / (1000 * 60));
                const hours = Math.floor(timeInMinutes / 60);
                const minutes = timeInMinutes % 60;
                const formattedTime = `${hours}h ${minutes}m`;

                // Mettre à jour le titre du bouton avec le temps écoulé
                refreshButton.title = `Cliquez ici pour actualiser les données externes. NE PAS ABUSER. Dernière mise à jour il y a ${formattedTime}`;
            })
            .catch(error => {
                console.error(`Erreur lors de la récupération du CSV pour l'ID ${id}:`, error);
            });
    });
}



  const refreshButton = document.createElement('input');
        refreshButton.type = 'button';
        refreshButton.value = 'Rafraîchir les données externes';
        refreshButton.title = 'Cliquez ici pour actualiser les données externes. NE PAS ABUSER';
        refreshButton.onclick = refreshData;

        refreshButton.classList.add('refresh-button'); // Ajout de la classe au bouton

        const centerElement = document.querySelector('#identite .pfmm');
        if (centerElement) {
            centerElement.appendChild(refreshButton);
        } else {
            console.error('Impossible de trouver l\'emplacement pour insérer le bouton.');
        }
    })();

    // Ajout de styles CSS pour centrer le bouton
    const style = document.createElement('style');
    style.innerHTML = `
        .refresh-button {
            display: block;
            margin: 0 auto;
            text-align: center;
        }
    `;
    document.head.appendChild(style);



// Sélection de la colonne "Santé"
const healthColumn = document.querySelector('.tab75 > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(4)');

// Appliquer le style pour empêcher le texte de passer à la ligne
if (healthColumn) {
    healthColumn.style.whiteSpace = 'nowrap';
}


// Fonction pour récupérer les informations du local storage
function getGoblinInfoById(id) {
    const goblinData = localStorage.getItem(`goblinInfo_${id}`);
    console.log(`Data for ID ${id}:`, goblinData); // Vérification dans la console

    return goblinData;
}

// Fonction pour afficher les infos bulles
function showGoblinInfoOnHover() {
    const playerLinks = document.querySelectorAll('td.pfmm a');

    playerLinks.forEach(link => {
        link.addEventListener('mouseover', (event) => {
            const playerId = link.getAttribute('href').match(/\((\d+)\)/)[1];
            const goblinInfo = getGoblinInfoById(playerId);

            const tooltip = document.createElement('div');
            tooltip.classList.add('tooltip');

            if (goblinInfo) {
                const lines = goblinInfo.split('\n'); // Divise les lignes
                const table = document.createElement('table');
                table.classList.add('tooltip-table');

                lines.forEach((line, index) => {
                    const rowData = line.split(',').map(data => data.replace(/^"|"$/g, '')); // Divise les données par colonne et supprime les guillemets

                    const row = document.createElement('tr');
                    rowData.forEach(cellData => {
                        const cell = document.createElement(index === 0 ? 'th' : 'td'); // Utilisation de th pour la première ligne
                        cell.textContent = cellData;
                        row.appendChild(cell);
                    });

                    table.appendChild(row);
                });

                tooltip.appendChild(table);
            } else {
                tooltip.textContent = "Aucune information disponible, mot de passe de clan manquant";
            }

            document.body.appendChild(tooltip);

            tooltip.style.position = 'absolute';
            tooltip.style.top = `${event.clientY + window.scrollY}px`;
            tooltip.style.left = `${event.clientX}px`;
            tooltip.style.backgroundColor = 'white';
            tooltip.style.border = '1px solid black';
            tooltip.style.padding = '5px';
            tooltip.style.zIndex = '9999';
            tooltip.style.backgroundColor = 'yellow'

            link.addEventListener('mouseout', () => {
                tooltip.remove();
            });
        });
    });
}

// Appel de la fonction pour afficher les infos bulles
showGoblinInfoOnHover();

}




//==========================================================================================================================================================================================================================
// Page de résultat d'action - Envoi des CdM à GobZilla
//==========================================================================================================================================================================================================================
if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/act\.php/i)) {
  // Extraction des caracs min - max d'une ligne de CdM
  function extractMinMax(intervalle) {
    var parse = intervalle.match(/entre (\d+) et (\d+)/);
    if (parse != null) {
      return new Array(parseInt(parse[1]), parseInt(parse[2]));
    } else {
      parse = intervalle.match(/inférieur ou égal à (\d+)/);
      if (parse != null) {
         return new Array(1, parseInt(parse[1]));
      } else {
        parse = intervalle.match(/supérieur ou égal à (\d+)/);
        if (parse != null) {
          return new Array(parseInt(parse[1]), parse[1]*1.5);
        } else {
          return null;
        }
      }
    }
  }

  $( document ).ready(function() {
    if ($("h1").text() == "Connaissance des Monstres") {
      // Analyse de la CdM
      var conteneur = $("#identite").find("div.deborde");
      var rang  = null;
      var executionLinesArr = conteneur.find("center:first").text().split("\n");
      $.each( executionLinesArr, function( key, value ) {
        if (value.indexOf("AVEZ RÉUSSI") > 0) {
          rang = value.substring(
                    value.indexOf("en tant que") + 12,
                    value.indexOf(" ("));
          return false;
        }
      });
      console.log("Rang = " + rang);
      // Vérification du rang : on ne traite pas les CdM des grouillots
      if (rang == "Maître" || rang == "Grand Maître") {
        var resultLinesArr = conteneur.text().split("\n");
        var cdm = {};
        cdm.gob = window.localStorage.getItem('gobId');
        cdm.rang = rang;
        $.each( resultLinesArr, function( key, value ) {
          lineArr = value.split(" : ");
          // Construction de la CdM en parsant la page
          switch (lineArr[0]) {
            case "Le monstre ciblé fait partie des":
              cdm.nom = lineArr[1].split("(")[1].split(" - ")[0];
              cdm.numMob = lineArr[1].split(" - N° ")[1].split(")")[0];
              break;
            case "Niveau":
              cdm.niveau = lineArr[1];
              break;
            case "Points de Vie":
              var arrMinMax = extractMinMax(lineArr[1]);
              cdm.pvMin = arrMinMax[0];
              cdm.pvMax = arrMinMax[1];
              break;
            case "Dés d'Attaque":
              var arrMinMax = extractMinMax(lineArr[1]);
              cdm.attMin = arrMinMax[0];
              cdm.attMax = arrMinMax[1];
              break;
            case "Dés d'Esquive":
              var arrMinMax = extractMinMax(lineArr[1]);
              cdm.esqMin = arrMinMax[0];
              cdm.esqMax = arrMinMax[1];
              break;
            case "Dés de Dégât":
              var arrMinMax = extractMinMax(lineArr[1]);
              cdm.degMin = arrMinMax[0];
              cdm.degMax = arrMinMax[1];
              break;
            case "Dés de Régénération":
              var arrMinMax = extractMinMax(lineArr[1]);
              cdm.regMin = arrMinMax[0];
              cdm.regMax = arrMinMax[1];
              break;
            case "Perception":
              var arrMinMax = extractMinMax(lineArr[1]);
              cdm.perMin = arrMinMax[0];
              cdm.perMax = arrMinMax[1];
              break;
            case "Armure Physique":
              var arrMinMax = extractMinMax(lineArr[1]);
              cdm.armurePhyMin = arrMinMax[0];
              cdm.armurePhyMax = arrMinMax[1];
              break;
            case "Armure Magique":
              var arrMinMax = extractMinMax(lineArr[1]);
              cdm.armureMagMin = arrMinMax[0];
              cdm.armureMagMax = arrMinMax[1];
              break;
            case "Durée du tour":
              var arrMinMax = extractMinMax(lineArr[1]);
              cdm.tourMin = arrMinMax[0];
              cdm.tourMax = arrMinMax[1];
              break;
            case "Créature volante":
              cdm.vol = lineArr[1];
              break;
            case "Attaque à distance":
              cdm.distance = lineArr[1];
              break;
            case "Pouvoir":
              cdm.pouvoir = lineArr[1];
              break;
            case "Nombre d'attaques":
              cdm.nbAttaques = lineArr[1];
              break;
            case "Habitat":
              cdm.habitat = lineArr[1];
              break;
            case "Comportement":
              cdm.comportement = lineArr[1];
              break;
            case "Intelligence":
              cdm.intelligence = lineArr[1];
              break;
            case "Vitesse de déplacement":
              cdm.vitesse = lineArr[1];
              break;
            case "Vision du Caché":
              cdm.vlc = lineArr[1];
              break;
          }
        });

        // Envoi de la CdM
        var url = "https://gobzilla.incaworld.fr/cdm";
        var result = $("<center></center>");
        console.log(cdm);
        var data = JSON.stringify(cdm);
        console.log(data);
        $.ajax({
          type: "PUT",
          url: url,
          contentType: "application/json",
          data: data
        })
        .done(function() {
          result.html("<br><b>**** CdM envoyée à GobZilla ****</b>");
        })
        .fail(function(err) {
          console.log(err);
          result.html("<br><b>**** Echec de l'envoi de la CdM à GobZilla ****</b>");
        })
        .always(function() {
          result.insertAfter(conteneur.find("center:last"));
        });
      }
    }
  });
}

//==========================================================================================================================================================================================================================
// Page MENU (left)
//==========================================================================================================================================================================================================================
if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/Menu\.php/i)) {
  // Enregistrement dans le stockage local de l'identité du Gob
  var gobContainer = $(".presentation").find('a:first');
  window.localStorage.setItem('gobName', gobContainer.text());
  window.localStorage.setItem('gobId', gobContainer.attr('href').match(/javascript:EPV\((\d+)\)/)[1]);
}


//==========================================================================================================================================================================================================================
// Page ACTIONS (footer) Affiche en couleur les monstres qui manquent de CDM
//==========================================================================================================================================================================================================================
if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/playActions\.php/i)) {
  function showHideCdmNeededActions() {
    var displayCdmNeededChecked = window.localStorage.getItem('displayCdmNeededChecked');

    if(displayCdmNeededChecked == 1) {
      var cdmNeeded = window.localStorage.getItem('cdmNeeded');
      $.each(cdmNeeded.split(","), function(index, value) {
        $('option:contains("' + value + '")').css("background-color", "#FF99FF");
      });
    } else {
      $(".cdmNeeded").removeClass("cdmNeeded");
    }
  }

  // Après chargement de la page, lancement des enhancements
  $( document ).ready(function() {
    showHideCdmNeededActions();
  });
}

//==========================================================================================================================================================================================================================
// Page VUE. Vue 2D, divers filtres/tri, modification de la CSS, lieux et plantes étendus, CDM, Compteur de créatures
//==========================================================================================================================================================================================================================
if ($(location).attr('href').match(/^http:\/\/(.*\.)?gobland\.fr\/vue\.php$/i)) {


  // Intégration de CSS pour le loader et la CDM
  var myCSS = `
    #preFilter label {
      padding-left: 10px;
    }
    #preFilter {
      padding: 5px;
      margin-bottom: 5px;
      border: 1px solid black;
      text-align: center;
    }
    #btnRefresh {
      display: block;
      text-align: center;
      margin: auto;
    }
    #filterDiv {
      padding-bottom: 5px;
    }
    #filterDiv label {
      padding-left: 10px;
    }
    .ckbFilter {
      vertical-align: middle;
    }
    .cdmNeeded {
      background-color: #FF99FF;
    }
    .cuisine {
      background-color: #99FF99;
    }
    .cdmContainer {
      background: url(http://images.gobland.fr/v1.0/grande-fenetre/gf-centre.png);
      border: 2px solid #666;
      font-family: sans-serif;
      font-size: 12px;
      padding: 10px;
      display: inline-block;
      background-color: #ddd;
      position: fixed;
      width: 400px;
      left: 270px;
      top: 10%;
    }
    .cdmContainer .title {
      font-weight: bold;
      font-size: 14px;
    }
    .cdmContainer span {
      display: block;
      padding: 2px;
    }
    .lds-roller {
      display: inline-block;
      position: fixed;
      width: 80px;
      height: 80px;
      left: 415px;
      top: 50%;
      z-index: 1000;
    }
    .lds-roller div {
      animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      transform-origin: 40px 40px;
    }
    .lds-roller div:after {
      content: " ";
      display: block;
      position: absolute;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #000;
      margin: -4px 0 0 -4px;
    }
    .lds-roller div:nth-child(1) {
      animation-delay: -0.036s;
    }
    .lds-roller div:nth-child(1):after {
      top: 63px;
      left: 63px;
    }
    .lds-roller div:nth-child(2) {
      animation-delay: -0.072s;
    }
    .lds-roller div:nth-child(2):after {
      top: 68px;
      left: 56px;
    }
    .lds-roller div:nth-child(3) {
      animation-delay: -0.108s;
    }
    .lds-roller div:nth-child(3):after {
      top: 71px;
      left: 48px;
    }
    .lds-roller div:nth-child(4) {
      animation-delay: -0.144s;
    }
    .lds-roller div:nth-child(4):after {
      top: 72px;
      left: 40px;
    }
    .lds-roller div:nth-child(5) {
      animation-delay: -0.18s;
    }
    .lds-roller div:nth-child(5):after {
      top: 71px;
      left: 32px;
    }
    .lds-roller div:nth-child(6) {
      animation-delay: -0.216s;
    }
    .lds-roller div:nth-child(6):after {
      top: 68px;
      left: 24px;
    }
    .lds-roller div:nth-child(7) {
      animation-delay: -0.252s;
    }
    .lds-roller div:nth-child(7):after {
      top: 63px;
      left: 17px;
    }
    .lds-roller div:nth-child(8) {
      animation-delay: -0.288s;
    }
    .lds-roller div:nth-child(8):after {
      top: 56px;
      left: 12px;
    }
    @keyframes lds-roller {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }`;
  var myStyle = document.createElement("style");
  myStyle.setAttribute("type", "text/css");
  myStyle.appendChild(document.createTextNode(myCSS));
  document.body.appendChild(myStyle);

  // HTML pour le loader
  var loader = $("<div id=\"loader\" class=\"lds-roller\"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>");
  $("#content").append(loader);
  $("#loader").hide();

  // HTML pour les CdM
  var cdm = $("<div id=\"cdm\" class=\"cdmContainer\"></div>");
  $("#content").append(cdm);
  cdm.click(function(evt) {
    evt.preventDefault();
    $("#cdm").hide();
  });
  $("#cdm").hide();

  const raceGobs = ["Musculeux", "Mentalo", "Nodef", "Trad Scion", "Vis Yonnair", "Zozo Giste"];
  const monstreAMasquer = ["Lémure", "Sprigan", "Larbin démoniaque", "Plante Carnivore", "Abishaii Blanc", "Abishaii Bleu" , "Abishaii Noir ", "Abishaii Vert"  ];
  const ArbresAMasquer = ["Arbre"];
  const suivants =["Créature mécanique", "Squelette", "Pierreux" , "Esprit-rôdeur" , "Zombi"];



  /// Coloration des gobs
  $.each(raceGobs, function(index, value) {
    $('#TCREATURES > center > table > tbody > tr > td:contains("' + value + '")').parent().css("background-color","#ccccff");
  });

// Coloration des suivants avec condition supplémentaire
$.each(suivants, function(index, value) {
    $('#TCREATURES > center > table > tbody > tr > td:contains("' + value + '")').each(function() {
    // Récupérez le texte de l'élément td contenant le lien
    var texte = $(this).parent().find('td:eq(2)').text();
    // Utilisez une expression régulière pour extraire le nombre entre parenthèses
    var nombre = texte.match(/\((\d+)\)/);
    // Vérifiez si le nombre extrait existe et est supérieur à 1000
    if (nombre && parseInt(nombre[1]) < 1000) {
        // Coloration de l'élément parent de l'élément td
        $(this).parent().css("background-color", "#ffadde");
        }
    });
});
  //// Coloration des gros mobs et indication px
  $("#TCREATURES > center > table > tbody > tr").each( function(){
    var nValue = parseInt($(this).find('td').eq(8).text(), 10); // Obtenez la valeur de la colonne N
    if (nValue === 0) {
        $(this).css({
            "font-style": "italic", // Appliquer le style italique à la ligne entière
            "color": "grey" // Changer la couleur du texte en gris
        });
        $(this).find('td a').css("color", "grey"); // Changer la couleur du lien en gris
    } else {
        $(this).css({
            "font-style": "normal", // Réinitialiser le style si la valeur de N n'est pas 0
            "color": "black" // Réinitialiser la couleur du texte
        });
        $(this).find('td a').css("color", "blue"); // Réinitialiser la couleur du lien
    }


    var race = $(this).find('td').eq(4).text();
    if (jQuery.inArray(race, raceGobs) < 0) {
      var tdlevel = $(this).find('td');
      var lvl = parseInt(tdlevel.eq(3).text(), 10);
      if (isNaN(lvl)) return;
      if (lvl > 39) {
        $(this).css("background-color","#f55442")
      } else if (lvl > 29) {
        $(this).css("background-color","#f59c42")
      } else if (lvl > 25) {
        $(this).css("background-color","#f5b342")
      }


        var id = 0;
        var infosMob = $(this).find('a:first').attr('href').match(/javascript:EMV\((\d+)\)/);
        if (infosMob != null) {
            id = parseInt(infosMob[1]);
            if (id < 9999) {
                // $(this).css("background-color", "#6fcf97"); // Green background for creatures with ID < 9999
                $(this).find('td').eq(2).css("background-color", "#c791b1"); // Apply green background to the ID cell
            }
        }




  /// création de tresorsData qui récup les trésors dans la vue et est utilisé dans les ordres des suivants
const tableauTresors = document.getElementById('TOBJETS');

if (tableauTresors) {
        // Sélection des lignes du tableau
    const lignes = tableauTresors.getElementsByTagName('tr');
    const tresors = [];

        // Parcours de chaque ligne du tableau
    for (let i = 1; i < lignes.length; i++) {
        const colonnes = lignes[i].getElementsByTagName('td');

        // Extraction des données de chaque colonne
        const distance = colonnes[0].textContent;
        const reference = colonnes[1].textContent;
        const nom = colonnes[2].textContent;
        const x = colonnes[3].textContent;
        const y = colonnes[4].textContent;
        const n = colonnes[5].textContent;

        // Stockage des données dans un objet
        const tresorObj = {
            distance,
            reference,
            nom,
            x,
            y,
            n
        };

        // Ajout de l'objet à la liste des trésors
        tresors.push(tresorObj);
    }

        // Stockage des trésors dans localStorage
    localStorage.setItem('tresorsData', JSON.stringify(tresors));
}



    /// Ajout de l'affichage d'une CDM au clic sur la race
      $(this).find('td').eq(4).css("cursor", "pointer");
      $(this).find('td').eq(4).click(function(evt) {
        evt.preventDefault();

        $("#loader").show();

        var url = "https://gobzilla.incaworld.fr/cdm/"+race+"/"+lvl+"/"+id;
        $.getJSON( url, function( data ) {
          if (data["race"] != undefined) {
            $("#loader").hide();
            $("#cdm").html(
                "<div class=\"title\">" + data["nom"] + (data["numMob"]?" (n° " + data["numMob"] + ")":"") + "</div>"
                + "<p>Le monstre fait partie des : " + data["race"] + "</p>"
                + "<span>Niveau moyen : " + data["niveau"] + "</span>"
                + "<span>Points de Vie : entre " + data["pvMin"] + " à " + data["pvMax"] + "</span>"
                + "<span>Dés d'Attaque : entre " + data["attMin"] + " et " + data["attMax"] + "</span>"
                + "<span>Dés d'Esquive : entre " + data["esqMin"] + " et " + data["esqMax"] + "</span>"
                + "<span>Dés de Dégât : entre " + data["degMin"] + " et " + data["degMax"] + "</span>"
                + "<span>Dés de Régénération : entre " + data["regMin"] + " et " + data["regMax"] + "</span>"
                + "<span>Perception : entre " + data["perMin"] + " et " + data["perMax"] + "</span>"
                + "<span>Armure Physique : entre " + data["armurePhyMin"] + " et " + data["armurePhyMax"] + "</span>"
                + "<span>Armure Magique : entre " + data["armureMagMin"] + " et " + data["armureMagMax"] + "</span>"
                + "<span>Tour : entre " + data["tourMin"] + "h et " + data["tourMax"] + "h</span>"
                + "<span>Pouvoir : " + data["pouvoir"] + "</span>"
                + "<span>Créature volante : " + (data["vol"]?"Oui":"Non") + "</span>"
                + "<span>Attaque à distance : " + (data["distance"]?"Oui":"Non") + "</span>"
                + "<span>Nombre d'attaques : " + data["nbAttaques"] + "</span>"
                + "<span>Comportement : " + data["comportement"] + "</span>"
                + "<span>Intelligence : " + data["intelligence"] + "</span>"
                + "<span>Vitesse : " + data["vitesse"] + "</span>"
                + "<span>VLC : " + data["vlc"] + "</span>"
                + "<span>" + data["magie"] + "</span></br>"
                + "<b>Moyenne basée sur " + data["nbCdm"] + " CdM</b>");
          } else {
            $("#loader").hide();
            $("#cdm").html("Pas de CDM en stock !");
          }
          $("#cdm").show();
        });
      });

      if (lvlmeute != undefined) {
        var px = Math.max(0, 20+2*(lvl-lvlmeute)+lvl);
        tdlevel.prop('title', px + "px");
      } else {
        tdlevel.prop('title', "Merci de visiter la page meute pour charger le niveau");
      }
    }
  });


 //// fonction filtre creatures dans la vue
(function() {
    'use strict';

    const table = document.querySelector('#TCREATURES table');

    if (table) {
        const headers = table.querySelectorAll('th');

        headers.forEach(header => {
            if (!header.hasAttribute('colspan')) {
                header.style.cursor = 'pointer';

                const arrowUp = document.createElement('span');
                arrowUp.textContent = ' ▲';
                arrowUp.className = 'sortIndicator';
                arrowUp.style.display = 'none';

                const arrowDown = document.createElement('span');
                arrowDown.textContent = ' ▼';
                arrowDown.className = 'sortIndicator';
                arrowDown.style.display = 'none';

                header.appendChild(arrowUp);
                header.appendChild(arrowDown);

                let ascending = false;

                // Utilisation de l'attribut title pour l'infobulle
                header.title = "Cliquer pour classer dans l'ordre";

                header.addEventListener('click', () => {
                    // reset sort indicators
                    $(".sortIndicator").css("display", 'none');

                    const headerIndex = Array.from(headers).indexOf(header);
                    let rows = Array.from(table.querySelectorAll('tbody tr'));

                    rows.sort((a, b) => {
                        const aValue = a.cells[headerIndex].textContent.trim();
                        const bValue = b.cells[headerIndex].textContent.trim();

                        // La 1ère ligne est toujours en haut
                        if (a.cells[0].textContent.trim().match("^Dist.")) return -1;

                        let result = aValue.localeCompare(bValue, undefined, { numeric: true });

                        if (!ascending) {
                            result *= -1;
                        }

                        return result;
                    });

                    ascending = !ascending;

                    arrowUp.style.display = ascending ? 'none' : 'inline-block';
                    arrowDown.style.display = ascending ? 'inline-block' : 'none';

                    table.querySelector('tbody').innerHTML = '';
                    rows.forEach(row => table.querySelector('tbody').appendChild(row));
                });
            }
        });
    }
})();


  //// fonction filtre trésors dans la vue
(function() {
    'use strict';

    const table = document.querySelector('#TOBJETS table');

    if (table) {
        const headers = table.querySelectorAll('th');

        headers.forEach(header => {
            if (!header.hasAttribute('colspan')) {
                header.style.cursor = 'pointer';

                const arrowUp = document.createElement('span');
                arrowUp.textContent = ' ▲';
                arrowUp.className = 'sortIndicator';
                arrowUp.style.display = 'none';

                const arrowDown = document.createElement('span');
                arrowDown.textContent = ' ▼';
                arrowDown.className = 'sortIndicator';
                arrowDown.style.display = 'none';

                header.appendChild(arrowUp);
                header.appendChild(arrowDown);

                let ascending = false;

                // Utilisation de l'attribut title pour l'infobulle
                header.title = "Cliquer pour classer dans l'ordre";

                header.addEventListener('click', () => {
                    // reset sort indicators
                    $(".sortIndicator").css("display", 'none');

                    const headerIndex = Array.from(headers).indexOf(header);
                    let rows = Array.from(table.querySelectorAll('tbody tr'));

                    rows.sort((a, b) => {
                        const aValue = a.cells[headerIndex].textContent.trim();
                        const bValue = b.cells[headerIndex].textContent.trim();

                        // La 1ère ligne est toujours en haut
                        if (a.cells[0].textContent.trim().match("^Dist.")) return -1;

                        let result = aValue.localeCompare(bValue, undefined, { numeric: true });

                        if (!ascending) {
                            result *= -1;
                        }

                        return result;
                    });

                    ascending = !ascending;

                    arrowUp.style.display = ascending ? 'none' : 'inline-block';
                    arrowDown.style.display = ascending ? 'inline-block' : 'none';

                    table.querySelector('tbody').innerHTML = '';
                    rows.forEach(row => table.querySelector('tbody').appendChild(row));
                });
            }
        });
    }
})();



  //// fonction filtre plantes dans la vue
(function() {
    'use strict';

    const table = document.querySelector('#TPLANTS table');

    if (table) {
        const headers = table.querySelectorAll('th');

        headers.forEach(header => {
            if (!header.hasAttribute('colspan')) {
                header.style.cursor = 'pointer';

                const arrowUp = document.createElement('span');
                arrowUp.textContent = ' ▲';
                arrowUp.className = 'sortIndicator';
                arrowUp.style.display = 'none';

                const arrowDown = document.createElement('span');
                arrowDown.textContent = ' ▼';
                arrowDown.className = 'sortIndicator';
                arrowDown.style.display = 'none';

                header.appendChild(arrowUp);
                header.appendChild(arrowDown);

                let ascending = false;

                header.addEventListener('click', () => {
                  // reset sort indicators
                  $(".sortIndicator").css("display", 'none');

                  const headerIndex = Array.from(headers).indexOf(header);
                  let rows = Array.from(table.querySelectorAll('tbody tr'));

                  rows.sort((a, b) => {
                      const aValue = a.cells[headerIndex].textContent.trim();
                      const bValue = b.cells[headerIndex].textContent.trim();

                    // La 1ère ligne est toujours en haut
                      if (a.cells[0].textContent.trim().match("^Dist.")) return -1;

                      let result = aValue.localeCompare(bValue, undefined, { numeric: true });

                      if (!ascending) {
                          result *= -1;
                      }

                      return result;
                  });

                  ascending = !ascending;

                  arrowUp.style.display = ascending ? 'none' : 'inline-block';
                  arrowDown.style.display = ascending ? 'inline-block' : 'none';

                  table.querySelector('tbody').innerHTML = '';
                  rows.forEach(row => table.querySelector('tbody').appendChild(row));
                });
            }
        });
    }
})();





  //// compteur de créatures
(function() {
    'use strict';

    function updateRowCount() {
        var table = document.getElementById("TCREATURES");
        var rowCount = table.getElementsByTagName("tr").length - 1;
$('a[name="CREATURES"]').next().html("Créatures (" + rowCount + " visibles)");
    }

    var observer = new MutationObserver(updateRowCount);
    var target = document.querySelector("#TCREATURES tbody");
    var config = { childList: true, subtree: true };
    observer.observe(target, config);

    updateRowCount();
})();




  var show2DChecked = window.localStorage.getItem('show2DChecked');
  var displayLieuxChecked = window.localStorage.getItem('displayLieuxChecked');
  var displayPlantesChecked = window.localStorage.getItem('displayPlantesChecked');
  var displayCdmNeeded = window.localStorage.getItem('displayCdmNeededChecked');
  var displayCuisine = window.localStorage.getItem('displayCuisineChecked');
  var displayMiniMobs = window.localStorage.getItem('displayMiniMobs');
  var displayTrees = window.localStorage.getItem('displayTreesChecked');
  var displayFullWidth = window.localStorage.getItem('displayFullWidthChecked');
  var vue2DBuilt = false;
  var extendedLieuxBuilt = false;
  var extendedPlantesBuilt = false;
  var R;



  function showHideVue2d() {
    if($('#ckbDisplay2D').is(":checked")) {
      window.localStorage.setItem('show2DChecked', 1);
      if (!vue2DBuilt) build2DView();
      $("#vue2D").show();
      $("#filterDiv").show();
    } else {
      window.localStorage.setItem('show2DChecked', 0);
      $("#vue2D").hide();
      $("#filterDiv").hide();
    }
  }


  function showHideExtendedLieux() {
    if($('#ckbDisplayLieux').is(":checked")) {
      window.localStorage.setItem('displayLieuxChecked', 1);
      if (!extendedLieuxBuilt) buildExtendedLieux();
      $(".extendedLieu").show();
    } else {
      window.localStorage.setItem('displayLieuxChecked', 0);
      $(".extendedLieu").hide();
    }
  }


    function showHideExtendedPlantes() {
    if($('#ckbDisplayPlantes').is(":checked")) {
      window.localStorage.setItem('displayPlantesChecked', 1);
      if (!extendedPlantesBuilt) buildExtendedPlantes();
      $(".extendedPlante").show();
    } else {
      window.localStorage.setItem('displayPlantesChecked', 0);
      $(".extendedPlante").hide();
    }
  }


  function refreshCdmNeeded() {
    $("#loader").show();
    var urlCdMNeeded = "https://gobzilla.incaworld.fr/mobs/cdm/5";
    $.getJSON( urlCdMNeeded, function( data ) {
      if (data != undefined) {
        window.localStorage.setItem('cdmNeeded', data.monstres);
        window.localStorage.setItem('cdmNeededUpdate', new Date());
      }
      $("#loader").hide();
    });
  }

  function showHideCdmNeeded() {
    if($('#ckbDisplayCdmNeeded').is(":checked")) {
      window.localStorage.setItem('displayCdmNeededChecked', 1);
      var cdmNeededUpdate = new Date(window.localStorage.getItem('cdmNeededUpdate'));
      var delta = (new Date() - cdmNeededUpdate)/1000/60/60/24;
      if (delta > 5) {
        refreshCdmNeeded();
      }
      var cdmNeeded = window.localStorage.getItem('cdmNeeded');
      $.each(cdmNeeded.split(","), function(index, value) {
        $('#TCREATURES td:contains("' + value + '")').closest('tr').find('td:eq(5)').text("CdM manquante !");
      });
    } else {
      window.localStorage.setItem('displayCdmNeededChecked', 0);
      $(".cdmNeeded").removeClass("cdmNeeded");
      $('#TCREATURES td:contains("CdM manquante !")').text("");
    }
  }

  function refreshCuisine() {
    $("#loader").show();
    var urlCuisine = "https://gobzilla.incaworld.fr/mobs/insecte";
    $.getJSON( urlCuisine, function( data ) {
      if (data != undefined) {
        window.localStorage.setItem('cuisine', data.monstres);
        window.localStorage.setItem('cuisineUpdate', new Date());
      }
      $("#loader").hide();
    });
  }

  function showHideCuisine() {
    if($('#ckbDisplayCuisine').is(":checked")) {
      window.localStorage.setItem('displayCuisineChecked', 1);
      var cuisineUpdate = new Date(window.localStorage.getItem('cuisineUpdate'));
      var delta = (new Date() - cuisineUpdate)/1000/60/60/24;
      if (delta > 30) {
        refreshCuisine();
      }
      var cuisine = window.localStorage.getItem('cuisine');
      $.each(cuisine.split(","), function(index, value) {
        $('#TCREATURES td:contains("' + value + '")').parent().addClass("cuisine");
      });
    } else {
      window.localStorage.setItem('displayCuisineChecked', 0);
      $(".cuisine").removeClass("cuisine");
    }
  }

function showHideMiniMobs() {
    if ($('#ckbDisplayMiniMobs').is(":checked")) {
        window.localStorage.setItem('displayMiniMobs', 1);
        // Suppression des mobs trop nombreux
        $.each(monstreAMasquer, function(index, value) {
            $('#TCREATURES > center > table > tbody > tr > td:contains("' + value + '")').each(function() {
                var chiffre = parseInt($(this).parent().find('td:first').text());
                if (chiffre < 2) {
                    $(this).parent().show();
                } else {
                    $(this).parent().hide();
                }
            });
        });
    } else {
        window.localStorage.setItem('displayMiniMobs', 0);
        // Affichage de tous les mobs
        $.each(monstreAMasquer, function(index, value) {
            $('#TCREATURES > center > table > tbody > tr > td:contains("' + value + '")').parent().show();
        });
    }
}

    function showHideTrees() {
    if($('#ckbDisplayTrees').is(":checked")) {
      window.localStorage.setItem('displayTreesChecked', 1);
      // Suppression des arbres
      $.each(ArbresAMasquer, function(index, value) {
        $('#TLIEUX > center > table > tbody > tr > td:contains("' + value + '")').parent().hide();
      });
    } else {
      window.localStorage.setItem('displayTreesChecked', 0);
      $.each(ArbresAMasquer, function(index, value) {
        $('#TLIEUX > center > table > tbody > tr > td:contains("' + value + '")').parent().show();
      });
    }
  }

  function showVueFullWidth() {
    if($('#ckbDisplayFullWidth').is(":checked")) {
      window.localStorage.setItem('displayFullWidthChecked', 1);
      // Vue en pleine largeur
    } else {
      window.localStorage.setItem('displayFullWidthChecked', 0);
      // Vue normale
    }
  }



  function refreshListes() {
    refreshCuisine();
    showHideCuisine();
    refreshCdmNeeded();
    showHideCdmNeeded();
  }

  // Après chargement de la page, lancement des enhancements
  $( document ).ready(function() {

    // Full width
    if (displayFullWidth == 1) {
      $('#ckbDisplayFullWidth').prop( "checked", displayFullWidth );
    }
    showVueFullWidth();

    // Mini mobs
    if (displayMiniMobs == 1) {
      $('#ckbDisplayMiniMobs').prop( "checked", displayMiniMobs );
    }
    showHideMiniMobs();

    // showhide trees
        if (displayTrees == 1) {
      $('#ckbDisplayTrees').prop( "checked", displayTrees );
    }
    showHideTrees();



    // Liste des lieux étendue
    if (displayLieuxChecked == 1) {
      $('#ckbDisplayLieux').prop( "checked", displayLieuxChecked );
    }
    showHideExtendedLieux();


    //Liste des plantes étendue
    if (displayPlantesChecked == 1) {
      $('#ckbDisplayPlantes').prop( "checked", displayPlantesChecked );
    }
    showHideExtendedPlantes();

    // Vue 2D
    if (show2DChecked == 1) {
      $('#ckbDisplay2D').prop( "checked", show2DChecked );
    }
    showHideVue2d();


    // CdM manquantes
    if (displayCdmNeeded == 1) {
      $('#ckbDisplayCdmNeeded').prop( "checked", displayCdmNeeded );
    }
    showHideCdmNeeded();

    // A cuisiner
    if (displayCuisine == 1) {
      $('#ckbDisplayCuisine').prop( "checked", displayCuisine );
    }
    showHideCuisine();

    $('#btnRefresh').click(function(evt) {
      evt.preventDefault();
      $("#btnRefresh").val("...");
      refreshListes();
      $("#btnRefresh").val("Done !");
    });

  });

  var cells = {};
  var niveau = 0;
  var _X=0, _Y=0, _N=0;

  var div = $("<div id=\"vue2D\"></div>");
  div.insertBefore($("form[action*='newMail.php']"));


  //=======================================================================
  // Filters
  //=======================================================================
var prediv = $("<div id=\"preFilter\"></div>");
prediv.css({
  'background-color': 'gainsboro',  // Couleur de fond sombre
  'border': '2px solid black',     // Bordure noire
  'padding': '10px',               // Espacement intérieur
  'margin': '10px'                 // Marge extérieure
});


var select = document.createElement('select');
select.id = 'lvlherbo';
select.innerHTML = `
  <option value="1.5">A</option>
  <option value="2">C</option>
  <option value="2.5">M</option>
  <option value="3">GM</option>`;
prediv.append(select);
prediv.append("</br>");
prediv.insertBefore(div);
prediv.append($('<label />', { 'for': 'ckbDisplay2D', text: 'Vue 2D', title: 'affiche une vue 2d des éléments qui vous entoure' }));
prediv.append($("<input type=\"checkbox\" id=\"ckbDisplay2D\" title=\"affiche une vue 2d des éléments qui vous entoure\" name=\"ckbDisplay2D\" class=\"ckbFilter\" >"));
prediv.append($('<label />', { 'for': 'ckbDisplayLieux', text: '   Lieux étendus', title: 'affiche tous les lieux déja connus hors de votre vue' }));
prediv.append($("<input type=\"checkbox\" id=\"ckbDisplayLieux\" title=\"affiche tous les lieux déja connus hors de votre vue\" name=\"ckbDisplayLieux\" class=\"ckbFilter\" >"));
prediv.append($('<label />', { 'for': 'ckbDisplayPlantes', text: '   Plantes étendues', title: 'affiche toutes les plantes déja connues hors de votre vue, selectionner votre niveau herboriste, il sera enregistré' }));
prediv.append($("<input type=\"checkbox\" id=\"ckbDisplayPlantes\" title=\"affiche toutes les plantes déja connues hors de votre vue\" name=\"ckbDisplayPlantes\" class=\"ckbFilter\" >"));
prediv.append($('<label />', { 'for': 'ckbDisplayCdmNeeded', text: '   CdM manquantes', title: 'permet de savoir quel monstres sont manquants dans la base de données des CdM' }));
prediv.append($("<input type=\"checkbox\" id=\"ckbDisplayCdmNeeded\" title=\"permet de savoir quel monstres sont manquants dans la base de données des CdM\" name=\"ckbDisplayCdmNeeded\" class=\"ckbFilter\" >"));
prediv.append($('<label />', { 'for': 'ckbDisplayCuisine', text: '   Mobs à cuisiner', title: 'met en surbrillance les monstres les + efficaces pour la cuisine' }));
prediv.append($("<input type=\"checkbox\" id=\"ckbDisplayCuisine\" title=\"met en surbrillance les monstres les + efficaces pour la cuisine\" name=\"ckbDisplayCuisine\" class=\"ckbFilter\" >"));
prediv.append("</br>");
prediv.append($('<label />', { 'for': 'ckbDisplayMiniMobs', text: '   Assainir la vue', title: 'Enlever de la vue (sauf a moins de 2 cases) tous les petits monstres qui poluent la vue' }));
prediv.append($("<input type=\"checkbox\" id=\"ckbDisplayMiniMobs\" title=\"masquer les tout petits monstres (lémures, larbins ..)\" name=\"ckbDisplayMiniMobs\" class=\"ckbFilter\" >"));
prediv.append($('<label />', { 'for': 'ckbDisplayTrees', text: '   Masquer Arbres.', title: 'masque les arbres' }));
prediv.append($("<input type=\"checkbox\" id=\"ckbDisplayTrees\" title=\"masque les arbres\" name=\"ckbDisplayTrees\" class=\"ckbFilter\" >"));
prediv.append($('<label />', { 'for': 'ckbDisplayFullWidth', text: '   Vue pleine largeur', title: 'pour les grandes vue. Permet d élargir la vue 2d pour une meilleure visualisation' }));
prediv.append($("<input type=\"checkbox\" id=\"ckbDisplayFullWidth\" title=\"pour les grandes vue. Permet d'élargir la vue 2d pour une meilleure visualisation\" name=\"ckbDisplayFullWidth\" class=\"ckbFilter\" >"));
prediv.append("</br>");
prediv.append($('<label />', { 'for': 'monsterLevelMin', text: 'Filtrer Lvl  ', title: 'Filtrer les monstres par niveau' }));
var levelInputMin = $("<input type='number' id='monsterLevelMin' placeholder='Min' min='0' max='100' style='width: 60px;'>");
prediv.append(levelInputMin);
var levelInputMax = $("<input type='number' id='monsterLevelMax' placeholder='Max' min='0' max='100' style='width: 60px;'>");
prediv.append(levelInputMax);
var filterButton = $("<button id='applyFilter'>Filtrer</button>");
prediv.append(filterButton);
prediv.append("</br>");
prediv.append("</br>");
prediv.append($("<input type=\"button\" id=\"btnRefresh\" name=\"btnRefresh\" value=\"Rafraîchir les listes\">"));
prediv.append("</br>");
prediv.append($('<label />', { 'for': 'ckbFetchCSV', text: '   Vue DeathMetal', title: 'profitez de la vue de DeathMetal. Attention, utiliser avec parcimonie !' }));
prediv.append($("<input type=\"checkbox\" id=\"ckbFetchCSV\" title=\"cliquez pour faire apparaitre la vue ici. Pour l'enlever, décocher et rafraichir la page. Attention, NE PAS ABUSER (max 1 fois par jour)\" name=\"ckbFetchCSV\" class=\"ckbFilter\" >"));


  // filtres de la vue 2d
  var filterDiv = $("<div id=\"filterDiv\"></div>");
  filterDiv.insertBefore(div);
  filterDiv.append($('<label />', { 'for': 'ckbNiveau', text: 'Même niveau' }));
  filterDiv.append($("<input type=\"checkbox\" id=\"ckbNiveau\" name=\"ckbNiveau\" class=\"ckbFilter\" >"));
  filterDiv.append($('<label />', { 'for': 'ckbObject', text: 'Trésor' }));
  filterDiv.append($("<input type=\"checkbox\" id=\"ckbObject\" name=\"ckbObject\" class=\"ckbFilter\" checked=\"checked\" >"));
  filterDiv.append($('<label />', { 'for': 'ckbMonster', text: 'Monstre' }));
  filterDiv.append($("<input type=\"checkbox\" id=\"ckbMonster\" name=\"ckbMonster\" class=\"ckbFilter\" checked=\"checked\" >"));
  filterDiv.append($('<label />', { 'for': 'ckbPlant', text: 'Plante' }));
  filterDiv.append($("<input type=\"checkbox\" id=\"ckbplants\" name=\"ckbplants\" class=\"ckbFilter\" checked=\"checked\" >"));
  filterDiv.append($('<label />', { 'for': 'ckbPlace', text: 'Lieu' }));
  filterDiv.append($("<input type=\"checkbox\" id=\"ckbPlace\" name=\"ckbPlace\" class=\"ckbFilter\" checked=\"checked\" >"));
  filterDiv.append($('<label />', { 'for': 'ckbBigMonsters', text: 'Gros monstres', title: 'afficher que les monstres sup à 40' }));
  filterDiv.append($("<input type=\"checkbox\" id=\"ckbBigMonsters\" name=\"ckbBigMonsters\" class=\"ckbFilter\" >"));


  //=======================================================================
  // Filtre Herbo
  //=======================================================================

  // Cache initialement le niveau herbo
select.style.display = 'none';

// Fonction pour contrôler la visibilité du niveau herbo
function toggleLvlHerboVisibility() {

  if ($('#ckbDisplayPlantes').is(':checked')) {
    select.style.display = 'block';
    $('#lvlherbo').css('display', 'inline-block');
  } else {
    select.style.display = 'none';
    $('#lvlherbo').css('display', 'none');
  }
}

$('#ckbDisplayPlantes').change(function() {
  toggleLvlHerboVisibility();
});

toggleLvlHerboVisibility();



  //=======================================================================
  // Fonction pour filtrer les monstres dans le tableau et la vue 2D
  //=======================================================================
function applyMonsterFilter(minLevel, maxLevel) {
    // Filtrer dans le tableau seulement si minLevel et maxLevel sont spécifiés
    if (!isNaN(minLevel) && !isNaN(maxLevel)) {
        $("#TCREATURES > center > table > tbody > tr").each(function() {
            var tdLevel = $(this).find('td').eq(3);
            var lvl = parseInt(tdLevel.text(), 10);
            if (!isNaN(lvl)) {
                if (lvl >= minLevel && lvl <= maxLevel) {
                    $(this).show();
                } else {
                    $(this).hide();
                }
            }
        });
    } else {
        // Si minLevel ou maxLevel n'est pas spécifié, afficher tous les éléments
        $("#TCREATURES > center > table > tbody > tr").show();
    }

    // Sauvegarder les valeurs dans le localStorage
    localStorage.setItem('monsterLevelMin', minLevel);
    localStorage.setItem('monsterLevelMax', maxLevel);
}

// Charger les valeurs depuis le localStorage et appliquer le filtre au chargement de la page
$(document).ready(function() {
    var savedMinLevel = localStorage.getItem('monsterLevelMin');
    var savedMaxLevel = localStorage.getItem('monsterLevelMax');

    if (savedMinLevel !== null && savedMaxLevel !== null) {
        levelInputMin.val(savedMinLevel);
        levelInputMax.val(savedMaxLevel);
        applyMonsterFilter(parseInt(savedMinLevel, 10), parseInt(savedMaxLevel, 10));
    }

});

// Gestion du clic sur le bouton de filtrage
filterButton.on('click', function() {
        var minLevel = parseInt(levelInputMin.val(), 10);
        var maxLevel = parseInt(levelInputMax.val(), 10);
        applyMonsterFilter(minLevel, maxLevel);
    });


  //=======================================================================
 ///  masquer via une petite fleche tout ce beau monde
  //=======================================================================

var isPreFilterVisible = localStorage.getItem('isPreFilterVisible') === 'true'; // Lire l'état depuis localStorage
// Créez un div contenant la flèche pour afficher/masquer preFilter
var toggleDiv = $("<div id=\"togglePreFilter\" style=\"cursor: pointer; font-size: 10px; color: black;\">▼ Ouvrir les Filtres</div>");
// Ajoutez le div avant prediv
toggleDiv.insertBefore(prediv);
// Fonction pour mettre à jour l'état et le texte du div
function updateToggleDiv() {
    if (isPreFilterVisible) {
        prediv.show(); // Afficher preFilter
        toggleDiv.html('▼ Masquer les filtres'); // Affiche la flèche vers le bas (▼)
    } else {
        prediv.hide(); // Masquer preFilter
        toggleDiv.html('&#9658; Ouvrir les filtres'); // Affiche la flèche de droite (→)
    }
}

// Définissez un gestionnaire d'événements pour le div
toggleDiv.on('click', function() {
    isPreFilterVisible = !isPreFilterVisible; // Inverse l'état
    updateToggleDiv();
    // Sauvegarde l'état dans localStorage
    localStorage.setItem('isPreFilterVisible', isPreFilterVisible);
});

// Assurez-vous que preFilter est initialement visible
updateToggleDiv();



  //=======================================================================
  // Construction de la liste étendue des lieux sur la base d'une API externe
  //=======================================================================
  function buildExtendedLieux() {
    var reflieux = new Array();
    $("#TLIEUX > table > tbody > tr").each( function(){
      reflieux.push($(this).find('td').eq(1).text());
    });

    var url = "https://gobzilla.incaworld.fr/lieux/"+_X+"/"+_Y+"/"+_N;
    $.getJSON( url, function( data ) {
      // alert(JSON.stringify(data));
      $.each( data, function( key, val ) {
        if (( reflieux.indexOf(val["id"]) == -1 ) && (val["id"] !== -1))
        {
          var row = "<tr bgcolor=\"#E0E0E0\" class=\"extendedLieu\"><td>" + val["distance"] ;
          row += "</td><td>" + val["id"] ;
          row += "</td><td>" + val["nom"] ;
          row += "</td><td>" + val["type"] ;
          row += "</td><td>" + val["x"] ;
          row += "</td><td>" + val["y"] ;
          row += "</td><td>" + val["z"] ;
          row += "</td></tr>";
          $(row).insertAfter("#TLIEUX table tr:last");
        }
        });
    });

    extendedLieuxBuilt = true;
  }


  //=======================================================================
  // Construction de la liste étendue des plantes sur la base d'une API externe
  //=======================================================================
  var text = $("ul:contains('Ma vue peut porter')").text();
  var matches = text.match(/Ma vue peut porter à (\d+) cases horizontalement et (\d+) verticalement/);

  if (matches) {
    var perh = matches[1]; // PER max (X Y)
    var perv = matches[2]; // PER max (N)
    var herbomax = perh * 1.5;
    var herbomin = +perh +1;

    // Récupérez la liste déroulante
    var lvlherbo = $('#lvlherbo');

    // Ajoutez un gestionnaire d'événements pour écouter les changements de la liste déroulante
    lvlherbo.on('change', function() {
        var xfactor = parseFloat(lvlherbo.val()); // Obtenez la valeur sélectionnée en tant que nombre
        var herbomax = perh * xfactor;
        var herbomin = +perh + 1;
       window.localStorage.setItem('xfactor', xfactor);
       window.localStorage.setItem('herbomax', herbomax);
       console.log("Nouvelle valeur de herbomax : " + herbomax);
        console.log("Nouvelle valeur de herbomin : " + herbomin);
    });

    // Lorsque la page est chargée, vérifiez s'il y a des valeurs précédemment enregistrées et utilisez-les si elles existent
    var storedXFactor = window.localStorage.getItem('xfactor');
    var storedHerboMax = window.localStorage.getItem('herbomax');

    if (storedXFactor) {
        lvlherbo.val(storedXFactor); // Mettez à jour la liste déroulante avec la valeur précédemment enregistrée
    }

    if (storedHerboMax) {
        // Utilisez la valeur précédemment enregistrée pour herbomax
        herbomax = parseFloat(storedHerboMax);
        console.log("Utilisation de la valeur précédemment enregistrée pour herbomax : " + herbomax);
    }

    console.log("portée herboriser: " + herbomax);
    console.log("limite mini d'herboriser: " + herbomin);
  } else {
    console.log("Aucune correspondance trouvée.");
  }

  function buildExtendedPlantes() {
      var refplantes = new Array();
      $("#TPLANTS> table > tbody > tr").each(function() {
          refplantes.push($(this).find('td').eq(1).text());
      });

      var url = "https://fzffz.000webhostapp.com/plantes.json";
      $.ajaxSetup({
          async: false
      });
      $.getJSON(url, function(data) {
          // alert(JSON.stringify(data));
          $.each(data, function(key, val) {
              var dist = Math.max(
                  Math.abs(val["x"] - _X),
                  Math.abs(val["y"] - _Y),
                  Math.abs(val["z"] - _N)
              );

              if (refplantes.indexOf(val["ID"]) == -1 && val["ID"] !== -1) {
                  var bgColor =
                      dist >= herbomin && dist <= herbomax
                          ? 'background-color: #93d278;'
                          : 'background-color: #E0E0E0;';
                  var row =
                      "<tr style='" +
                      bgColor +
                      "' class='extendedPlante'><td>" +
                      dist;
                  row += "</td><td>" + val["ID"];
                  row += "</td><td>" + val["nom"] + " (" + val["espèce"] + ")";
                  row += "</td><td>" + val["x"];
                  row += "</td><td>" + val["y"];
                  row += "</td><td>" + val["z"];
                  row += "</td></tr>";
                  $(row).insertAfter("#TPLANTS table tr:last");
              }
          });
      });
      $.ajaxSetup({
          async: true
      });
      extendedPlantesBuilt = true;
  }


  //=====================================================================================================
  // Fonction pour récupérer la vue de deathmétal depuis les scripts publics http://ie.gobland.fr
  //=====================================================================================================


function fetchCSV(url) {
  return fetch(url)
    .then(response => response.text())
    .then(csvData => parseCSV(csvData));
}

// Fonction pour convertir les données CSV en tableau
function parseCSV(csvData) {
  // Convertir les données CSV en tableau
  const rows = csvData.split('\n').slice(1); // Ignorer la première ligne d'en-têtes
  const table = rows.map(row => row.split(','));

  // Créer le tableau HTML avec les en-têtes spécifiés
  const tableElement = document.createElement('table');
  const headerRow = document.createElement('tr');

  // En-têtes spécifiés
  const headers = ['Catégorie' , 'Dist.', 'Id', 'Nom', 'Niveau', 'Type' , 'Clan', 'X', 'Y', 'N', 'Z'];

  // Ajouter les en-têtes au tableau
  headers.forEach(headerText => {
    const th = document.createElement('th');
    th.textContent = headerText;
    headerRow.appendChild(th);
  });

  // Ajouter la ligne d'en-tête au tableau
  tableElement.appendChild(headerRow);

  // Ajouter les données CSV au tableau
  table.forEach(row => {
    const tr = document.createElement('tr');
    row.forEach(cell => {
      const td = document.createElement('td');
      // Nettoyer les guillemets autour des mots
      const cleanedCell = cell.replace(/"/g, '');
      td.textContent = cleanedCell;
      tr.appendChild(td);
    });
    tableElement.appendChild(tr);
  });

  // Trouver l'élément cible pour insérer le tableau
  const targetElement = document.evaluate(
    "/html/body/div[3]/div/table/tbody/tr[2]/td[2]/center[3]/table/tbody",
    document,
    null,
    XPathResult.FIRST_ORDERED_NODE_TYPE,
    null
  ).singleNodeValue;


   // Modifier le texte de l'élément cible
  if (targetElement) {
    targetElement.textContent = "Vue Death";
    targetElement.style.fontSize = '24px'; // Larger font size
    targetElement.style.fontWeight = 'bold'; // Bold style
    targetElement.setAttribute("onclick", "javascript:retract('VUEDEATH');return false;");
  } else {
    console.error('Élément cible non trouvé.');
  }

  // Insérer le tableau en dessous de l'élément cible
  if (targetElement) {
    targetElement.parentNode.parentNode.appendChild(tableElement);
  } else {
    console.error('Élément cible non trouvé.');
  }
}

// Fonction pour activer ou désactiver fetchCSV en fonction de l'état de la case à cocher
function toggleFetchCSV() {
  const tableElement = document.querySelector('#TPLANTS');

  if ($('#ckbFetchCSV').is(":checked")) {
    fetchCSV(csvURL);
    // Afficher le tableau s'il existe
    if (tableElement) {
      tableElement.style.display = 'block';
    }
  } else {
    // Actions à effectuer lors de la désactivation de la récupération des données CSV
    // Cacher le tableau s'il existe et arrêter la récupération
    if (tableElement) {
      tableElement.style.display = 'none';
    }
    // Ajoutez ici d'autres actions pour arrêter la récupération des données CSV si nécessaire
  }
}

// Récupération de la case à cocher par son ID
const ckbFetchCSV = document.getElementById('ckbFetchCSV');

// Écouteur d'événement pour détecter le changement d'état de la case à cocher
ckbFetchCSV.addEventListener('change', toggleFetchCSV);

// Appeler toggleFetchCSV au chargement de la page pour initialiser le comportement
toggleFetchCSV();

// URL du CSV à récupérer
const csvURL = 'http://ie.gobland.fr/IE_Vue.php?id=330&passwd=30fae3bb4bf976a5cd29628102d42fd2&sep=,';

// Appeler la fonction fetchCSV avec l'URL
//fetchCSV(csvURL);




  //=======================================================================
  // VUE 2D. Piqué à Stéphane Beauquis (Extention Chrome)
  // Grab the data for Vue2D
  //=======================================================================



	var _terre="", _PX=0, _PY=0;

	// Get the name and num of the actual goblin
	var nom = $('#identite').attr("nom");
	var num = $('#identite').attr("num");

	// Get the actual position and view size
	$('li').each(function(){
		// cache jquery var
		var current = $(this);

		var matches = current.text().match(/Ma position actuelle est : X = ([\-0-9]+), Y = ([\-0-9]+), N = ([\-0-9]+)([^\-]+)/);
		if (matches) {
			_X = parseInt(matches[1]);
			_Y = parseInt(matches[2]);
			_N = parseInt(matches[3]);
			niveau = _N;
			_terre = matches[4];
		}

		matches = current.text().match(/L'affichage est limité à (\d+) cases horizontalement et (\d+) verticalement/);
		if (matches) {
			_PX = (parseInt(matches[1])>50)?50:parseInt(matches[1]);
			_PY = (parseInt(matches[2])>20)?20:parseInt(matches[2]);
		}
	});

  if (displayFullWidth == 1) {
    var width = 1800, height = 1800, leftgutter = 20, bottomgutter = 30, coordOffset = 1790;
    var tailleTxt = "16px sans-serif";
    $("#content").css("width" , "2000px");
    $("html > body > div").css("left" , "1800x");
  } else {
    var width = 630, height = 650, leftgutter = 30, bottomgutter = 20, coordOffset = 1190;
    var tailleTxt = "12px sans-serif";
  }

  var offset = 40,
      nbCase = _PX * 2 + 1,
      carre = Math.floor((width-offset-5) / nbCase),
      txt = {"font": '10px Fontin-Sans, Arial', stroke: "none", fill: "#000"};

var alllieux = {};

// Compute grid limits
var xmin = _X - _PX,
    ymin = _Y - _PX,
    ymax = _Y + _PX,
    Dx = xmin * -1,
    Dy = ymin * -1;

// Initialisation de tooltipOpen comme un objet
var tooltipOpen = {};

// Fonction pour attacher les gestionnaires d'événements des tooltips
function attachTooltipEvents(st, key) {
    if (st[0]) {
        st[0].style.cursor = "pointer";
        var isClicked = false;

        // Gestion du clic
        st[0].onclick = function (e) {
            e.stopPropagation(); // Évite la propagation de l'événement aux parents
            if (tooltipOpen[key]) {
                closeTooltip(key);
            } else {
                openTooltip(key);
                isClicked = true;
            }
        };

        // Gestion du double-clic
        st[0].ondblclick = function (e) {
            e.stopPropagation();
            if (isClicked) {
                closeTooltip(key);
                isClicked = false;
            }
        };

        // Gestion du survol
        st[0].onmouseover = function () {
            if (!tooltipOpen[key] && !isClicked) {
                closeTooltips(); // Fermer toutes les tooltips ouvertes
                openTooltip(key);
            }
        };

        st[0].onmouseout = function (e) {
            var target = e.relatedTarget || e.toElement;
            if (!isClicked && (!target || target !== st[0])) {
                closeTooltip(key);
            }
        };

        // Gestion du clic droit
        st[0].oncontextmenu = function (e) {
            e.preventDefault(); // Empêche l'ouverture du menu contextuel par défaut

            // Copie du contenu de la tooltip dans le presse-papiers
            if (tooltipOpen[key]) {
                var tooltipContent = compute_text(key);

                // Méthode alternative pour copier le texte
                var tempInput = document.createElement('textarea');
                tempInput.style.position = 'absolute';
                tempInput.style.left = '-9999px';
                tempInput.value = tooltipContent;
                document.body.appendChild(tempInput);
                tempInput.select();
                try {
                    var successful = document.execCommand('copy');
                    var msg = successful ? 'copié dans le presse-papiers' : 'Échec de la copie du contenu de la tooltip';
                    alert(msg);
                } catch (err) {
                    console.error('Erreur lors de la copie du texte : ', err);
                }
                document.body.removeChild(tempInput);
            } else {
                alert('Aucune tooltip ouverte pour copier le contenu');
            }
        };
    }
}

function initializeTooltips() {
    for (var key in alllieux) {
        (function (st, key) {
            attachTooltipEvents(st, key);
        })(alllieux[key], key);
    }
}

function openTooltip(key) {
    var st = alllieux[key];
    if (st[0]) {
        var x = cells[key].x; // Coordonnées X
        var y = cells[key].y; // Coordonnées Y

        // Calculer la position du tic
        var tic = "";
        tic += (y >= (Math.floor(nbCase / 2)) * carre) ? "bottom" : "top";
        tic += (x > (Math.floor(nbCase / 2)) * carre) ? "left" : "right";

        var s = compute_text(key);

        draw_tooltip(st[0], 1, s, x, y, carre, tic);
        tooltipOpen[key] = true;
    }
}

function closeTooltip(key) {
    var st = alllieux[key];
    if (st[0] && tooltipOpen[key]) {
        draw_tooltip(st[0], 0);
        tooltipOpen[key] = false;
    }
}

function closeTooltips() {
    for (var k in tooltipOpen) {
        if (tooltipOpen[k]) {
            closeTooltip(k);
        }
    }
}

// Gestion des changements de filtre
$("input.ckbFilter").change(function () {
    showVueFullWidth();
    showHideMiniMobs();
    showHideTrees();
    showHideVue2d();
    showHideExtendedLieux();
    showHideExtendedPlantes();
    showHideCdmNeeded();
    showHideCuisine();

    // Mettre à jour l'affichage en fonction de la case à cocher "Gros monstres"
    var showBigMonsters = $('input[name=ckbBigMonsters]').is(':checked');

    // Mettre à jour l'objet alllieux avec de nouvelles images
    for (var key in cells) {
        var x = cells[key].x;
        var y = cells[key].y;

        var mapping = "i" + getMapping(key, showBigMonsters) + ".src"; // Passer showBigMonsters à getMapping

        // Supprimer l'image existante et en ajouter une nouvelle en fonction du filtre
        if (alllieux[key]) {
            alllieux[key].remove();
        }

        if (mapping != "i0000.src") {
            alllieux[key] = R.image(eval(mapping), x, y, carre - 1, carre - 1);

            // Attacher les gestionnaires d'événements pour les tooltips (les rattacher après la mise à jour)
            (function (st, key) {
                // Attendre que l'image soit chargée avant d'attacher les gestionnaires d'événements des tooltips
                st[0].onload = function() {
                    attachTooltipEvents(st, key);
                };
            })(alllieux[key], key);
        }
    }
});

// Appeler initializeTooltips lors du chargement initial de la page
$(document).ready(function() {
    initializeTooltips();
});




  // Images
  //ancienne adresse $("<img src=\"http://images.gobland.fr/addons/GGVue2D/0001.jpg\" id=\"i0001\" style=\"display:none;\" />").insertBefore(div);

  $("<img src=\"https://i.ibb.co/Dz9gDV3/0001.png\" id=\"i0001\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/8P46Rjy/0010.png\" id=\"i0010\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/QcGCGDb/0011.png\" id=\"i0011\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/KwzFZvN/0100.png\" id=\"i0100\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/XZjcdh7/0101.png\" id=\"i0101\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/S56vt5R/0110.png\" id=\"i0110\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/s1Jtrnk/0111.png\" id=\"i0111\" style=\"display:none;\" />").insertBefore(div);

  $("<img src=\"https://i.ibb.co/N3WcT1f/1000.png\" id=\"i1000\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/PNvwHwZ/1001.png\" id=\"i1001\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/vwcwq8y/1010.png\" id=\"i1010\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/n6L9kYJ/1011.png\" id=\"i1011\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/yFrybj2/1100.png\" id=\"i1100\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/44QQsYw/1101.png\" id=\"i1101\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/58Y158g/1110.png\" id=\"i1110\" style=\"display:none;\" />").insertBefore(div);

  $("<img src=\"https://i.ibb.co/wzsbGdL/1111.png\" id=\"i1130\" style=\"display:none;\" />").insertBefore(div);

  $("<img src=\"https://i.ibb.co/hRDDnZM/1200.png\" id=\"i1200\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/gdm3cNW/1201.png\" id=\"i1201\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/zrwHfBK/1210.png\" id=\"i1210\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/fC7GWvd/1211.png\" id=\"i1211\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/LxnJvjS/0200.png\" id=\"i0200\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/WWDrSHy/0201.png\" id=\"i0201\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/T4FnVMk/0210.png\" id=\"i0210\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/wgHgjjC/0211.png\" id=\"i0211\" style=\"display:none;\" />").insertBefore(div);

  $("<img src=\"https://i.ibb.co/9ZKxpfP/1300.png\" id=\"i1300\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/C6KwVnJ/1301.png\" id=\"i1301\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/NFZVP34/1310.png\" id=\"i1310\" style=\"display:none;\" />").insertBefore(div);

  $("<img src=\"https://i.ibb.co/Sd2KRDg/0300.png\" id=\"i0300\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/yhmsDKs/0301.png\" id=\"i0301\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/r5P0BPV/0310.png\" id=\"i0310\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/3Wnk7zT/0311.png\" id=\"i0311\" style=\"display:none;\" />").insertBefore(div);

  $("<img src=\"https://i.ibb.co/61rWLLL/0400.png\" id=\"i0400\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/vxCmWFw/0401.png\" id=\"i0401\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/tczccQC/0410.png\" id=\"i0410\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/mGq9y8f/0411.png\" id=\"i0411\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/FnxBk2g/1410.png\" id=\"i1410\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/ZXZQxht/1411.png\" id=\"i1411\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/kSrPcdd/1401.png\" id=\"i1401\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/T8y0bM2/1400.png\" id=\"i1400\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/FnxBk2g/1410.png\" id=\"i1410\" style=\"display:none;\" />").insertBefore(div);

  $("<img src=\"https://i.ibb.co/tJ8jHpq/0500.png\" id=\"i0500\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/WFWVSF5/0501.png\" id=\"i0501\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/JtSNYrd/0510.png\" id=\"i0510\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/gdKT4Ph/0511.png\" id=\"i0511\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/FX99SN7/1500.png\" id=\"i1500\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/KWSLbzc/1501.png\" id=\"i1501\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/9212GsW/1510.png\" id=\"i1510\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/qx85SyM/1511.png\" id=\"i1511\" style=\"display:none;\" />").insertBefore(div);

  $("<img src=\"https://i.ibb.co/0qyL5mX/0600.png\" id=\"i0600\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/f9gzMtm/0601.png\" id=\"i0601\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/FYjyxXh/0610.png\" id=\"i0610\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/jv47Q2W/0611.png\" id=\"i0611\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/R7Dwjxy/1600.png\" id=\"i1600\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/Dpksj9V/1601.png\" id=\"i1601\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/mhcfSqt/1610.png\" id=\"i1610\" style=\"display:none;\" />").insertBefore(div);
  $("<img src=\"https://i.ibb.co/d0rb5QW/1611.png\" id=\"i1611\" style=\"display:none;\" />").insertBefore(div);



  //initialisation de la vue2d
  //=============================================================
  //  D r a w
  //=============================================================
  function build2DView() {
    Raphael.fn.drawGrid = function (x, y, w, h, wv, hv, color) {
      color = color || "#000";
      var path = ["M", Math.round(x) + .5, Math.round(y) + .5, "L", Math.round(x + w) + .5, Math.round(y) + .5, Math.round(x + w) + .5, Math.round(y + h) + .5, Math.round(x) + .5, Math.round(y + h) + .5, Math.round(x) + .5, Math.round(y) + .5],
          rowHeight = h / hv,
          columnWidth = w / wv;
      for (var i = 1; i < hv; i++) {
          path = path.concat(["M", Math.round(x) + .5, Math.round(y + i * rowHeight) + .5, "H", Math.round(x + w) + .5]);
      }
      for (i = 1; i < wv; i++) {
          path = path.concat(["M", Math.round(x + i * columnWidth) + .5, Math.round(y) + .5, "V", Math.round(y + h) + .5]);
      }
      return this.path(path.join(",")).attr({stroke: color});
    };


    ///Gob Monstres trésors lieux
    var i0001 = document.getElementById("i0001");
    var i0010 = document.getElementById("i0010");
    var i0011 = document.getElementById("i0011");
    var i0100 = document.getElementById("i0100");
    var i0101 = document.getElementById("i0101");
    var i0110 = document.getElementById("i0110");
    var i0111 = document.getElementById("i0111");
    var i1000 = document.getElementById("i1000");
    var i1001 = document.getElementById("i1001");
    var i1010 = document.getElementById("i1010");
    var i1011 = document.getElementById("i1011");
    var i1100 = document.getElementById("i1100");
    var i1101 = document.getElementById("i1101");
    var i1101 = document.getElementById("i1110");
    var i1111 = document.getElementById("i1111");

    ///Gob Monstres rouges trésors lieux
    var i0200 = document.getElementById("i0200");
    var i0201 = document.getElementById("i0201");
    var i0210 = document.getElementById("i0210");
    var i0211 = document.getElementById("i0211");
    var i1200 = document.getElementById("i1200");
    var i1201 = document.getElementById("i1201");
    var i1210 = document.getElementById("i1210");
    var i1211 = document.getElementById("i1211");


    ///plantes
    var i1300 = document.getElementById("i1300");
    var i1301 = document.getElementById("i1301");
    var i1311 = document.getElementById("i1311");
    var i1310 = document.getElementById("i1310");
    var i0311 = document.getElementById("i0311");
    var i0301 = document.getElementById("i0301");
    var i0300 = document.getElementById("i0300");
    var i0310 = document.getElementById("i0310");


    ///monstres orange
    var i0400 = document.getElementById("i0400");
    var i0401 = document.getElementById("i0401");
    var i0410 = document.getElementById("i0410");
    var i0411 = document.getElementById("i0411");
    var i1400 = document.getElementById("i1400");
    var i1410 = document.getElementById("i1410");
    var i1401 = document.getElementById("i1401");
    var i1411 = document.getElementById("14111");

    //monstres orange clair
    var i0500 = document.getElementById("i0500");
    var i0501 = document.getElementById("i0501");
    var i0510 = document.getElementById("i0510");
    var i0511 = document.getElementById("i0511");
    var i1500 = document.getElementById("i1500");
    var i1501 = document.getElementById("i1501");
    var i1510 = document.getElementById("i1510");
    var i1511 = document.getElementById("i1511");

    var i0600 = document.getElementById("i0600");
    var i0601 = document.getElementById("i0601");
    var i0610 = document.getElementById("i0610");
    var i0611 = document.getElementById("i0611");
    var i1600 = document.getElementById("i1600");
    var i1601 = document.getElementById("i1601");
    var i1610 = document.getElementById("i1610");
    var i1611 = document.getElementById("i1611");





    R = Raphael("vue2D", width, height);

    // Draw the grid
    R.drawGrid(offset, offset, nbCase*carre, nbCase*carre, nbCase, nbCase, "#000");

    // Draw legend for X-axis and Y-axis
    for( var i = 0 ; i < nbCase ; i++ ) {
      // X coordinates top/bottom
      R.text( Math.round(offset+(i+.5)*carre), 10, (xmin+i).toString() ).attr(txt);
      R.text( Math.round(offset+(i+.5)*carre), coordOffset, (xmin+i).toString() ).attr(txt);

      // Y coordinates
      R.text( 10, Math.round(offset+(i+.5)*carre), (ymax-i).toString() ).attr(txt);
    }

    // Add to the list the current Goblin
    x = _PX*carre + offset + 1;
    y = _PX*carre + offset + 1;
    var key = ( x + Dx ) + Math.abs( y + Dy ) * nbCase + 1;
    cells[key] = { "x":x, "y":y, "realx":_X, "realy":_Y };
    cells[key][_N] = { "gob":[nom+" ("+num+")\n"], "monster":[],"violetMonster": [], "redMonster":[], "orangeMonster":[], "yellowMonster":[], "place":[], "object":[], "plant":[] };

    var creatures = $('#TCREATURES').find("table");
    $("tbody tr", creatures).each(function (index, tr) {
      var lines = $('td', tr).map(function(index, td) {
          return $(td).text();
      });

      if ( typeof lines[0] != "undefined" )
      {
        x = (_PX + parseInt(lines[6]) - _X)*carre + offset + 1;
        y = (_PX - parseInt(lines[7]) + _Y)*carre + offset + 1;
        var key = ( x + Dx ) + Math.abs( y + Dy ) * nbCase + 1;

        // Get level
        var lvl = lines[8];
        if (!(key in cells)) {
          // Add the new cell
          cells[key] = { "x": x, "y": y, "realx": lines[6], "realy": lines[7] };
          cells[key][lvl] = { "gob": [], "monster": [], "violetMonster": [], "redMonster": [], "orangeMonster": [], "yellowMonster": [], "place": [], "object": [], "plant": [] };
        }
        if (!(lvl in cells[key])) {
          // Add a new level for this cell
          cells[key][lvl] = { "gob": [], "monster": [], "violetMonster": [], "redMonster": [], "orangeMonster": [], "yellowMonster": [], "place": [], "object": [], "plant": [] };
        }

        if (lines[4] === "Mentalo" ||
            lines[4] === "Nodef" ||
            lines[4] === "Musculeux" ||
            lines[4] === "Vis Yonnair" ||
            lines[4] === "Trad Scion" ||
            lines[4] === "Zozo Giste") {
          cells[key][lvl]["gob"].push(lines[2] + ' - ' + lines[3]);
        } else if (lines[3] >= 50) {
          cells[key][lvl]["violetMonster"].push(lines[2] + ' - ' + lines[3]);
        } else if (lines[3] >= 40) {
          cells[key][lvl]["redMonster"].push(lines[2] + ' - ' + lines[3]);
        } else if (lines[3] >= 30) {
          cells[key][lvl]["orangeMonster"].push(lines[2] + ' - ' + lines[3]);
        } else if (lines[3] >= 25) {
          cells[key][lvl]["yellowMonster"].push(lines[2] + ' - ' + lines[3]);
        } else {
          cells[key][lvl]["monster"].push(lines[2] + ' - ' + lines[3]);
        }
      }
    });

    // Get all 'lieux' to display
    var lieux = $('#TLIEUX').find("table");
    $("tbody tr", lieux).each(function (index, tr) {
      var lines = $('td', tr).map(function(index, td) {
          return $(td).text();
      });

      if ( typeof lines[0] != "undefined" )
      {
        x = (_PX + parseInt(lines[4]) - _X)*carre + offset + 1;
        y = (_PX - parseInt(lines[5]) + _Y)*carre + offset + 1;
        var key = ( x + Dx ) + Math.abs( y + Dy ) * nbCase + 1;

        // Get level
        var lvl = lines[6];
        if (!(key in cells))
        {
          cells[key] = { "x":x, "y":y, "realx":lines[4], "realy":lines[5] };
          cells[key][lvl] = { "gob":[], "monster":[], "violetMonster": [], "redMonster":[], "orangeMonster":[],  "yellowMonster":[], "place":[], "object":[], "plant":[] };
        }
        if (!(lvl in cells[key]))
        {
          cells[key][lvl] = { "gob":[], "monster":[], "violetMonster": [], "redMonster":[], "place":[], "orangeMonster":[],  "yellowMonster":[], "object":[], "plant":[] };
        }
        cells[key][lvl]["place"].push(lines[2]);
      }
    });


    // Get all 'tresor' to display
    var tresors = $('#TOBJETS').find("table");
    $("tbody tr", tresors).each(function (index, tr) {
      var lines = $('td', tr).map(function(index, td) {
          return $(td).text();
      });

      if ( typeof lines[0] != "undefined" )
      {
        x = (_PX + parseInt(lines[3]) - _X)*carre + offset + 1;
        y = (_PX - parseInt(lines[4]) + _Y)*carre + offset + 1;
        var key = ( x + Dx ) + Math.abs( y + Dy ) * nbCase + 1;

        // Get level
        var lvl = lines[5];
        if (!(key in cells))
        {
          cells[key] = { "x":x, "y":y, "realx":lines[3], "realy":lines[4] };
          cells[key][lvl] = { "gob":[], "monster":[], "violetMonster": [], "redMonster":[], "orangeMonster":[],  "yellowMonster":[], "place":[], "object":[], "plant":[] };
        }
        if (!(lvl in cells[key]))
        {
          cells[key][lvl] = { "gob":[], "monster":[], "violetMonster": [], "redMonster":[], "orangeMonster":[],  "yellowMonster":[], "place":[], "object":[], "plant":[] };
        }
        cells[key][lvl]["object"].push(lines[2]);
      }
    });

    // Get all 'plantes' to display
    var plantes = $('#TPLANTS').find("table");
    $("tbody tr", plantes).each(function (index, tr) {
      var lines = $('td', tr).map(function(index, td) {
          return $(td).text();
      });

      if ( typeof lines[0] != "undefined" )
      {
        x = (_PX + parseInt(lines[3]) - _X)*carre + offset + 1;
        y = (_PX - parseInt(lines[4]) + _Y)*carre + offset + 1;
        var key = ( x + Dx ) + Math.abs( y + Dy ) * nbCase + 1;

        // Get level
        var lvl = lines[5];
        if (!(key in cells))
        {
          cells[key] = { "x":x, "y":y, "realx":lines[3], "realy":lines[4] };
          cells[key][lvl] = { "gob":[], "monster":[], "violetMonster": [], "redMonster":[], "orangeMonster":[],  "yellowMonster":[], "place":[], "object":[], "plant":[] };
        }
        if (!(lvl in cells[key]))
        {
          cells[key][lvl] = { "gob":[], "monster":[], "violetMonster": [], "redMonster":[], "orangeMonster":[],  "yellowMonster":[], "place":[], "object":[], "plant":[] };
        }
        cells[key][lvl]["plant"].push(lines[2]);
      }
    });

    alllieux = {};

    for( var key in cells ) {
      x = cells[key].x;
      y = cells[key].y;
      mapping = "i" + getMapping(key) + ".src";
      alllieux[key] = R.image(eval(mapping), x, y, carre-1, carre-1);
    }





    vue2DBuilt = true;
    console.log("Cells:", cells); // Ajouté pour le debug
  }


//getmapping
	function getMapping(k, showBigMonsters) {
		var result = "";
		var cptGob = 0, cptMob = 0, cptPlace = 0, cptObj = 0, cptVioletMobs = 0, cptRedMobs = 0, cptorandedMobs = 0, cptyellowedMobs = 0 , cptplants = 0 ;




		if ($('input[name=ckbNiveau]').is(':checked')) {
 			if (niveau in cells[k]) {
				cptGob   += cells[k][niveau]["gob"].length;
				cptMob   += cells[k][niveau]["monster"].length;
        cptRedMobs += cells[k][niveau]["redMonster"].length;
        cptVioletMobs += cells[k][niveau]["violetMonster"].length;
				cptPlace += cells[k][niveau]["place"].length;
				cptObj   += cells[k][niveau]["object"].length;
        cptplants   += cells[k][niveau]["plant"].length;
        cptorandedMobs += cells[k][niveau]["orangeMonster"].length;
        cptyellowedMobs += cells[k][niveau]["yellowMonster"].length;
			}
		} else {
			for( var lvl in cells[k] )
			{
				if (( lvl != "x" ) && ( lvl != "y" ) &&
				    ( lvl != "realx" ) && ( lvl != "realy" ))
				{
					cptGob   += cells[k][lvl]["gob"].length;
					cptMob   += cells[k][lvl]["monster"].length;
          cptRedMobs += cells[k][lvl]["redMonster"].length;
          cptVioletMobs += cells[k][lvl]["violetMonster"].length;
					cptPlace += cells[k][lvl]["place"].length;
					cptObj   += cells[k][lvl]["object"].length;
          cptplants   += cells[k][lvl]["plant"].length;
          cptorandedMobs += cells[k][lvl]["orangeMonster"].length;
          cptyellowedMobs += cells[k][lvl]["yellowMonster"].length;
				}
			}
		}
		result += (cptGob > 0)? "1" : "0" ;



   // Show only RedMobs and VioletMobs if "Gros monstres" is checked
  if (showBigMonsters) {
    if ((cptRedMobs > 0) && ($('input[name=ckbMonster]').is(':checked'))) {
      result += "2";
    } else if ((cptVioletMobs > 0) && ($('input[name=ckbMonster]').is(':checked'))) {
      result += "6";
    } else {
      result += "0";
    }
  } else {
    // Original logic for showing all monsters
    if ((cptplants > 0) && ($('input[name=ckbplants]').is(':checked'))) {
      result += "3";
    } else if ((cptRedMobs > 0) && ($('input[name=ckbMonster]').is(':checked'))) {
      result += "2";
    } else if ((cptVioletMobs > 0) && ($('input[name=ckbMonster]').is(':checked'))) {
      result += "6";
    } else if ((cptorandedMobs > 0) && ($('input[name=ckbMonster]').is(':checked'))) {
      result += "4";
    } else if ((cptyellowedMobs > 0) && ($('input[name=ckbMonster]').is(':checked'))) {
      result += "5";
    } else if ((cptMob > 0) && ($('input[name=ckbMonster]').is(':checked'))) {
      result += "1";
    } else {
      result += "0";
    }
  }

  result += ((cptObj > 0) && ($('input[name=ckbObject]').is(':checked'))) ? "1" : "0";
  result += ((cptPlace > 0) && ($('input[name=ckbPlace]').is(':checked'))) ? "1" : "0";

  return result;
}

	//=======================================================================================
	// Compute the global text that must be display in the popup.
	//=======================================================================================
	function compute_text(k) {
		var result = "X=" + cells[k].realx + ", Y=" + cells[k].realy + "\n";
		var n = [];

		if ($('input[name=ckbNiveau]').is(':checked'))
		{
 			if (niveau in cells[k])
 			{
	 			n.push(niveau);
 			}
		} else {
			for( var lvl in cells[k] )
			{
				if (( lvl != "x" ) && ( lvl != "y" ) &&
				    ( lvl != "realx" ) && ( lvl != "realy" ))
				{
					n.push(lvl);
				}
			}
		}

		var data = ""
		for( i = 0; i<n.length; i++ ) {
			k2 = n[i];
			data += getString(cells[k][k2]["gob"]);
			data += getString(cells[k][k2]["monster"],true);
      data += getString(cells[k][k2]["violetMonster"],true);
      data += getString(cells[k][k2]["redMonster"],true);
      data += getString(cells[k][k2]["orangeMonster"],true);
      data += getString(cells[k][k2]["yellowMonster"],true);
			data += getString(cells[k][k2]["place"]);
      data += getString(cells[k][k2]["plant"]);


			if ($('input[name=ckbObject]').is(':checked'))
			{
				data += getString(cells[k][k2]["object"],true);
			}

			if (data != "")
			{
				result += " \nNiveau: " + k2 + "\n" + data;
				data = "";
			}
		}
		return result;
	}

	//=======================================================================================
	// Process the data array and generate the string to display in the popup
	// If compressed = true, the number of items are counted to be displayed as N x items
	//=======================================================================================
	function getString(data,compressed) {
		if(typeof(compressed)==='undefined') compressed = false;
		var result = "";

		if (compressed)
		{
			var tmp = {};
			for( var i=0; i < data.length; i++ )
			{
				n = data[i];
				if (!(n in tmp))
				{
					tmp[n] = 0;
				}
				tmp[n] = tmp[n] + 1;
			}

			for( var k in tmp )
			{
				result += "\t" + tmp[k] + " x " + k + "\n";
			}
		}
		else
		{
			for( var i=0; i < data.length; i++ )
			{
				result += "\t" + data[i] + "\n";
			}
		}
		return result;
	}



function draw_tooltip(object, show, text, x, y, carre, from) {
	if(show == 0) {
			popup.remove();
			popup_txt.remove();
	        transparent_txt.remove();
			return;
		}


		// Center X on middle of the cell.
		x +=  Math.floor(carre/2);

		//draw text somewhere to get its dimensions and make it transparent
		transparent_txt = R.text(10,10, text).attr({fill: "transparent",font: tailleTxt});

	    //get text dimensions to obtain tooltip dimensions
		var txt_box = transparent_txt.getBBox();


		if (from=="topright") {
			// Move to bottom of the cell
			y += carre;

		    // Compute position
			Xtext = x+5;
			Ytext = y+Math.floor(txt_box.height/2)+5;

		    //draw text
			popup_txt = R.text(Xtext, Ytext, text).attr({fill: "black",font: tailleTxt,'text-anchor': 'start'});

			var bb = popup_txt.getBBox();

		    // Compute path for tooltip box
			pathText = 	// 'M'ove to the 'dent' in the bubble
						"M" + (x) + " " + (y) +
						// 'v'ertically draw a line 5 pixels more than the height of the text
						"v" + (bb.height+5) +
						// 'h'orizontally draw a line 10 more than the text's width
						"h" + (bb.width+10) +
						// 'v'ertically draw a line to the bottom of the text
						"v" + -bb.height +
						// 'h'orizontally draw a line so we're 5 pixels from the left side
						"h" + -(bb.width+5) +
						// 'Z' closes the figure
						"Z";
		} else if (from=="topleft") {
			// Move to bottom of the cell
			y += carre;

		    // Compute position
			Xtext = x-(txt_box.width+5);
			Ytext = y+Math.floor(txt_box.height/2)+5;

		    //draw text
			popup_txt = R.text(Xtext, Ytext, text).attr({fill: "black",font: tailleTxt,'text-anchor': 'start'});

			var bb = popup_txt.getBBox();

		    // Compute path for tooltip box
			pathText = 	// 'M'ove to the 'dent' in the bubble
					   	"M" + (x) + " " + (y) +
						// 'v'ertically draw a line 5 pixels more than the height of the text
						"v" + (bb.height+5) +
						// 'h'orizontally draw a line 10 more than the text's width
						"h" + -(bb.width+10) +
						// 'v'ertically draw a line to the bottom of the text
						"v" + -bb.height +
						// 'h'orizontally draw a line so we're 5 pixels from the left side
						"h" + (bb.width+5) +
						// 'Z' closes the figure
						"Z";
		} else if (from=="bottomleft") {
		    // Compute position
			Xtext = x-(txt_box.width+5);
			Ytext = y-Math.floor(txt_box.height/2)-6;

		    //draw text
			popup_txt = R.text(Xtext, Ytext, text).attr({fill: "black",font: tailleTxt,'text-anchor': 'start'});

			var bb = popup_txt.getBBox();

		    // Compute path for tooltip box
			pathText = 	// 'M'ove to the 'dent' in the bubble
						"M" + (x) + " " + (y) +
						// 'v'ertically draw a line 5 pixels more than the height of the text
						"v" + -(bb.height+5) +
						// 'h'orizontally draw a line 10 more than the text's width
						"h" + -(bb.width+10) +
						// 'v'ertically draw a line to the bottom of the text
						"v" + bb.height +
						// 'h'orizontally draw a line so we're 5 pixels from the left side
						"h" + (bb.width+5) +
						// 'Z' closes the figure
						"Z";
		}	else // bottom right
		{
		    // Compute position
			Xtext = x+5;
			Ytext = y-Math.floor(txt_box.height/2)-6;

		    //draw text
			popup_txt = R.text(Xtext, Ytext, text).attr({fill: "black",font: tailleTxt,'text-anchor': 'start'});

			var bb = popup_txt.getBBox();

		    // Compute path for tooltip box
			pathText = 	// 'M'ove to the 'dent' in the bubble
					   	"M" + (x) + " " + (y) +
						// 'v'ertically draw a line 5 pixels more than the height of the text
						"v" + -(bb.height+5) +
						// 'h'orizontally draw a line 10 more than the text's width
						"h" + (bb.width+10) +
						// 'v'ertically draw a line to the bottom of the text
						"v" + bb.height +
						// 'h'orizontally draw a line so we're 5 pixels from the left side
						"h" + -(bb.width+5) +
						// 'Z' closes the figure
						"Z";
		}

    //draw path for tooltip box
  popup = R.path( pathText ).attr( {fill: "yellow"} );

		//finally put the text in front
		popup_txt.toFront();

	}




};


//----------------------
///FIN DE LA VUE 2D
//----------------------


//==========================================================================================================================================================================================================================
// Traitements spécifiques à la page PROFIL
//==========================================================================================================================================================================================================================
if ($(location).attr('href').match(/^http:\/\/(.*\.)?gobland\.fr\/ProfilPerso\.php$/i)) {

  var skills = {};



  //fait apparaitre comp et tech et dons en couleurs dans MonProfil
  $('td:contains("Connaissance des Monstres")').parent().css("background-color","cefeda");
  $('td:contains("Identification des Trésors")').parent().css("background-color","fec8f1");
  $('td:contains("Limier")').parent().css("background-color","f9ffbc");
  $('td:contains("Dur")').parent().css("background-color","f9ffbc");

  //fait apparaitre "Grand Maître" en Gras dans Mon Profil
  $('td:contains("(Grand Maître)")').css("font-weight", "bold");

  $( document ).ready(function() {
    displayNextLevel();
    buildSkillsStats();
    buildSkillsMagie();
    addToolTipsTalents();

    // Met en rouge le malus de concentration
    if (skills.CON < -1) {
      $('td:contains("Bonus de concentration")').css("color","red", "font-weight", "bold");
    } else {
      $('td:contains("Bonus de concentration")').css("color","green" , "font-weight", "bold");
    }
  });




/// INFO BULLES TALENTS (au survol de la souris sur une comp ou tech, fait le calcul si c'est possible)

  function addToolTipsTalents() {

    $('a:contains("Symphonie Intestinale")').prop('title',
      'Apprenti...........ATT/ESQ/PER -' + Math.floor((skills.PV/30)) + "\n" +
      'Compagnon...ATT/ESQ/PER -' + Math.floor((skills.PV/25)) + "\n" +
      'Maître...............ATT/ESQ/PER -' + Math.floor((skills.PV/20)) + "\n" +
      'Grand Maître..ATT/ESQ/PER -' + Math.floor((skills.PV/15))) ;

    $('a:contains("Afflux Sanguin")').prop('title',
      'Apprenti ' + Math.floor((skills.PVMax/30) )  + 'D3'  + ' (' + Math.floor((skills.PVMax/30) )*2 + ')' + "\n"  +
      'Compagnon ' + Math.floor((skills.PVMax/25) ) + 'D3'  + ' (' + Math.floor((skills.PVMax/25) )*2 + ')' + "\n"  +
      'Maître ' + Math.floor((skills.PVMax/20) ) + 'D3'  + ' (' + Math.floor((skills.PVMax/20) )*2 + ')' + "\n"  +
      'Grand Maître ' + Math.floor((skills.PVMax/15) )+ 'D3' + ' (' + Math.floor((skills.PVMax/15) )*2 + ')') ;

    $('a:contains("Appel des Ombres")').prop('title',
      'Apprenti......' + ' MT +' + (skills.MTP/2)+ ' | ' + ' RT +0 ' + ' | ' + ' MP +0 ' + ' | ' + ' RT -' + (skills.RPP/2) + "\n"  +
      'Compagnon......' + ' MT +' + (skills.MTP)+ ' | '  + ' RT +0 '+ ' | '  + ' MP +0 '+ ' | '  + ' RP -' + (skills.RPP) + "\n"  +
      'Maître......' + ' MT +' + (skills.MTP)+ ' | '  + ' RT +' + (skills.RTP/2) + ' | '  + ' MP -' +(skills.MPP/2) + ' | ' + ' RP -' + (skills.RPP) + "\n"  +
      'Grand Maître......' + ' MT +' + (skills.MTP)+ ' | '  + ' RT +' + (skills.RTP)+ ' | '   + ' MP -' +(skills.MPP)+ ' | '  + ' RP -' + (skills.RPP));

    $('a:contains("Appel de la Nature")').prop('title',
      'Apprenti......' + ' MS +' + (skills.MSP/2)+ ' | ' + ' RS +0 ' + ' | ' + ' MC +0 ' + ' | ' + ' RC -' + (skills.RCP/2)   + "\n"  +
      'Compagnon......' + ' MS +' + (skills.MSP)+ ' | '  + ' RS +0 '+ ' | '  + ' MC +0 '+ ' | '  + ' RC -' + (skills.RCP) + "\n"  +
      'Maître......' + ' MS +' + (skills.MSP)+ ' | '  + ' RS +' + (skills.RSP/2) + ' | '  + ' MC -' +(skills.MCP/2) + ' | ' + ' RC -' + (skills.RCP) + "\n"  +
      'Grand Maître......' + ' MS +' + (skills.MSP)+ ' | '  + ' RS +' + (skills.RSP)+ ' | '   + ' MC -' +(skills.MCP)+ ' | '  + ' RC -' + (skills.RCP));

    $('a:contains("Alchimie")').prop('title',
      'ATT ' + Math.floor(skills.ATT )  + 'D6'  + skills.ATTP +  ' (' + Math.floor(((+skills.ATT) )*3.5 + +skills.ATTP)   + ')' + "\n"  +
      '......DEG......' + "\n"  +
      'Apprenti...... ' +  Math.floor(skills.ATT )  + 'D6'  + skills.ATTP +  ' (' + Math.floor(((+skills.ATT) )*3.5 + +skills.ATTP)   + ')' + "\n"  +
      'Compagnon...... ' + Math.floor((skills.PV/25) ) + 'D3'  + ' (' + Math.floor((skills.PV/25) )*3.5 + ')' + "\n"  +
      'Maître...... ' + Math.floor((skills.PV/20) ) + 'D3'  + ' (' + Math.floor((skills.PV/20) )*3.5 + ')' + "\n"  +
      'Grand Maître...... ' + Math.floor((skills.PV/15) )+ 'D3' + ' (' + Math.floor((skills.PV/15) )*3.5 + ')') ;

    $('a:contains("Renforcement magique")').prop('title',
      'Apprenti......' + ' MM +' + (skills.MMP/2)+ ' | ' + ' RM +0 ' + ' | ' + ' MR +0 ' + ' | ' + ' RR -' + (skills.RCP/2)   + "\n"  +
      'Compagnon......' + ' MM +' + (skills.MMP)+ ' | '  + ' RM +0 '+ ' | '  + ' MR +0 '+ ' | '  + ' RR -' + (skills.RCP) + "\n"  +
      'Maître......' + ' MM +' + (skills.MMP)+ ' | '  + ' RM +' + (skills.RMP/2) + ' | '  + ' MR -' +(skills.MRP/2) + ' | ' + ' RR -' + (skills.RRP) + "\n"  +
      'Grand Maître......' + ' MM +' + (skills.MMP)+ ' | '  + ' RM +' + (skills.RMP)+ ' | '   + ' MR -' +(skills.MRP)+ ' | '  + ' RR -' + (skills.RRP));

    $('a:contains("Connaissance des Monstres")').prop('title', 'portée : ' + (Math.floor((+skills.PER)+(+skills.PERM)+(+skills.PERP))));

    $('a:contains("Projectile")').prop('title',
      'ATT ' +  Math.floor(((skills.PER/2 +   skills.ATT/2)) - Math.max(0,(2/4-0))) + 'D6 +' + Math.floor(skills.PERM/2 + skills.ATTM/2 ) + '---> ' +
      (Math.floor((((skills.PER/2 +   skills.ATT/2)) - Math.max(0,2/4-0)))*3.5  + Math.floor(skills.PERM/2 + skills.ATTM/2 )) + "\n"   +
      'DEG ' +  Math.floor((skills.PER/2 +   skills.ATT/2)) + 'D3 +' + (skills.ATTM/2 + skills.PERM/2 ) + '---> ' +
      ((Math.floor((skills.PER/2 +   skills.ATT/2)))*2 + Math.floor(skills.PERM/2 + skills.ATTM/2 )) + ' (' +
      ((((Math.floor((skills.PER/2 +   skills.ATT/2)))*2 + Math.floor(skills.PERM/2 + skills.ATTM/2 ))) + ((((Math.floor((skills.PER/2 +   skills.ATT/2)))*2 + Math.floor(skills.PERM/2 + skills.ATTM/2 )))/2))  + ')' + "\n"  +
      'Divisé par 2 si résisté' + "\n" + 'Portée : ' +  getRange(skills.PER + skills.PERP + skills.PERM)
);
//calcul de la portée du PO
function getRange() {
    const totalPerception = +skills.PER + +skills.PERP + +skills.PERM;
  window.localStorage.setItem('totalPerception', totalPerception);

    if (totalPerception >= 1 && totalPerception <= 4) {
        return '1 case';
    } else if (totalPerception >= 5 && totalPerception <= 9) {
        return '2 cases';
    } else if (totalPerception >= 10 && totalPerception <= 15) {
        return '3 cases';
    } else if (totalPerception >= 16 && totalPerception <= 22) {
        return '4 cases';
    } else if (totalPerception >= 23 && totalPerception <= 30) {
        return '5 cases';
    } else if (totalPerception >= 31 && totalPerception <= 39) {
        return '6 cases';
    } else if (totalPerception >= 40 && totalPerception <= 50) {
        return '7 cases';
    } else if (totalPerception >= 51 && totalPerception <= 62) {
        return '8 cases';
    } else if (totalPerception >= 62 && totalPerception <= 74) {
        return '9 cases';
    } else {
        return 'Out of Range';
    }
} ;

    $('a:contains("Baratin")').prop('title',
      'Apprenti......' +  Math.floor((1)+((skills.PER)/5 + (skills.REG)/5))+'D6' + ' (' + Math.floor(1+((skills.PER)/5 + (skills.REG)/5)*3.5)  + ')' +  "\n"  +
      'Compagnon......'  + Math.floor((1)+((skills.PER)/4 + (skills.REG)/4)) +'D6' + ' (' + Math.floor(1+((skills.PER)/4 + (skills.REG)/4)*3.5)  + ')' + "\n"  +
      'Maître ......'  + Math.floor((1)+((skills.PER)/3 + (skills.REG)/3))+'D6' + ' (' + Math.floor(1+((skills.PER)/3 + (skills.REG)/3)*3.5)  + ')' + "\n"  +
      'Grand Maître ......' +  Math.floor((1)+((skills.PER)/2 + (skills.REG)/2))+'D6' + ' (' + Math.floor(1+((skills.PER)/2 + (skills.REG)/2)*3.5)  + ')');

    $('a:contains("Chirurgie")').prop('title',
      'Apprenti...... ' + Math.floor((3/2)*skills.REG) + 'D3'+ ' (' + Math.floor((3/2)*skills.REG) *2 + ')' + "\n"  +
      'Compagnon...... ' + Math.floor((4/2)*skills.REG) + 'D3' + ' (' + Math.floor((4/2)*skills.REG) *2 + ')' + "\n"  +
      'Maître...... ' + Math.floor((5/2)*skills.REG) + 'D3' + ' (' + Math.floor((5/2)*skills.REG) *2 + ')' + "\n"  +
      'Grand Maître...... ' + Math.floor((6/2)*skills.REG) + 'D3' + ' (' + Math.floor((6/2)*skills.REG) *2 + ')');

    $('a:contains("Soins")').prop('title',
      'Apprenti...... ' + '+' + Math.floor(+skills.REG*1 + +skills.REGM) + ' PV' + "\n"  +
      'Compagnon...... ' + '+' + Math.floor(+skills.REG*2 + +skills.REGM) + ' PV' +"\n"  +
      'Maître...... ' + '+' + Math.floor(+skills.REG*3 + +skills.REGM) + ' PV' + "\n"  +
      'Grand Maître...... ' + '+' + Math.floor(+skills.REG*4 + +skills.REGM) + ' PV');

    $('a:contains("Téléportation")').prop('title',
      'Apprenti...... ' +  'Portée horizontale : ' + ((Math.floor(Math.sqrt(19+8*skills.MM*1/5+3))-7)/2 + 20 +  + skills.PER + +skills.PERM )  + ' Portée verticale : ' +((Math.floor(((Math.sqrt(19+8*skills.MM*1/5+3))-7)/2/3+3))) + "\n"  +
      'Compagnon...... ' +  'Portée horizontale : ' + ((Math.floor(Math.sqrt(19+8*skills.MM*1.1/5+3))-7)/2 + 20 +  + skills.PER + +skills.PERM )  + ' Portée verticale : ' +((Math.floor(((Math.sqrt(19+8*skills.MM*1.1/5+3))-7)/2/3+3))) + "\n"  +
      'Maître...... ' +  'Portée horizontale : ' + ((Math.floor(Math.sqrt(19+8*skills.MM*1.2/5+3))-7)/2 + 20 +  + skills.PER + +skills.PERM )  + ' Portée verticale : ' +((Math.floor(((Math.sqrt(19+8*skills.MM*1.2/5+3))-7)/2/3+3))) + "\n"  +
      'Grand Maître...... ' +  'Portée horizontale : ' + ((Math.floor(Math.sqrt(19+8*skills.MM*1.3/5+3))-7)/2 + 20 +  + skills.PER + +skills.PERM )  + ' Portée verticale : ' +((Math.floor(((Math.sqrt(19+8*skills.MM*1.3/5+3))-7)/2/3+3))));

    $('a:contains("Double Dague")').prop('title',
      'Grand Maître : 1ere attaque : ' + skills.ATT+ 'D6'+ '+' + skills.ATTP*1+ '+' + +skills.ATTM +
      '2eme attaque : ' + Math.floor(skills.ATT-+skills.ATT*0.25) + 'D6'+ '+' +  Math.floor(skills.ATTP*1*0.25)+ '+' +  Math.floor(skills.ATTM*0.25) +
      '3eme attaque : ' + Math.floor(skills.ATT-+skills.ATT*0.5) + 'D6'+ '+' +  Math.floor(skills.ATTP*1*0.5)+ '+' +  Math.floor(skills.ATTM*0.5) +
      '4eme attaque : ' + Math.floor(skills.ATT-+skills.ATT*0.75) + 'D6'+ '+' +  Math.floor(skills.ATTP*1*0.75)+ '+' +  Math.floor(skills.ATTM*0.75) +
      'Dégâts : ' + skills.DEG  + 'D3'+ '+' +  Math.floor(skills.DEGP*1.5)+ '+' +  Math.floor(skills.DEGM)) ;

    $('a:contains("Flairer le gibier")').prop('title',
      'Apprenti...... ' +  'Portée  : ' + 1.5*(+skills.PER+(+skills.PERP)) + "\n"  +
      'Compagnon......' +  'Portée  : '+ 2*(+skills.PER+(+skills.PERP)) + "\n"  +
      'Maître...... ' +  'Portée  : ' + 2.5*(+skills.PER+(+skills.PERP)) + "\n"  +
      'Grand Maître...... ' +  'Portée  : ' + 3*(+skills.PER+(+skills.PERP)) + "\n"  );

    $('a:contains("Jet de Pierres")').prop('title',
      'Apprenti...... ' +  'Portée  : 1'  + "\n"  +
      'Compagnon......' +  'Portée  : 2'  + "\n"  +
      'Maître...... ' +  'Portée  : 3'  + "\n"  +
      'Grand Maître...... ' +  'Portée  : 4'   );

    $('a:contains("Attaque Défensive")').prop('title',
      'Apprenti.............. ' +  'ESQ +' + Math.floor(Math.max(skills.ESQ/3,1)) + " | ATT -1\n"  +
      'Compagnon....... ' +  'ESQ +' + Math.floor(Math.max(skills.ESQ/2.5,2)) + " | ATT -1\n"  +
      'Maître................... ' + 'ESQ +' + Math.floor(Math.max(skills.ESQ/2,3))  + " | ATT -1\n"  +
      'Grand Maître..... ' + 'ESQ +' + Math.floor(Math.max(skills.ESQ/1.5,4)) + " | ATT -1");

    $('a:contains("Forme spectrale")').prop('title',
      'Apprenti...... ' +  'ESQ +3 ARMM +1' + '.... total ARMM après conversion : ' + (Math.floor(skills.ARMP*0.15)+(+skills.ARMM)+1) + "\n"  +
      'Compagnon......' +  'ESQ +4 ARMM +2' + '.... total ARMM après conversion : ' + (Math.floor(skills.ARMP*0.20)+(+skills.ARMM)+2) + "\n"  +
      'Maître...... ' +  'ESQ +5 ARMM +3' + '.... total ARMM après conversion : ' + (Math.floor(skills.ARMP*0.25)+(+skills.ARMM)+3) + "\n"  +
      'Grand Maître...... ' + 'ESQ +6 ARMM +4' + '.... total ARMM après conversion : ' + (Math.floor(skills.ARMP*0.30)+(+skills.ARMM)+4));

    $('a:contains("Herboriser")').prop('title',
      'Apprenti...... ' +  'Portée  : ' + 1.5*(+skills.PER+(+skills.PERP+(+skills.PERM))) + " (Fleur,Baie) " + "\n"  +
      'Compagnon......' +  'Portée  : '+ 2*(+skills.PER+(+skills.PERP)+(+skills.PERM)) + ' (Fleur,Baie, Plante grasse, Champignon)'  + "\n"  +
      'Maître...... ' +  'Portée  : ' + 2.5*(+skills.PER+(+skills.PERP)+(+skills.PERM)) + ' (Fleur,Baie, Plante grasse, Champignon, Mousse)'  +  "\n"  +
      'Grand Maître...... ' +  'Portée  : ' + 3*(+skills.PER+(+skills.PERP)+(+skills.PERM)) + ' (tout)');

    $('a:contains("Rafale")').prop('title',
      'FULL'  + "\n"  +
      'Apprenti...... ' +  'DEG '  + skills.DEG + 'D3' + skills.DEGM + ' (pas de malus de REG)' + "\n"  +
      'Compagnon......' +  'DEG '  + skills.DEG + 'D3' + skills.DEGM + ' (Malus REG : ' + (Math.floor(skills.DEG/2)) + 'D3' + ')' + "\n"  +
      'Maître...... ' +  'DEG '  + skills.DEG + 'D3' + skills.DEGM +  ' (Malus REG : ' + (Math.floor(skills.DEG)) + 'D3' + ')' + "\n"  +
      'Grand Maître...... ' + 'DEG '  + skills.DEG + 'D3' + skills.DEGM +  ' (Malus REG : ' + (Math.floor(skills.DEG*2))  + 'D3' + ')' + "\n"  +
      'RES' + "\n"  +
      'Apprenti...... ' +  'DEG '  + (Math.floor(skills.DEG*0.3)) + 'D3' + skills.DEGM + ' (pas de malus de REG)' + "\n"  +
      'Compagnon......' +  'DEG '  + (Math.floor(skills.DEG*0.4))  + 'D3' + skills.DEGM +  ' (pas de malus de REG)' + "\n"  +
      'Maître...... ' +  'DEG '  + (Math.floor(skills.DEG*0.5))  + 'D3' + skills.DEGM +  ' (Malus REG : ' + (Math.floor(skills.DEG/2)) + 'D3' + ')' + "\n"  +
      'Grand Maître...... ' + 'DEG '  + (Math.floor(skills.DEG*0.6))  + 'D3' + skills.DEGM +  ' (Malus REG : ' + (Math.floor(skills.DEG) + 'D3' + ')'))  ;


    // DONS
    $('a:contains("Dans")').prop('title', 'ATTM + ' + skills.danslmil);
    $('a:contains("Limier")').prop('title', 'PERM + ' + skills.limier);
    $('a:contains("Chef")').prop('title', 'Bonus Cuisine :  + ' + 5*skills.grandchef);
    $('a:contains("Dur à cuir")').prop('title', '+ ' + skills.duracuir*5 + ' PV');
  };

function displayNextLevel() {
    // Sélection de la cellule contenant l'expérience
    var gobExperience = $('th:contains("Expérience")').parent().closest('tr');
    var tdExp = $('td:first', gobExperience);
    var sExp = tdExp.html();

    // Récupération des informations à partir du texte
    var regexExp = /Niveau......: (\d+) \((\d+) PI \| Niveau (\d+) : (\d+)/;
    var matchExp = sExp.match(regexExp);

    if (matchExp) {
        var niveau = matchExp[1]; // Récupération du niveau
        var nbPIActuels = matchExp[2]; // Récupération du nombre de PI actuels
        var nextlevel = matchExp[3]; // Récupération du niveau suivant
        var nextPI = matchExp[4]; // Récupération du nombre de PI
        var nbTrain = Math.ceil((nextPI - nbPIActuels) / (2 * nextlevel)); // Calcul du nombre d'entraînements restants
    window.localStorage.setItem('niveau', niveau);
    window.localStorage.setItem('nbPIActuels', nbPIActuels);
    window.localStorage.setItem('nextlevel', nextlevel);
   window.localStorage.setItem('nextPI', nextPI);
        var pExp = sExp.indexOf(")");
        var sTrain = (nbTrain > 1) ? " entraînements" : " entraînement";
        // Modification du contenu de la cellule avec les nouvelles informations
        tdExp.html(sExp.substr(0, pExp + 1) + " ---> Il te reste " + nbTrain + sTrain + sExp.substr(pExp + 1));


      }


var regexPX = /PX..........: (\d+)/; // Expression régulière pour récupérer PX
var regexPXPerso = /PX Personnels......: (\d+)/
var regexPI = /PI..........: (\d+)/
var matchPx = sExp.match(regexPX);
var matchPXPerso = sExp.match(regexPXPerso);
var matchPI = sExp.match(regexPI);

  if (matchPx) {
var PX = matchPx[1];
window.localStorage.setItem('PX', PX);
}
    if (matchPXPerso) {
var PXperso = matchPXPerso[1];
window.localStorage.setItem('PXperso', PXperso);
}
      if (matchPI) {
var PI = matchPI[1];
window.localStorage.setItem('PI', PI);
}


}

// Recherche du texte "Date de création" dans toute la page
var searchText = "Date de création";
var elementsContainingText = [...document.querySelectorAll('body, body *')].filter(element => element.textContent.includes(searchText));

// Recherche de l'élément contenant le texte spécifique
var dateCreationElement;
elementsContainingText.forEach(function(element) {
    if (element.textContent.includes(searchText)) {
        dateCreationElement = element;
    }
});

// Sélection de l'élément contenant le texte
var textElement = document.querySelector('.gfmm > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2)');

if (textElement) {
    var textLines = textElement.textContent.trim().split('\n');
    var dateCreationLine = textLines.find(line => line.includes('Date de création'));

    if (dateCreationLine) {
        var dateCreation = dateCreationLine.match(/\d{4}-\d{2}-\d{2}/);

        if (dateCreation) {
            console.log("Date de création:", dateCreation[0]);
          var DateCrea = dateCreation[0];
          window.localStorage.setItem('DateCrea',DateCrea);
            // Utilisez dateCreation[0] comme nécessaire ici
        } else {
            console.log("Date de création non trouvée dans la dernière ligne.");

        }
    } else {
        console.log("Ligne contenant la date de création non trouvée.");
    }
} else {
    console.log("Élément contenant le texte non trouvé.");
}

// Sélecteur pour cibler l'élément spécifique
var selector = '.gfmm > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2)';

// Récupération de l'élément correspondant au sélecteur
var dateCreationElement = document.querySelector(selector);

if (dateCreationElement) {
    var dateCreation = dateCreationElement.textContent.trim();
    console.log("Date de création:", dateCreation);
    // Utilisez dateCreation comme nécessaire ici
} else {
    console.log("Élément contenant la date de création non trouvé.");
}
  function buildSkillsStats() {
    // Recup position et PER
    var gobPosition = $('th:contains("Position")').parent().closest('tr').text();
    var pos = gobPosition.match(/X = ([-]*\d+) \| Y = ([-]*\d+) \| N = ([-]*\d+)/);

    skills.X = pos[1];
    skills.Y = pos[2];
    skills.N = pos[3];
    var XYN = pos[1] + ', '+ pos[2] +', ' + pos[3] ;
    window.localStorage.setItem('XYN', XYN);


    var per =  gobPosition.match(/Perception......: (\d+)/);
    skills.PER = per[1];
    var perp = gobPosition.match(/Cases (\W(\d+))/);
    skills.PERP = perp[1];
    var perm = gobPosition.match(/Cases (\W(\d+))(\W(\d+))/);
    skills.PERM = perm[3];

    var permax = +skills.PER +   +skills.PERP  + +skills.PERM
    window.localStorage.setItem('permax', permax);

    // Recup de la concentration (pour la modif css plus haut)
    var concentration = $('th:contains("Affinités")').parent().closest('tr').text();
    var conc = concentration.match(/Bonus de concentration : (\-\d+|\d+)/);
    skills.CON = conc[1];


    // Recup de la dla
    var gobdla = $('th:contains("Echéance du Tour")').parent().closest('tr').text();
    var dla = gobdla.match(/(\d+)-(\d+)-(\d+)/);
    skills.DLA = dla[1];


    // Recup PV, PVMax et REG
    var gobSante = $('th:contains("Santé")').parent().closest('tr');
    var tdSante = $('td:first', gobSante);
    res = tdSante.html().split(/<BR>/i); //gobSante.match(/: (\d+)([^:]+): (\d+)([^:]+): (\d+)/);
    skills.PV = res[0].match(/: (\d+)/)[1];
    skills.PVMax = res[1].match(/: (\d+)/)[1];


    var regensgob = $('td:contains("Régénération")').parent().closest('tr').text();
    var reg = regensgob.match(/Régénération..: (\d+)/);
    skills.REG = reg[1];
    var regp = regensgob.match(/D3(\W(\d+))/);
    skills.REGP = regp[1];
    var regm = regensgob.match(/D3(\W(\d+))(\W(\d+))/);
    skills.REGM = regm[3];

    /// recup DEG
    var degatsgob = $('div:contains("Dégâts")').parent().closest('tr').text();
    var deg = degatsgob.match(/: (\d+)/);
    skills.DEG = deg[1];
    var degp = degatsgob.match(/D3(\W(\d+))/);
    skills.DEGP = degp[1];
    var degm = degatsgob.match(/D3(\W(\d+))(\W(\d+))/);
    skills.DEGM = degm[3];

    /// recup ARM
    var armuresgob = $('div:contains("Armure")').parent().closest('tr').text();
    var armp = armuresgob.match(/Armure.....: (\d+)/);
    skills.ARMP = armp[1];
    var armm = armuresgob.match(/Armure.....: (\d+)(\W)(\d+)/);
    skills.ARMM = armm[3];

    /// recup ATT
    var attaquesgob = $('td:contains("Attaque")').parent().closest('tr').text();
    var att = attaquesgob.match(/Attaque.....: (\d+)/);
    skills.ATT = att[1];
    var attp = attaquesgob.match(/Attaque.....: (\d+)D6(\W(\d+))/);
    skills.ATTP = attp[2];
    var attm = attaquesgob.match(/Attaque.....: (\d+)D6(\W(\d+))(\W(\d+))/);
    skills.ATTM = attm[4];

    /// recup ESQ
    var esquivesgob = $('td:contains("Esquive")').parent().closest('tr').text();
    var esq = esquivesgob.match(/Esquive....: (\d+)/);
    skills.ESQ = esq[1];
    var esqp = esquivesgob.match(/Esquive....: (\d+)D6(\W(\d+))(\W)(\d+)/);
    skills.ESQP = esqp[2];
    var esqm = esquivesgob.match(/Esquive....: (\d+)D6(\W)(\d+)(\W(\d+))/);
    skills.ESQM = esqm[4];
  };

  function getDon(don) {
    try {
      return $('td:contains("' + don + '")').next('td').text().match(/(\d) (\W) (\d)/)[1];
    } catch (err) {
      return null;
    }
  };

  function buildSkillsMagie() {
    //recup dons
    skills.danslmil = getDon("Dans");
    skills.limier = getDon("Limier");
    skills.grandchef = getDon("Grand Chef");
    skills.duracuir = getDon("Dur à cuir");

    ///recup Magies (a finir)
    skills.RM = $('td.invisible:contains("(RM)")').next('td').text().match(/= ([-]*\d+)/)[1];
    skills.RMP = $('td.invisible:contains("(RM)")').next('td').text().match(/(\d+)(\W(\d+))/)[1];
    skills.RMM = $('td.invisible:contains("(RM)")').next('td').text().match(/(\d+)(\W(\d+))/)[2];

    skills.MM = $('td.invisible:contains("(MM)")').next('td').text().match(/= ([-]*\d+)/)[1];
    skills.MMP = $('td.invisible:contains("(MM)")').next('td').text().match(/(\d+)(\W(\d+))/)[1];
    skills.MMM = $('td.invisible:contains("(MM)")').next('td').text().match(/(\d+)(\W(\d+))/)[2];

    skills.RS = $('td.invisible:contains("(RS)")').next('td').text().match(/= ([-]*\d+)/)[1];
    skills.RSP = $('td.invisible:contains("(RS)")').next('td').text().match(/(\d+)(\W(\d+))/)[1];
    skills.RSM = $('td.invisible:contains("(RS)")').next('td').text().match(/(\d+)(\W(\d+))/)[2];

    skills.MS = $('td.invisible:contains("(MS)")').next('td').text().match(/= ([-]*\d+)/)[1];
    skills.MSP = $('td.invisible:contains("(MS)")').next('td').text().match(/(\d+)(\W(\d+))/)[1];
    skills.MSM = $('td.invisible:contains("(MS)")').next('td').text().match(/(\d+)(\W(\d+))/)[2];

    skills.RT = $('td.invisible:contains("(RT)")').next('td').text().match(/= ([-]*\d+)/)[1];
    skills.RTP = $('td.invisible:contains("(RT)")').next('td').text().match(/(\d+)(\W(\d+))/)[1];
    skills.RTM = $('td.invisible:contains("(RT)")').next('td').text().match(/(\d+)(\W(\d+))/)[2];

    skills.MT = $('td.invisible:contains("(MT)")').next('td').text().match(/= ([-]*\d+)/)[1];
    skills.MTP = $('td.invisible:contains("(MT)")').next('td').text().match(/(\d+)(\W(\d+))/)[1];
    skills.MTM = $('td.invisible:contains("(MT)")').next('td').text().match(/(\d+)(\W(\d+))/)[2];

    skills.RC = $('td.invisible:contains("(RC)")').next('td').text().match(/= ([-]*\d+)/)[1];
    skills.RCP = $('td.invisible:contains("(RC)")').next('td').text().match(/(\d+)(\W(\d+))/)[1];
    skills.RCM = $('td.invisible:contains("(RC)")').next('td').text().match(/(\d+)(\W(\d+))/)[2];

    skills.MC = $('td.invisible:contains("(RT)")').next('td').text().match(/= ([-]*\d+)/)[1];
    skills.MCP = $('td.invisible:contains("(RT)")').next('td').text().match(/(\d+)(\W(\d+))/)[1];
    skills.MCM = $('td.invisible:contains("(RT)")').next('td').text().match(/(\d+)(\W(\d+))/)[2];

    skills.RP = $('td.invisible:contains("(RP)")').next('td').text().match(/= ([-]*\d+)/)[1];
    skills.RPP = $('td.invisible:contains("(RP)")').next('td').text().match(/(\d+)(\W(\d+))/)[1];
    skills.RPM = $('td.invisible:contains("(RP)")').next('td').text().match(/(\d+)(\W(\d+))/)[2];

    skills.MP = $('td.invisible:contains("(MP)")').next('td').text().match(/= ([-]*\d+)/)[1];
    skills.MPP = $('td.invisible:contains("(MP)")').next('td').text().match(/(\d+)(\W(\d+))/)[1];
    skills.MPM = $('td.invisible:contains("(MP)")').next('td').text().match(/(\d+)(\W(\d+))/)[2];

    skills.RR = $('td.invisible:contains("(RR)")').next('td').text().match(/= ([-]*\d+)/)[1];
    skills.RRP = $('td.invisible:contains("(RR)")').next('td').text().match(/(\d+)(\W(\d+))/)[1];
    skills.RRM = $('td.invisible:contains("(RR)")').next('td').text().match(/(\d+)(\W(\d+))/)[2];
    //manque MR
  };



///fonction pour récup les ordres des Suivants et les afficher directement dans la section Suivant dans Profil.

function httpGet(url) {
    return new Promise((resolve, reject) => {
        const xhr = new XMLHttpRequest();
        xhr.open("GET", url);
        xhr.onload = () => {
            if (xhr.status === 200) {
                resolve(xhr.responseText);
            } else {
                reject(xhr.statusText);
            }
        };
        xhr.onerror = () => reject(xhr.statusText);
        xhr.send();
    });
}



// Fonction pour récupérer les valeurs stockées dans le localStorage
function getFollowersNumbers() {
    return localStorage.getItem('followersnumbers');
}

function fetchFollowersInfo() {
    const followersNumbers = getFollowersNumbers();

    if (followersNumbers) {
        const baseUrl = 'http://games.gobland.fr/fo_orders.php?IdFO=';
        const numbersArray = JSON.parse(followersNumbers); // Parse le tableau JSON des numéros

        const followersNames = localStorage.getItem('followersnames') || '';
        const namesArray = JSON.parse(followersNames); // Parse le tableau JSON des noms

        const followersData = [];

        numbersArray.forEach((number, index) => {
            const sanitizedNumber = number.replace(/['"\[\]]/g, '');
            const url = baseUrl + sanitizedNumber;

            httpGet(url)
                .then(responseText => {
                    const parser = new DOMParser();
                    const htmlDoc = parser.parseFromString(responseText, "text/html");
                    const xpath = "//html/body/div[3]/div/table/tbody/tr[2]/td[2]/form/table/tbody/tr[4]/td";
                    const element = htmlDoc.evaluate(xpath, htmlDoc, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;

                    if (element) {
                        const texte = element.textContent.trim();
                        followersData.push({ number: sanitizedNumber, name: namesArray[index], movements: texte });
                    } else {
                        console.log("Élément non trouvé sur la page", url);
                    }

                    if (index === numbersArray.length - 1) {
                        displayFollowersInfo(followersData);
                    }
                })
                .catch(error => {
                    console.error("Erreur lors de la récupération de la page", url, ":", error);

                    if (index === numbersArray.length - 1) {
                        displayFollowersInfo(followersData);
                    }
                });
        });
    } else {
        console.log("Pas de numéro de suivants. Visitez (une seule fois) votre page suivant pour récupérer les infos.");
    }
}

function displayFollowersInfo(followersData) {
    const insertionPoint = document.querySelector(".gfmm > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(9) > td:nth-child(2)");

    if (insertionPoint) {
        followersData.forEach(follower => {
            const movements = follower.movements.split(';').filter(Boolean);
            const suivantName = follower.name || '';

            movements.forEach(movement => {
                const formattedMovement = movement.trim();
                const isStop = formattedMovement === 'stop()';

                const span = document.createElement('span');
                span.innerHTML = `<b>${suivantName}</b> - <i>${formattedMovement}</i>`;

                span.querySelector('b').style.fontWeight = 'bold';
                span.querySelector('i').style.fontStyle = 'italic';

                if (isStop) {
                    span.style.color = 'red';
                }

                insertionPoint.appendChild(span);
                insertionPoint.appendChild(document.createElement('br'));
            });
        });
    } else {
      console.log('prix spécialité', specialtyPrices);
    }
}

fetchFollowersInfo();
}



/// Affichage des carats

const regMinerai = /^(\D*)(\d+)(\D*)$/
  const qualites = {
    'Médiocre': 2,
    'Moyenne': 2.75,
    'Normale': 3.5,
    'Bonne': 4.25,
    'Exceptionnelle': 5
  };

$( document ).ready(function() {
  $('a:contains("taille")').each(function() {
    arr = this.text.match(regMinerai);
    carats = arr[2] * qualites[arr[3].split(' ')[3]];
    this.text = arr[0] + ' [Carats = ' + carats + ']'
  })
});



/// Décocher par défaut la case activer sa DLA sur la page de Log-In piqué a Seishin

(function() {
    'use strict';

 $('input[type=checkbox][name=aDLA]').prop( "checked", false);
})();


// Décocher par défaut le vestaire piqué a Seishin

(function() {
    'use strict';

    $('input[type=checkbox][name=VESTIAIRE]').prop( "checked", false );
})();




///fonction RemplaceText () pour remplacer le texte et ajouter des icones dans Gobland (inspiré par Lordslair))

if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/Vue\.php/i)) {

  const words = {


      // icones monstres
      'Abishaii Multicolore' : 'Abishaii Multicolore 👁️👁️ 💉',
      'Abishaii Blanc' :  'Abishaii Blanc 👁️ 💉',
      'Abishaii Bleu' :  'Abishaii Bleu 👁️ 💉',
      'Abishaii Noir' :  'Abishaii Noir 👁️ 💉',
      'Abishaii Rouge' :  'Abishaii Rouge 👁️ 💉',
      'Abishaii Vert' :  'Abishaii Vert 👁️ 💉',
      'Ankheg': 'Ankheg 🙈',
      'Ame-en-peine' :  'Ame-en-peine 👁️',
      'Amibe Géante' : 'Amibe Géante 🙈 🚨',
      'Anaconda des Catacombes' : 'Anaconda des Catacombes 🙈',
      'Araignée Géante' : 'Araignée Géante 🙈' ,
      'Arbre à gobelins' : 'Arbre à gobelins 🙈',
      'Automate' : 'Automate 👁️👁️',
      'Barghest' : 'Barghest 👁️👁️',
      'Babélien' : 'Babélien 🙈',
      'Basilic' : 'Basilic 🙈 🚨',
      'Béhir' :  'Béhir 👁️ 🚨',
      'Boggart' : 'Boggart 🙈',
      'Bondin' : 'Bondin 🙈 ',
      'Brontoscorpion' : 'Brontoscorpion 🙈',
      'Bulette' :  'Bulette 👁️',
      'Cattis' : 'Cattis 👁️👁️' ,
      'Caillouteux' : 'Caillouteux 🙈',
      'Cerbère' :  'Cerbère 👁️👁️👁️ 💉💉',
      'Centaure' : 'Centaure 🙈' ,
      'Chauve-souris Géante' : 'Chauve-souris Géante 🙈',
      'Chimère' : 'Chimère 👁️👁️ 🚨' ,
      'Cockatrice' : 'Cockatrice 🙈 🚨',
      'Colosse de pierre' :  'Colosse de pierre 👁️👁️👁️',
      'Crapaud démoniaque' :  'Crapaud démoniaque 👁️',
      'Crapaud Géant' : 'Crapaud Géant 🙈',
      'Croquemitaine' : 'Croquemitaine 🙈',
      'Cyclope' : 'Cyclope 🙈',
      'Danseur de Mort' :  'Danseur de Mort 👁️',
      'Diablotin' : 'Diablotin 👁️',
      'Dao' : 'Dao 👁️👁️',
      'Dumb' : 'Dumb 🙈',
      'Djinn' : 'Djinn 👁️👁️',
      'Dragon' : 'Dragon 🔥',
      'Dryade' :  'Dryade 👁️👁️👁️',
      'Effrit' : 'Effrit 🔥 ',
      'Elémentaire de Terre' :  'Elémentaire de Terre 👁️ 🔥',
      "Elémentaire d'Eau"  :  "Elémentaire d'Eau 👁️ 🔥",
      'Elémentaire de Feu' :  'Elémentaire de Feu 👁️ 🔥',
      'Elfe' : 'Elfe 🙈',
      'Ent' : 'Ent 👁️👁️',
      'Erinyes' : 'Erinyes 👁️ 🚨',
      'Escargot' : 'Escargot 🙈',
      'Ettercap' : 'Ettercap 🙈',
      'Ettin' : 'Ettin 🙈',
      'Eusmilus' : 'Eusmilus 🙈',
      'Fantôme' : 'Fantôme 🙈',
      'Feu follet' : 'Feu follet 🙈 🔥',
      'Fongoïde' : 'Fongoïde 🙈',
      'Furgolin' : 'Furgolin 🙈',
      'Fungus Géant' :  'Fungus Géant 👁️',
      'Fungus Violet' : 'Fungus Violet 👁️👁️',
      'Galopin' : 'Galopin 🙈',
      'Géant des Collines' : 'Géant des Collines 🙈',
      'Géant du Feu' : 'Géant du Feu 🙈',
      'Géant des Nuages' :  'Géant des Nuages 👁️',
      'Géant des Tempêtes' :  'Géant des Tempêtes 👁️',
      'Géant du Froid' :  'Géant du Froid 👁️',
      'Géant de Pierre' :  'Géant de Pierre 👁️',
      'Gnoll' : 'Gnoll 🙈',
      'Gnome de pierre' :  'Gnome de pierre 👁️',
      'Gelée ocre' : 'Gelée ocre 🙈 🚨',
      'Glouton' : 'Glouton 🙈',
      'Glouton Sanguinaire' : 'Glouton Sanguinaire 🙈',
      'Gnome Artificier' : 'Gnome Artificier 🙈',
      'Goblours' : 'Goblours 🙈',
      'Golem de Fer' : 'Golem de Fer 🙈',
      'Golem de Pierre' : 'Golem de Pierre 🙈',
      'Gorille démoniaque' : 'Gorille démoniaque 🙈 🚨',
      'Gorgone' :  'Gorgone 👁️ 🚨',
      'Goule' :  'Goule 👁️',
      'Gremlins' : 'Gremlins 🙈',
      'Grouilleux' : 'Grouilleux 🙈',
      'Griffon' :  'Griffon 👁️',
      'Guêpe géante' :  'Guêpe géante 👁️ 💉',
      'Harpie' : 'Harpie 🙈',
      'Hellrot' : 'Hellrot 👁️👁️',
      'Homme-Lézard' : 'Homme-Lézard 🙈',
      'Homothérium' :  'Homothérium 👁️',
      'Horreur chasseresse' : 'Horreur chasseresse 👁️👁️',
      'Hippopotame furieux' : 'Hippopotame furieux 🙈',
      'Hippogriffe' :  'Hippogriffe 👁️',
      'Halfelin' : 'Halfelin 🙈',
      'Hurleur' : 'Hurleur 🙈 🚨',
      'Incube' :  'Incube 👁️',
      'Illithid' :  'Illithid 👁️👁️👁️',
      'Kappa' : 'Kappa 🙈',
      'Kobold' : 'Kobold 🙈',
     	'Lacodon' : 'Lacodon 🙈 🚨',
      'Lapin Sanguinaire' : 'Lapin Sanguinaire 🙈',
      'Larbin démoniaque' :  'Larbin démoniaque 👁️',
      'Légion-en-peine' : 'Légion-en-peine 👁️👁️ 😵',
      'Lémure' :  'Lémure 👁️',
      'Lézard Géant' : 'Lézard Géant 🙈',
      'Licorne' : 'Licorne 🙈 🚨',
      'Limace Géante' : ' Limace Géante 🙈 🚨',
      'Loup-garou' : 'Loup-garou 🙈',
      'Lutin' : 'Lutin 🙈 💉',
      'Macrauchenia' : 'Macrauchenia 🙈' ,
      'Mante religieuse géante' : 'Mante religieuse géante 🙈 🚨',
      'Manticore' : 'Manticore 🙈',
      'Marid' : 'Marid 👁️👁️',
      'Marmotte' : 'Marmotte 🙈' ,
      'Méduse' : 'Méduse 🙈 🚨',
      'Meganeura' : 'Meganeura 🙈',
      'Megantereon' : 'Megantereon 🙈',
      'Méphite Aérien' : 'Méphite Aérien 🙈 🔥',
      'Méphite de Feu' : 'Méphite de Feu 🙈 🔥',
      'Méphite Aqueux' : 'Méphite Aqueux 🙈 🔥' ,
      'Méphite de Glace' : 'Méphite de Glace 🙈 🔥',
      'Méphite de Verre' : 'Méphite de Verre 🙈 🔥',
      'Méphite Magmatique' : 'Méphite Magmatique 🙈 🔥',
      'Méphite Sulfureux' : 'Méphite Sulfureux 🙈 🔥',
     	'Mille-pattes géant' : 'Mille-pattes géant 👁️ ',
      'Mimique' : 'Mimique 🙈 🚨',
      'Minotaure' : 'Minotaure 🙈',
      'Molosse Satanique' :  'Molosse Satanique 👁️ 🔥',
      'Momie' : 'Momie 👁️ ',
      'Monstre Rouilleur' : 	'Monstre Rouilleur 🙈',
      'Naga' : 'Naga 🙈 ',
      'Nécrophage' : 'Nécrophage 🙈 💉',
      "Nuage d'insectes" : "Nuage d'insectes 🙈",
      'Nuée de Vermines' : 'Nuée de Vermines  🙈',
      'Ombre' :  'Ombre 👁️',
      'Ondine' : 'Ondine 👁️ 🔥',
      'Oni' : 'Oni 👁️👁️ 😵 🚨',
      'Oiseau-Tonnerre' : 'Oiseau-Tonnerre 🙈',
      'Onyx' : 'Onyx 🙈',
      'Orque Noir' : 'Orque Noir 🙈',
      'Otyugh' : 'Otyugh 🙈',
      'Ours hibou' : 'Ours hibou 👁️ ',
      'Ours des Montagnes' : 'Ours des Montagnes 🙈',
      'Orque': 'Orque 🙈',
      'Plante Carnivore' :  'Plante Carnivore 👁️',
      'Pégase' : 'Pégase 🙈',
      'Pseudo-Dragon' :  'Pseudo-Dragon 🙈',
      'Rakshah' : 'Rakshah 👁️👁️',
      'Rat-garou' : 'Rat-garou 🙈',
      'Rat Géant' : 'Rat Géant 🙈',
      'Rocketeux' : 'Rocketeux 🙈',
      'Sagouin' : 'Sagouin 🙈',
      'Scarabée Géant' : 'Scarabée Géant 🙈 💉',
      'Shai' : 'Shai 👁️👁️ 🔥',
      'Sphinx' : 'Sphinx 👁️👁️',
      'Slaad' : 'Slaad 🙈',
      'Salamandre' :  'Salamandre 👁️ 🔥',
      'Strige': 'Strige 🙈',
      'Squelette' :  'Squelette 👁️',
      'Spectre' :  'Spectre 👁️',
      'Sprigan' : 'Sprigan 🙈',
      'Sylphide' :  'Sylphide 👁️ 🔥',
      'Taureau démoniaque' : 'Taureau démoniaque 👁️👁️ 🚨',
      'Tertre errant' :  'Tertre errant 👁️ 🚨',
      'Thri-kreen' : 'Thri-kreen 🙈',
     	'Tigre à Dents de Sabre' : 'Tigre à Dents de Sabre 🙈',
      'Tigre-garou' : 'Tigre-garou 🙈',
      'Titan' : 'Titan 🙈',
      'Tortue Carnivore' : 'Tortue Carnivore 🙈',
      'Tutoki': 'Tutoki 🙈 🚨',
      'Troglodyte' :  'Troglodyte 👁️',
      'Troll' :  'Troll 👁️',
      'Vampire \\b' : 'Vampire 👁️👁️ 😵',
      'Vampire Archaïque' : 'Vampire Archaïque 👁️👁️ 😵',
      'Viverne' : 'Viverne 🙈 💉💉',
      'Ver Géant Carnivore' : 'Ver Géant Carnivore 🙈',
      'Worg' : 'Worg 🙈',
      'Yéti' : 'Yéti 🙈 🚨',
      'Zombi' :  'Zombi 👁️',

    };


const tagsWhitelist = ['PRE', 'BLOCKQUOTE', 'CODE', 'INPUT', 'BUTTON', 'TEXTAREA'];

  function prepareRegex(string) {
    return string.replace(/(\({2}|([\[\]\^\&\$\.\?\/\\\+\{\}])|\)$)/g, '\\$1');
  }




function getTooltipText(icon) {
  switch (icon) {


    case 'Ankheg 🙈':
    case 'Amibe Géante 🙈':
    case 'Anaconda des Catacombes 🙈':
    case 'Araignée Géante 🙈' :
    case 'Arbre à gobelins 🙈':
    case 'Babélien 🙈':
    case 'Basilic 🙈':
    case 'Boggart 🙈':
    case 'Bondin 🙈':
    case 'Caillouteux 🙈':
    case 'Centaure 🙈' :
    case 'Chauve-souris Géante 🙈':
    case 'Cockatrice 🙈':
    case 'Crapaud Géant 🙈':
    case 'Croquemitaine 🙈':
    case 'Cyclope 🙈':
    case 'Dumb 🙈':
    case 'Elfe 🙈':
    case 'Escargot 🙈':
    case 'Ettin 🙈':
    case 'Eusmilus 🙈':
    case 'Fantôme 🙈':
    case 'Fongoïde 🙈':
    case 'Furgolin 🙈':
    case 'Galopin 🙈':
    case 'Géant des Collines 🙈':
    case 'Géant du Feu 🙈' :
    case 'Gnoll 🙈':
    case 'Gelée ocre 🙈':
    case 'Glouton 🙈':
    case 'Glouton Sanguinaire 🙈':
    case 'Gnome Artificier  ':
    case 'Goblours 🙈':
    case 'Golem de Fer 🙈':
    case 'Golem de Pierre 🙈':
    case 'Gorille démoniaque 🙈':
    case 'Gremlins 🙈':
    case 'Grouilleux 🙈':
    case 'Harpie 🙈':
    case 'Homme-Lézard 🙈':
    case 'Hippopotame furieux 🙈':
    case 'Halfelin 🙈':
    case 'Hurleur 🙈':
    case 'Kappa 🙈':
    case 'Kobold 🙈':
    case 'Lacodon 🙈':
    case 'Lapin Sanguinaire 🙈':
    case 'Lézard Géant 🙈':
    case 'Licorne 🙈':
    case 'Limace Géante 🙈':
    case 'Loup-garou 🙈':
    case 'Macrauchenia 🙈':
    case 'Mante religieuse géante 🙈':
    case 'Manticore 🙈':
    case 'Marmotte 🙈':
    case 'Méduse 🙈':
    case 'Meganeura 🙈':
    case 'Megantereon 🙈':
    case 'Mimique 🙈':
    case 'Minotaure 🙈':
    case 'Monstre Rouilleur 🙈':
    case 'Naga 🙈':
    case "Nuage d'insectes 🙈":
    case 'Nuée de Vermines  🙈':
    case 'Oiseau-Tonnerre 🙈':
    case 'Onyx 🙈':
    case 'Orque Noir 🙈':
    case 'Otyugh 🙈':
    case 'Ours des Montagnes 🙈':
    case 'Orque 🙈':
    case 'Pégase 🙈':
    case 'Pseudo-Dragon 🙈':
    case 'Rat-garou 🙈':
    case 'Rat Géant 🙈':
    case 'Rocketeux 🙈':
    case 'Sagouin 🙈':
    case 'Slaad 🙈':
    case 'Sprigan 🙈':
    case 'Strige 🙈':
    case 'Thri-kreen 🙈':
    case 'Tigre à Dents de Sabre 🙈':
    case 'Tigre-garou 🙈':
    case 'Titan 🙈':
    case 'Tortue Carnivore 🙈':
    case 'Tutoki 🙈':
    case 'Ver Géant Carnivore 🙈':
    case 'Worg 🙈':
    case 'Yéti 🙈':

      return "Ne voit pas le caché";


  case 'Ame-en-peine 👁️':
  case 'Béhir 👁️':
  case 'Bulette 👁️':
  case 'Crapaud démoniaque 👁️':
  case 'Danseur de Mort 👁️':
  case 'Diablotin 👁️':
  case 'Erinyes 👁️':
  case 'Fungus Géant 👁️':
  case 'Géant des Nuages 👁️':
  case 'Géant des Tempêtes 👁️':
  case 'Géant du Froid 👁️':
  case 'Géant de Pierre 👁️':
  case 'Gnome de pierre 👁️':
  case 'Gorgone 👁️':
  case 'Goule 👁️':
  case 'Griffon 👁️':
  case 'Homothérium 👁️':
  case 'Hippogriffe 👁️':
  case 'Incube 👁️':
  case 'Larbin démoniaque 👁️':
  case 'Lémure 👁️':
  case 'Mille-pattes géant 👁️':
  case 'Momie 👁️':
  case 'Ombre 👁️':
  case 'Ours hibou 👁️':
  case 'Plante Carnivore 👁️':
  case 'Squelette 👁️':
  case 'Spectre 👁️':
  case 'Tertre errant 👁️':
  case 'Troglodyte 👁️':
  case 'Troll 👁️':
  case 'Zombi 👁️':

      return "Voit très partiellement le caché";


  case 'Automate 👁️👁️':
  case 'Barghest 👁️👁️':
  case 'Cattis 👁️👁️':
  case 'Chimère 👁️👁️':
  case 'Dao 👁️👁️':
  case 'Djinn 👁️👁️':
  case 'Ent 👁️👁️':
  case 'Hellrot 👁️👁️':
  case 'Horreur chasseresse 👁️👁️':
  case 'Marid 👁️👁️':
  case 'Rakshah 👁️👁️':
  case 'Sphinx 👁️👁️':
  case 'Taureau démoniaque 👁️👁️':
  case 'Fungus Violet 👁️👁️':

      return "Voit partiellement le caché";


  case 'Colosse de pierre 👁️👁️👁️':
  case 'Dryade 👁️👁️👁️':
  case 'Illithid 👁️👁️👁️':

      return "Voit completement le caché";

  case 'Oni 👁️👁️ 😵':
  case 'Légion-en-peine 👁️👁️ 😵':
  case 'Vampire 👁️👁️ 😵':
  case 'Vampire Archaïque 👁️👁️ 😵':

      return "Voit partiellement le caché et Drain d'énergie";

    case 'Dragon 🔥':
    case 'Effrit 🔥 ':

       return "Dégats de zone";


  case 'Abishaii Blanc 👁️ 💉':
  case 'Abishaii Bleu 👁️ 💉':
  case 'Abishaii Noir 👁️ 💉':
  case 'Abishaii Rouge 👁️ 💉':
  case 'Abishaii Vert 👁️ 💉':
  case 'Guêpe géante 👁️ 💉':

       return "Voit très partiellement le caché et venin";

  case 'Lutin 🙈 💉':
  case 'Scarabée Géant 🙈 💉':
  case 'Nécrophage 🙈 💉':

      return "Ne voit pas le caché et venin";

  case 'Méphite Aérien 🙈 🔥':
  case 'Méphite de Feu 🙈 🔥':
  case 'Méphite Aqueux 🙈 🔥' :
  case 'Méphite de Glace 🙈 🔥':
  case 'Méphite de Verre 🙈 🔥':
  case 'Méphite Magmatique 🙈 🔥':
  case 'Méphite Sulfureux 🙈 🔥':

      return "Ne voit pas le caché et dégats de zone";
  case  'Elémentaire de Terre 👁️ 🔥':
  case 'Molosse Satanique 👁️ 🔥':
  case 'Ondine 👁️ 🔥':
  case 'Salamandre 👁️ 🔥':
  case 'Sylphide 👁️ 🔥':
  case 'Elémentaire de Terre 👁️ 🔥':
  case "Elémentaire d'Eau 👁️ 🔥":
  case 'Elémentaire de Feu 👁️ 🔥':

      return "Voit très partiellement le caché et dégats de zone";

  case 'Shai 👁️👁️ 🔥':
        return "Voit partiellement le caché et dégats de zone";
  case 'Viverne 🙈 💉💉':
      return "Ne voit pas le caché et venin virulent";
  case 'Feu follet 🙈 🔥':
      return "Ne voit pas le caché et dégats de zone et venin virulent";
 case  'Cerbère 👁️👁️👁️ 💉💉':
      return "Voit completement le caché et venin virulent";
  case 'Abishaii Multicolore 👁️👁️ 💉':
      return "Voit partiellement le caché et venin";



  }
}

  $(document).ready(function() {
    'use strict';



    var regexs = [],
        replacements = [],
        rIsRegexp = /^\/(.+)\/([gim]+)?$/,
        word, text, texts, i, userRegexp;

    for (word in words) {
      if (typeof word === 'string' && words.hasOwnProperty(word)) {
        userRegexp = word.match(rIsRegexp);

        // Ajout des expressions régulières et des remplacements
        if (userRegexp) {
          regexs.push(new RegExp(userRegexp[1], 'g'));
        } else {
          regexs.push(new RegExp(prepareRegex(word).replace(/\\?\*/g, function(fullMatch) {
            return fullMatch === '\\*' ? '*' : '[^ ]*';
          }), 'g'));
        }
        replacements.push(words[word]);
      }
    }

    // Sélecteur pour toutes les cellules de la cinquième colonne
    var cells = document.querySelectorAll('#TCREATURES > center:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(5)');

    // Boucle à travers toutes les cellules de la cinquième colonne
    cells.forEach(function(cell) {
      var cellContent = cell.textContent;
      var originalContent = cell.innerHTML;

      regexs.forEach(function(value, index) {
        var replacementIcon = replacements[index];
        var tooltipText = getTooltipText(replacementIcon);

        cellContent = cellContent.replace(value, function(match) {
          // Ajout du tooltip avec la signification de l'icône
          return `<span title="${tooltipText}">${replacementIcon}</span>`;
        });
      });

      cell.innerHTML = cellContent;

          // Ajout de la classe 'monster-column' pour empêcher le retour à la ligne
      cell.classList.add('monster-column');

      // Ajout des styles CSS directement ici
      cell.style.whiteSpace = 'nowrap';


    });


         // Création du bouton "Légende"
        var legendButton = document.createElement('button');
        legendButton.textContent = 'Légende';
    legendButton.style.display = 'block';
        legendButton.style.margin = 'auto';
        legendButton.addEventListener('click', function(event) {
            event.stopPropagation(); // Empêche la propagation de l'événement de clic
            // Création de la fenêtre modale pour afficher la légende
            var modal = document.createElement('div');
            modal.style.position = 'fixed';
            modal.style.top = '0';
            modal.style.left = '0';
            modal.style.width = '100%';
            modal.style.height = '100%';
            modal.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
            modal.style.display = 'flex';
            modal.style.alignItems = 'center';
            modal.style.justifyContent = 'center';

            // Contenu de la légende
            var legendContent = document.createElement('div');
            legendContent.style.backgroundColor = 'rgb(255,235,205)';
            legendContent.style.padding = '20px';
            legendContent.style.borderRadius = '5px';

            // Ajout de chaque élément de la légende
    var legendItems = {
        '🥰': 'créatures amies',
        '🙈': 'ne voit pas le caché',
        '👁️': 'voit très partiellement le caché',
        '👁️👁️': 'voit partiellement le caché',
        '👁️👁️👁️': 'voit complètement le caché',
        '💉': 'venin',
        '🔥': 'PV-',
        '😵': 'drain d\'énergie',
        '🚨': 'enlève de l\'esquive'
    };

    for (var emoji in legendItems) {
        var legendItem = document.createElement('div');
        legendItem.textContent = `${emoji}: ${legendItems[emoji]}`;
        legendContent.appendChild(legendItem);
    }



//ajout des textes surlignés en couleur
var highlightText4 = document.createElement('div');
highlightText4.textContent = 'Gobelin';
highlightText4.style.backgroundColor = "#ccccff" ;
highlightText4.style.color = 'black';
highlightText4.style.padding = '5px';
highlightText4.style.borderRadius = '5px';
highlightText4.style.marginTop = '10px';
// Ajout du texte surligné à la légende
legendContent.appendChild(highlightText4);


// Création de l'élément pour le texte "Niveau supérieur à 35"
var highlightText = document.createElement('div');
highlightText.textContent = 'Monstre lvl supérieur à 39';
highlightText.style.backgroundColor = '#f55442';
highlightText.style.color = 'white';
highlightText.style.padding = '5px';
highlightText.style.borderRadius = '5px';
highlightText.style.marginTop = '10px';
// Ajout du texte surligné à la légende
legendContent.appendChild(highlightText);


 var highlightText2 = document.createElement('div');
highlightText2.textContent = 'Monstre lvl supérieur à 29';
highlightText2.style.backgroundColor = '#f59c42';
highlightText2.style.color = 'white';
highlightText2.style.padding = '5px';
highlightText2.style.borderRadius = '5px';
highlightText2.style.marginTop = '10px';
// Ajout du texte surligné à la légende
legendContent.appendChild(highlightText2);


 var highlightText3 = document.createElement('div');
highlightText3.textContent = 'Monstre lvl supérieur à 25';
highlightText3.style.backgroundColor = '#f5b342';
highlightText3.style.color = 'white';
highlightText3.style.padding = '5px';
highlightText3.style.borderRadius = '5px';
highlightText3.style.marginTop = '10px';
// Ajout du texte surligné à la légende
legendContent.appendChild(highlightText3);


var highlightText5 = document.createElement('div');
highlightText5.textContent = 'Vieilles créatures';
highlightText5.style.backgroundColor = '#c791b1';
highlightText5.style.color = 'white';
highlightText5.style.padding = '5px';
highlightText5.style.borderRadius = '5px';
highlightText5.style.marginTop = '10px';
// Ajout du texte surligné à la légende
legendContent.appendChild(highlightText5);

var highlightText6 = document.createElement('div');
highlightText6.textContent = 'Suivant/Créature controlé par un Gob';
highlightText6.style.backgroundColor = '#ffadde';
highlightText6.style.color = 'black';
highlightText6.style.padding = '5px';
highlightText6.style.borderRadius = '5px';
highlightText6.style.marginTop = '10px';
// Ajout du texte surligné à la légende
legendContent.appendChild(highlightText6);


// Création de l'élément pour l'espace
var space = document.createElement('div');
space.style.height = '10px'; // Vous pouvez ajuster la hauteur selon vos besoins
// Ajout de l'espace à la légende
legendContent.appendChild(space);



            // Bouton pour fermer la fenêtre modale
            var closeButton = document.createElement('button');
            closeButton.textContent = 'Fermer';
            closeButton.addEventListener('click', function() {
                document.body.removeChild(modal);
            });

            legendContent.appendChild(closeButton);
            modal.appendChild(legendContent);

            // Ajout de la fenêtre modale à la page
            document.body.appendChild(modal);
        });

        // Sélection de l'élément à côté duquel vous voulez placer le bouton "Légende"
        var referenceElement = document.querySelector('html body div#content div#identite table.gf tbody tr td.gfmm h1');

        // Création d'un conteneur pour les boutons
        var buttonContainer = document.createElement('div');
        buttonContainer.style.marginTop = '10px';

        // Ajout du bouton "Légende" à ce conteneur
        buttonContainer.appendChild(legendButton);

        // Insérer le conteneur des boutons sous l'élément de référence
        referenceElement.parentNode.insertBefore(buttonContainer, referenceElement.nextSibling);
    });
};


if ($(location).attr('href').match(/http:\/\/(.*\.)?gobland\.fr\/Vue\.php|http:\/\/(.*\.)?gobland\.fr\/ProfilPerso\.php/i)) {

  const words = {
      // Clan et CM
      '((50125|411|346|330|286|388|386|387|83|407|456|164|407|385|405|393|46237|95720|130171|46237|47717|95720|130171|53|101759|101|50127|95982|108284|100794|94082|108|121|129|141|180|48520|66516|69423|119472|32954|135982|137884|146091|141303|141548|145977|153064|153598|147777|153645|152330|155811|163670|109|122306|90657))' : '🥰',

    // méchants
    '((50|104|151691|270|267))' : '🔴',


      // Icônes équipement
      'Potion' : 'Potion 🧪',
      'Parchemin' : 'Parchemin 📜📜📜📜📜📜📜alerte📜📜📜📜📜📜📜📜📜📜',
      'CT| Canines de Trõll' : ' CT 💰',
      'Anneau' : 'Anneau 💍 ',
      'Bouclier' : 'Bouclier 🛡️',
      'Corps' : 'Corps ☠️',
      'Arme 1 Main' : 'Arme 1 main 🗡️',
      'Outil' : "Outil 🔧",
      'Nourriture' : 'Nouriture 🍔',
      'Rondin' : 'Rondin 🪵',

      // Dans Mon Profil
      'Santé' : 'Santé ❤️',
      'Echéance du Tour' : 'Echéance du Tour⏱️',
      'Combat' : 'Combat ⚔️',
      'Affinités' : 'Affinités ✨',
      'Position' : 'Position 🧭',
      'Description' : 'Description 📜',
      'Expérience' : 'Expérience 🇽🇵',
      'Actions programmées': 'Actions programmées ⏰',


      'Empathie' : 'Empathie 🫂',
      'Sociale' : 'Sociale 🫂',
      'Flux Obscur' : 'Flux Obscur ⚫',
      'Voile Obscur' : 'Voile Obscur ⚫',
      'Magie' : 'Magie 🪄',
      'Psychique' : 'Psychique 🧠',
      'Physique' : 'Physique 💪',
      'Corporelle' :  'Corporelle💪',
      'Technologie' : 'Technologie ⚙️',

      // Diverses icônes
      'Baguette' : 'Baguette 🪄 ',
      'Escalier' : 'Escalier 🪜 ',
      //'Baie' : 'Baie 🫐',
      //'Arbre' :     'Arbre 🌳',
      //'Fleur' : 'Fleur 🌷',
      'Zone de ténèbres' : 'Zone de ténèbres 🌫️',
      'Porte' : 'Porte 🚪',
      '':''
    };

  const tagsWhitelist = ['PRE', 'BLOCKQUOTE', 'CODE', 'INPUT', 'BUTTON', 'TEXTAREA'];

  function prepareRegex(string) {
    return string.replace(/(\({2}|([\[\]\^\&\$\.\?\/\\\+\{\}])|\)$)/g, '\\$1');
  }

  function isTagOk(tag) {
    return tagsWhitelist.indexOf(tag) === -1;
  }

  function enhanceText() {
    'use strict';

    // enclenchement des remplacements et ajouts d'icones
    var regexs = [],
        replacements = [],
        rIsRegexp = /^\/(.+)\/([gim]+)?$/,
        word, text, texts, i, userRegexp;

    for (word in words) {
      if ( typeof word === 'string' && words.hasOwnProperty(word) ) {
        userRegexp = word.match(rIsRegexp);

        // add the search/needle/query
        if (userRegexp) {
            regexs.push(new RegExp(userRegexp[1], 'g'));
        } else {
            regexs.push(
                new RegExp(prepareRegex(word).replace(/\\?\*/g, function (fullMatch) {
                    return fullMatch === '\\*' ? '*' : '[^ ]*';
                }), 'g')
            );
        }
        replacements.push(words[word]);
      }
    }

    texts = document.evaluate('//body//text()[ normalize-space(.) != "" ]', document, null, 6, null);
    for (i = 0; text = texts.snapshotItem(i); i += 1) {
        if ( tagsWhitelist.indexOf(text.parentNode.tagName) ) {
            regexs.forEach(function (value, index) {
                text.data = text.data.replace( value, replacements[index] );
            });
        }
    }
  };

  $( document ).ready(function() {
    enhanceText();
  });

};