P.D.O

userscript conçu pour être utilisé sur le site http://dystopiaonline.fr , ne le modifiez que si vous savez ce que vous faites.

目前為 2014-08-10 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name        P.D.O
// @namespace   Dystiopia Online
// @version     v 0.6.1 - dystopia 1.0.2b
// @author      Chewbaka, modifié par Ayowel et Exalea
// @helped	BirdJesus
// @include     http://dystopiaonline.fr/*
// @description userscript conçu pour être utilisé sur le site http://dystopiaonline.fr , ne le modifiez que si vous savez ce que vous faites.
// @run-at	document-end
// ==/UserScript==

/**
 *  Prototype d'un paramètre générique
 *
 *  @author Exalea 
 */
{
    /**
     *  Constructeur
     *
     *  @param {string} key Clef du cookie associé
     *  @param {string} defaultValue Valeur par défaut en cas d'absence de valeur enregistrée
     *  @returns {SettingEntry} this Instance courante (permet l'utilisation de méthodes chaînées)
     *  @constructor
     *
     *  @author Exalea
     */
    var SettingEntry = function(key, defaultValue) {
        this.key = key;
        this.defaultValue = defaultValue;
        return this;
    };

    /**
     *  Assignation et persistance (durée de 100 ans par défaut) de la valeur du paramètre
     *
     *  @param {string} value Valeur assignée et persistée
     *  @returns {SettingEntry} this Instance courante (permet l'utilisation de méthodes chaînées)
     *
     *  @author Exalea
     */
    SettingEntry.prototype.setValue = function (value) {
        $.cookie(this.key, value, { expires : (100 * 365) });
        return this;
    };

    /**
     *  Obtention de la valeur du paramètre
     *
     *  @returns {string} Valeur du paramètre (chaîne de caractères)
     *
     *  @author Exalea
     */
    SettingEntry.prototype.getValue = function() {
        return $.cookie(this.key);
    }

    /**
     *  Initialisation (assignation d'une valeur par défaut si nécessaire)
     *
     *  @returns {SettingEntry} this Instance courante (permet l'utilisation de méthodes chaînées)
     *
     *  @author Exalea
     */
    SettingEntry.prototype.init = function() {
        if(this.getValue() == null)
            this.setValue(this.defaultValue);
        return this;
    }
}

/**
 *  Prototype d'une route générique
 *
 *  @author Exalea
 */
{
    /**
     *  Constructeur
     *
     *  @param {string} regex Expression régulière permettant de déterminer si le callback doit s'appliquer à la page/URL courante
     *  @param {function} callback Méthode de callback contenant les modifications à effectuer
     *  @returns {Route} this Instance courante (permet l'utilisation de méthodes chaînées)
     *  @constructor
     *
     *  @author Exalea
     */
    var Route = function(regex, callback) {
        this.regex = regex;
        this.callback = callback;
        return this;
    };

    /**
     *  Méthode d'application/test d'une route à une URL donnée
     *
     *  @param {string} url URL à tester
     *  @returns {boolean} true si l'URL passée en paramètre correspond à cette route, false sinon
     *
     *  @author Exalea
     */
    Route.prototype.apply = function(url) {
        if(new RegExp(this.regex).test(url)) {
            this.callback();
            return true;
        }
        return false;
    };
}

/**
 *  Routeur, utilitaire permettant d'enregistrer plusieurs routes et de les appliquer de manière optimisée
 */
var Router =  {
    routes : [],

    /**
     *  Ajout d'une route de type Route au routeur
     *
     *  @param {Route} route Route à ajouter
     *
     *  @author Exalea
     */
    addRoute : function(route) {
        if(route instanceof Route) {
            this.routes.push(route);
        }
    },

    /**
     *  Ajout d'une route via une expression régulière et une méthode de callback
     *
     *  @param {string} regex Expression régulière de la future route créée
     *  @param {function} callback Méthode callback de la future route créée
     *
     *  @author Exalea
     */
    add : function(regex, callback) {
        this.addRoute(new Route(regex, callback));
    },

    /**
     *  Application de l'ensemble des routes du routeur à une URL selon le principe 'first match, first applied'
     *
     *  @param {string} url L'URL à tester
     *
     *  @author Exalea
     */
    apply: function(url) {
        loop: for(var key in this.routes) {
            var route = this.routes[key];
            if(route instanceof Route)
                if(route.apply(url)) break loop;
        }
    }
};

/**
 *  Collection de paramètres
 *
 *  @author Exalea
 */
var SettingsStore = {
    /**
     *  Liste des paramètres disponibles (de type SettingEntry)
     *
     *  @type {SettingEntry[]}
     *
     *  @author Exalea
     */
    entries : {
        alicia: new SettingEntry("isAliciaEnabled", false),
        greenBar: new SettingEntry("isProgressBarGreen", true)
    },

    /**
     *  Initialisation automatique de tous les paramètres présents dans document.settings
     *
     *  @returns this Instance courante (permet l'utilisation de méthodes chaînées)
     *
     *  ! A ne pas modifier, l'ajout de paramètres se fait via SettingsStore.entries !
     *
     *  @author Exalea
     */
    init : function() {
        for(var index in this.entries) {
            var entry = this.entries[index];
            if(entry instanceof SettingEntry)
                entry.init();
        }
        return this;
    }
};


/**
 *  Paramètrage initial
 *
 *  @author Exalea
 */
{
    /**
     *  Initialisation et export du SettingsStore afin de le rendre accessible depuis le code HTML via la variable document.settings
     *
     *  ! A ne pas modifier, l'ajout de paramètres se fait via SettingsStore.entries !
     *
     *  @author Exalea
     */
    document.settings = SettingsStore.init().entries;
}


////////////////////////////// VARIABLE ///////////////////////////

/* Variables de base */
var leftMenu = document.createElement("div");			// Div Bouton
var newURL = window.location.search;			// URL page
var page = document.getElementById("page");			//page


///////////////////////////// MODIFICATIONS SELON LA PAGE /////////////////////////////

/**
 *  Paramètres PDO
 */
Router.add("page=settings.*target=pdo", function() {
    var option = document.createElement("div"); // Div option script
    var homepage = document.getElementsByClassName("container"); // Récup containt page principale

    homepage[homepage.length - 1].parentNode.removeChild(homepage[homepage.length - 1]);
    option.className = 'container';
    option.innerHTML =
        '<div class = "content_area">' +
        '<h2 class="clearfix">' +
        '<div class="icon"></div>' +
        '<div>Options du Script</div>' +
        '</h2>' +
        '<div class="news_articles">' +
        '<br/>' +
        '<div class="news_article">' +
        '<div class="article_content">' +
        '<div class="title_block dark_hatch_container">' +
        '<table style="width:100%; left: 0px; margin-top: -5px;">' +
        '<tr>' +
        '<td class="transparent" style="box-shadow: 0px 0px 0px 0px">' +
        //code pour la création d'une catégorie
        '<div class="title_block dark_hatch_container">' +
        '<div class="content">BOUH</div>' +
        '<div class="bg">' +
        '<div class="left_chrome"></div>' +
        '<div class="top_right_chrome"></div>' +
        '<div class="bottom_right_chrome"></div>' +
        '</div>' +
        '</div>' +
        //code pour le contenu d'une catégorie
        '<div class="text_block">' +
        'Cette catégorie est destinée à recevoir la liste des options configurables qu\'aura le P.D.O., jetez un coup d\'oeil après chaque mise à jour pour voir si des éléments sont devenus configurables.<br><br>Ad Vitam Aeternam.' +
        '<br/><br/><br/><br/>' +
/*        '<label>Alicia, votre assistante personnelle | </label><input style="display: inline;" type="checkbox" id="aliciaCheckbox" />' +
        '<br/><br/>' +
*/        '<label>Barres de progression vertes | </label><input style="display: inline;" type="checkbox" id="greenBarCheckbox" />' +
        '<br/><br/>' +
        '</div>' +
        '</td>' +
        '</tr>' +
        '</table>' +
        '</div>' +
        '</div>' +
        '</div>' +
        '</div>' +
        '</div>' +
        '<div class="rounded_box_css" style="padding: "><div class="bgcolor"></div></div>';
    document.getElementById("home_news_section").insertBefore(option, document.getElementById("home_news_section").firstChild);

    var aliciaCheckbox = document.getElementById("aliciaCheckbox");
    if (aliciaCheckbox != null) {
        aliciaCheckbox.onchange = function () {
            document.settings.alicia.setValue(aliciaCheckbox.checked)
        };
        aliciaCheckbox.checked = (document.settings.alicia.getValue() == "true");
    }
    var greenBarCheckbox = document.getElementById("greenBarCheckbox");
    if (greenBarCheckbox != null) {
        greenBarCheckbox.onchange = function () {
            document.settings.greenBar.setValue(greenBarCheckbox.checked)
        };
        greenBarCheckbox.checked = (document.settings.greenBar.getValue() == "true");
    }
});

/**
 *  Salle de contrôle
 */
Router.add("page=overview|^$", function() {
    // Lien vers la pages des ressources de la planète
    var ressources = document.createElement("td");
    var ressourcesRef = document.getElementsByClassName("servertime");
    ressources.className = "transparent";
    ressources.innerHTML = '<a href="game.php?page=resources" style="text-transform: none; color: lime;">Ressources</a>';
    ressourcesRef[0].parentNode.insertBefore(ressources, ressourcesRef[0]);

    // Lien vers les données Colonies
    var colDon = document.createElement("div");
    colDon.className = "donnees_colonies";
    colDon.innerHTML = '<h3 style="text-align:center;"><a href="game.php?page=imperium" style="text-transform: none; color: lime;">Données Colonies</a></h3>';
    document.getElementById("fondoverview").insertBefore(colDon, document.getElementById("fondoverview").secondChild);
});

/**
 *  Liste d'amis
 */
Router.add("page=buddyList", function() {	//Amis

    // bouton message. Ne fonctionne pas actuellement (+ fait planter en cas de demande d'ami)
    var tableauTR = document.getElementsByClassName("article_content")[0].childNodes[3].childNodes[1].childNodes[0].childNodes[3].childNodes[1].childNodes[1].childNodes; // Recup TR
    for (var i = 4; i < tableauTR.length; i++) {
        var tableauTD = tableauTR[i].childNodes[9]; // Recup TD
		if (tableauTD !== undefined) {
            if (tableauTR[i].childNodes[1].childNodes[1] !== undefined)
            {

                var ID = tableauTR[i].childNodes[1].childNodes[1].getAttribute("onclick").split("(")[1].split(")")[0]; // Recup Id joueur
                if (ID !== undefined)
                {
                    var message = document.createElement('a');
                    message.setAttribute('onclick', 'return Dialog.PM(' + ID + ')');
                    message.setAttribute('href', '#');
                    message.innerHTML = '<img title="Nouveau Message" style="margin-left: 2px" src="styles/theme/6/img/m.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
                    tableauTD.insertBefore(message, tableauTD.childNodes[0]);
                    tableauTD.style.width = "12%";
                }
            }
        }
    }
});

/**
 *  Batiments
 */
Router.add("page=buildings", function() {
    var content = document.getElementsByClassName("news_articles");
    var newContent = document.createElement("div");
    newContent.className = "news_articles";
    newContent.innerHTML = '<div class="title_block dark_hatch_container"><div class="content"><h3 style="line-height: 0.5em;"><table style="width: 100%; height: 28px; left: 0px; position: absolute;"><tbody><tr>' +
        '<td class="transparent" style="text-align : left; box-shadow: 0px 0px 0px 0px;">' +
        '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="game.php?page=buildings">Bâtiments</a>' +
        '</td><td class="transparent" style="text-align : left; box-shadow: 0px 0px 0px 0px;">' +
        '<a href="game.php?page=research">Centre de Recherches</a>' +
        '</td>' +
        '</tr></tbody></table></h3></div><div class="bg"><div class="left_chrome"></div></div></div>' +
        '<br>';
    content[0].parentNode.insertBefore(newContent, content[0]);

});

/**
 *  Recherches
 */
Router.add("page=research", function() {
    var content = document.getElementsByClassName("news_articles");
    var newContent = document.createElement("div");
    newContent.className = "news_articles";
    newContent.innerHTML = '<div class="title_block dark_hatch_container"><div class="content"><h3 style="line-height: 0.5em;"><table style="width: 100%; height: 28px; left: 0px; position: absolute;"><tbody><tr>'+
        '<td class="transparent" style="text-align : left; box-shadow: 0px 0px 0px 0px;">'+
        '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="game.php?page=buildings">Bâtiments</a>'+
        '</td><td class="transparent" style="text-align : left; box-shadow: 0px 0px 0px 0px;">'+
        '<a href="game.php?page=research">Centre de Recherches</a>'+
        '</td>'+
        '</tr></tbody></table></h3></div><div class="bg"><div class="left_chrome"></div></div></div>'+
        '<br>';
    content[0].parentNode.insertBefore(newContent, content[0]);/**/

    var research = document.getElementsByClassName("tablequeusearch");
    var researchName = document.createElement('div');
    if (research[0] !== undefined)
    {
        researchName.className = "Nom_de_la_recherche";
        var researchPlace = document.createElement('div');
        researchPlace.className = "Lieu_de_la_recherche";
        researchName.innerHTML = research[0].innerHTML.split("<h3>")[1];

        research[0].innerHTML = research[0].innerHTML.split("<br>")[0] + research[0].innerHTML.split("</h3>")[1];

        researchName.innerHTML = researchName.innerHTML.split("</td>")[0];
        researchPlace.innerHTML = 'Sur' + researchName.innerHTML.split("@")[1];
        researchName.innerHTML = '<h3>' + researchName.innerHTML.split("@")[0] + '</h3>';
        document.getElementById("progressbar").parentNode.insertBefore(researchName, document.getElementById("progressbar"));
        if (researchPlace.innerHTML !== 'Surundefined')
        {
            document.getElementById("progressbar").parentNode.insertBefore(researchPlace, document.getElementById("progressbar").parentNode.secondChild);
        }

        if (research[1] !== undefined)
        {
            var researchName2 = document.createElement('td');
            var researchPlace2 = document.createElement('div');

            researchName2.className = "transparent";
            researchPlace2.className = "Lieu_de_la_recherche";
            researchName2.innerHTML = research[1].innerHTML.split("<h3>")[1].split("</h3>")[0];
//            researchName2.type.width = '70%';

            research[1].innerHTML = research[1].innerHTML.split("<br>")[0] + '</td><td' + research[1].innerHTML.split("<td")[3];

            researchPlace2.innerHTML = 'Sur' + researchName2.innerHTML.split("@")[1];
            researchName2.innerHTML = '<div class="Nom_de_la_recherche"><h3>' + researchName2.innerHTML.split("@")[0] + '</h3></div>';

            research[1].childNodes[1].childNodes[0].insertBefore(researchName2, research[1].childNodes[1].childNodes[0].childNodes[2]);

            if (researchPlace2.innerHTML !== 'Surundefined')
            {
                document.getElementsByClassName("Nom_de_la_recherche")[1].parentNode.insertBefore(researchPlace2, document.getElementsByClassName("Nom_de_la_recherche")[1].secondChild);
            }
        }
    }
});

/**
 *  Hangar
 */
Router.add("page=shipyard", function() {
    var content = document.getElementsByClassName("news_articles");
    var newContent = document.createElement("div");
    newContent.className = "news_articles";
    newContent.innerHTML = '<div class="title_block dark_hatch_container"><div class="content"><h3 style="line-height: 0.5em;"><table style="width: 100%; height: 28px; left: 0px; position: absolute;"><tbody><tr>' +
        '<td class="transparent" style="text-align : left; box-shadow: 0px 0px 0px 0px;">' +
        '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="game.php?page=shipyard&mode=fleet&shipyardpage=2">Vaisseaux</a>' +
        '</td><td class="transparent" style="text-align : left; box-shadow: 0px 0px 0px 0px;">' +
        '<a href="game.php?page=shipyard&mode=defense">Armement défensif</a>' +
        '</td><td class="transparent" style="text-align : left; box-shadow: 0px 0px 0px 0px;">' +
        '<a href="game.php?page=shipyard&mode=fleet&shipyardpage=1">Unités</a>' +
        '</td>' +
        '</tr></tbody></table></h3></div><div class="bg"><div class="left_chrome"></div></div></div>' +
        '<br>';
    content[0].parentNode.insertBefore(newContent, content[0]);
});

/**
 * Compétences
 */
Router.add("page=officier", function() {
    /* Modification de la présentation des compétences */
    		// Récupération du nombre de PC
    var PC = document.getElementsByClassName("flaticon-heart27")[0].parentNode.innerHTML.split("<span")[0];
			// Gestion de l'arbre raiders
    document.getElementById("officier601").style.borderSpacing="0px";
    var Ref = document.getElementById("officier601").childNodes[1].childNodes[2].childNodes[1];
    Ref.childNodes[1].childNodes[5].innerHTML = Ref.childNodes[1].childNodes[5].innerHTML.split("Niveau ")[0] + Ref.childNodes[1].childNodes[5].innerHTML.split("Niveau ")[1];
    var arbre = document.getElementById("officier601").childNodes[1].childNodes[2].childNodes[1];
    //document.getElementsByClassName("article_content")[0].innerHTML = document.getElementById("officier609").childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[1].childNodes[1].innerHTML;
	if (arbre.childNodes[1].childNodes[7].getAttribute("style").split("background-color: ")[1].split(";")[0] == "#B7DE94"){
        arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML = '<table><tbody><tr><td class="transparent"><a class="tooltip vt-p" data-tooltip-content="' + arbre.childNodes[1].childNodes[1].getAttribute("data-tooltip-content") + '"><img src="' + arbre.childNodes[1].childNodes[1].childNodes[1].getAttribute("src") + '"></a></td>' +
                										'<td class="transparent">' + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML.split(" Point de compétence")[0] + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML.split(" Point de compétence")[1].split("</strong>")[0] + ' PC</strong>' + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML.split(" Point de compétence")[1].split("</strong>")[1] + '</td></tr></tbody></table>';
    }
    else{
    	arbre.childNodes[1].childNodes[7].innerHTML = '<table><tbody><tr><td class="transparent"><a class="tooltip vt-p" data-tooltip-content="' + arbre.childNodes[1].childNodes[1].getAttribute("data-tooltip-content") + '"><img src="' + arbre.childNodes[1].childNodes[1].childNodes[1].getAttribute("src") + '"></a></td>' +
                    '<td class="transparent">' + arbre.childNodes[1].childNodes[7].innerHTML.split(" besoin de")[0] + ':<b><br><strong><span style="color:#450000;">' + PC + '/' + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[1].childNodes[1].innerHTML + ' PC</span></strong></b></td></tr></tbody></table>';
    }
    arbre.childNodes[1].childNodes[3].remove();
    arbre.childNodes[1].childNodes[1].remove();
    
    for (var i = 2 ; i<9 ; i++)
    {
        if (document.getElementById("officier60" + i) !== null)
        {
            arbre = document.getElementById("officier60" + i).childNodes[1].childNodes[2].childNodes[1];
            arbre.childNodes[1].childNodes[5].innerHTML = arbre.childNodes[1].childNodes[5].innerHTML.split("Niveau ")[0] + arbre.childNodes[1].childNodes[5].innerHTML.split("Niveau ")[1];
			if (arbre.childNodes[1].childNodes[7].getAttribute("style").split("background-color: ")[1].split(";")[0] == "#B7DE94"){
        		arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML = '<table><tbody><tr><td class="transparent"><a class="tooltip vt-p" data-tooltip-content="' + arbre.childNodes[1].childNodes[1].getAttribute("data-tooltip-content") + '"><img src="' + arbre.childNodes[1].childNodes[1].childNodes[1].getAttribute("src") + '"></a></td>' +
   			    	         										'<td class="transparent">' + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML.split(" Point de compétence")[0] + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML.split(" Point de compétence")[1].split("</strong>")[0] + ' PC</strong>' + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML.split(" Point de compétence")[1].split("</strong>")[1] + '</td></tr></tbody></table>';
  			}
    		else{
    			arbre.childNodes[1].childNodes[7].innerHTML = '<table><tbody><tr><td class="transparent"><a class="tooltip vt-p" data-tooltip-content="' + arbre.childNodes[1].childNodes[1].getAttribute("data-tooltip-content") + '"><img src="' + arbre.childNodes[1].childNodes[1].childNodes[1].getAttribute("src") + '"></a></td>' +
                    		'<td class="transparent">' + arbre.childNodes[1].childNodes[7].innerHTML.split(" besoin de")[0] + ':<b><br><strong><span style="color:#450000;">' + PC + '/' + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[1].childNodes[1].innerHTML + ' PC</span></strong></b></td></tr></tbody></table>';
    		}
            arbre.childNodes[1].childNodes[3].remove();
            arbre.childNodes[1].childNodes[1].remove();
            Ref.insertBefore(arbre.childNodes[1], Ref.childNodes[2+i]);
            document.getElementById("officier60" + i).innerHTML = '';
        }
    }
    
			//gestion de l'arbre farmeurs
    document.getElementById("officier609").style.borderSpacing = "0px";
    Ref = document.getElementById("officier609").childNodes[1].childNodes[2].childNodes[1];
    Ref.childNodes[1].childNodes[5].innerHTML = Ref.childNodes[1].childNodes[5].innerHTML.split("Niveau ")[0] + Ref.childNodes[1].childNodes[5].innerHTML.split("Niveau ")[1];
    arbre = document.getElementById("officier609").childNodes[1].childNodes[2].childNodes[1];
    if (arbre.childNodes[1].childNodes[7].getAttribute("style").split("background-color: ")[1].split(";")[0] == "#B7DE94"){
		arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML = '<table><tbody><tr><td class="transparent"><a class="tooltip vt-p" data-tooltip-content="' + arbre.childNodes[1].childNodes[1].getAttribute("data-tooltip-content") + '"><img src="' + arbre.childNodes[1].childNodes[1].childNodes[1].getAttribute("src") + '"></a></td>' +
   		            										'<td class="transparent">' + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML.split(" Point de compétence")[0] + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML.split(" Point de compétence")[1].split("</strong>")[0] + ' PC</strong>' + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML.split(" Point de compétence")[1].split("</strong>")[1] + '</td></tr></tbody></table>';
  	}
    else{
    	arbre.childNodes[1].childNodes[7].innerHTML = '<table><tbody><tr><td class="transparent"><a class="tooltip vt-p" data-tooltip-content="' + arbre.childNodes[1].childNodes[1].getAttribute("data-tooltip-content") + '"><img src="' + arbre.childNodes[1].childNodes[1].childNodes[1].getAttribute("src") + '"></a></td>' +
        			'<td class="transparent">' + arbre.childNodes[1].childNodes[7].innerHTML.split(" besoin de")[0] + ':<b><br><strong><span style="color:#450000;">' + PC + '/' + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[1].childNodes[1].innerHTML + ' PC</span></strong></b></td></tr></tbody></table>';
    }
    arbre.childNodes[1].childNodes[3].remove();
    arbre.childNodes[1].childNodes[1].remove();

    for (var i = 0 ; i<7 ; i++)
    {
        if (document.getElementById("officier61" + i) !== null)
        {
            arbre = document.getElementById("officier61" + i).childNodes[1].childNodes[2].childNodes[1];
            arbre.childNodes[1].childNodes[5].innerHTML = arbre.childNodes[1].childNodes[5].innerHTML.split("Niveau ")[0] + arbre.childNodes[1].childNodes[5].innerHTML.split("Niveau ")[1];

             if (arbre.childNodes[1].childNodes[7].getAttribute("style").split("background-color: ")[1].split(";")[0] == "#B7DE94"){
 		    	arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML = '<table><tbody><tr><td class="transparent"><a class="tooltip vt-p" data-tooltip-content="' + arbre.childNodes[1].childNodes[1].getAttribute("data-tooltip-content") + '"><img src="' + arbre.childNodes[1].childNodes[1].childNodes[1].getAttribute("src") + '"></a></td>' +
   			             										'<td class="transparent">' + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML.split(" Point de compétence")[0] + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML.split(" Point de compétence")[1].split("</strong>")[0] + ' PC</strong>' + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[3].innerHTML.split(" Point de compétence")[1].split("</strong>")[1] + '</td></tr></tbody></table>';
  			}
    		else{
    			arbre.childNodes[1].childNodes[7].innerHTML = '<table><tbody><tr><td class="transparent"><a class="tooltip vt-p" data-tooltip-content="' + arbre.childNodes[1].childNodes[1].getAttribute("data-tooltip-content") + '"><img src="' + arbre.childNodes[1].childNodes[1].childNodes[1].getAttribute("src") + '"></a></td>' +
                    '<td class="transparent">' + arbre.childNodes[1].childNodes[7].innerHTML.split(" besoin de")[0] + ':<b><br><strong><span style="color:#450000;">' + PC + '/' + arbre.childNodes[1].childNodes[7].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[1].childNodes[1].innerHTML + ' PC</span></strong></b></td></tr></tbody></table>';
    		}
            arbre.childNodes[1].childNodes[3].remove();
            arbre.childNodes[1].childNodes[1].remove();
            Ref.insertBefore(arbre.childNodes[1], Ref.childNodes[2+i]);
            document.getElementById("officier61" + i).innerHTML = '';
        }
    }
});

/**
 *  Missions
 */
Router.add("page=mission", function() {
    var tableaux = document.getElementsByClassName("semitable");
    var content = document.createElement("tr");
    for (var i=0 ; tableaux[i] !== undefined ; i++)
    {
        content = tableaux[i].childNodes[1].childNodes[0];
        tableaux[i].childNodes[1].childNodes[0].remove();
        if (tableaux[i].childNodes[1].childNodes[3] !== undefined)
        {
            var validate = tableaux[i].childNodes[1].childNodes[3];
            validate.childNodes[1].childNodes[1].childNodes[5].setAttribute("style", "width: 100%;");
	        tableaux[i].childNodes[1].childNodes[1].childNodes[3].childNodes[1].childNodes[1].insertBefore(validate, tableaux[i].childNodes[1].childNodes[1].childNodes[3].childNodes[1].childNodes[1].childNodes[1]);
        }
        tableaux[i].innerHTML = '<tbody><tr>' + content.innerHTML + '<tr><td class="transparent"><table>' + tableaux[i].innerHTML + '</table></td></tr></tbody>';
    }
    
});

/**
 *  Médailles
 */
Router.add("page=records", function() {
    /* Ajout de liens vers le classement, la liste des sièges et la BDD joueurs */
    var medailles = document.createElement("div");
    var text = document.getElementsByClassName("text_block");
    var page = document.getElementsByClassName("news_article");
    medailles.className = "article_content";
    medailles.innerHTML = '<h3 style="line-height: 0.5em;padding-top: 10px;">Médailles</h3>'+
        '<table style="width: 100%;"><tbody><tr>' +
        	'<td class="transparent" style="text-align: left"><a href="game.php?page=statistics">Voir le Classement</a></td>' +
            '<td class="transparent"><a href="game.php?page=search">Base de données joueurs</a></td>' +
        	'<td class="transparent" style="text-align: right"><a href="game.php?page=battleHall">Liste des Sièges</a></td>' +
        '</tr></tbody></table>';
    page[0].getElementsByClassName("content")[0].innerHTML = medailles.innerHTML;
});

/**
 *  Classement
 */
Router.add("page=statistics", function() {
    /* Ajout de liens vers les Médailles, la liste des sièges et la BDD joueurs */
    var medailles = document.createElement("div");
    var text = document.getElementsByClassName("text_block");
    var page = document.getElementsByClassName("news_article");
    medailles.className = "article_content";
    medailles.innerHTML = '<div class="article_content"><div class="title_block dark_hatch_container"><div class="content"><h3 style="line-height: 0.5em;padding-top: 10px;">' +
        'Classement</h3>'+
        '<table style="width: 100%;"><tbody><tr>' +
        	'<td class="transparent" style="text-align: left"><a href="game.php?page=records">Voir les Médailles</a></td>' +
            '<td class="transparent"><a href="game.php?page=search">Base de données joueurs</a></td>' +
        	'<td class="transparent" style="text-align: right"><a href="game.php?page=battleHall">Liste des Sièges</a></td>' +
        '</tr></tbody></table></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div>' +
        '<div class="text_block">' + text[0].innerHTML + '</div></div>';
    page[0].innerHTML = medailles.innerHTML;
});
/**
 *  Base de données joueurs
 */
Router.add("page=search", function() {
    /* Ajout de liens vers les Médailles, la liste des sièges et la BDD joueurs */
    var medailles = document.createElement("div");
    var page = document.getElementsByClassName("news_article");
    medailles.innerHTML = '<div class="content"><h3>Rechercher un joueur</h3>'+
        '<table style="width: 100%;"><tbody><tr>' +
        	'<td class="transparent" style="text-align: left"><a href="game.php?page=statistics">Voir le Classement</a></td>' +
        	'<td class="transparent"><a href="game.php?page=records">Voir les Médailles</a></td>' +
        	'<td class="transparent" style="text-align: right"><a href="game.php?page=battleHall">Liste des Sièges</a></td>' +
        '</tr></tbody></table></div>';
    page[0].getElementsByClassName("content")[0].innerHTML = medailles.innerHTML;
});

/**
 *  Liste des sièges
 **/
Router.add("page=battleHall", function() {
    /* Ajout de liens vers les Médailles, la liste des sièges et la BDD joueurs */
    var medailles = document.createElement("div");
    var page = document.getElementsByClassName("news_article");
    medailles.innerHTML = '<div class="content"><h3>Liste des Sièges</h3>'+
        '<table style="width: 100%;"><tbody><tr>' +
        	'<td class="transparent" style="text-align: left"><a href="game.php?page=statistics">Voir le Classement</a></td>' +
        	'<td class="transparent"><a href="game.php?page=records">Voir les Médailles</a></td>' +
        	'<td class="transparent" style="text-align: right"><a href="game.php?page=search">Base de données joueurs</a></td>' +
        '</tr></tbody></table></div>';
    page[0].getElementsByClassName("content")[0].innerHTML = medailles.innerHTML;
});

/**
 *  Marché noir
 */
Router.add("page=trader", function() {
 	/* menu de navigation */
    document.getElementById("article").getElementsByClassName("content_area")[0].childNodes[0].setAttribute("style", "text-shadow: 0px 2px 0px #EEE");

    // Suppression du tableau de la page d'accueil. non fonctionnel, non bloquant
/*    {
        var tableau = document.getElementsByClassName("canvas-container2");
        if (tableau[0] ==! undefined)
        {
            tableau[0].innerHTML = '<div></div>';
        }
    }
*/
    // Ajout du menu de navigation de la barre du haut (modification de l'original)
/*    {
        var article = document.createElement("div");
        var pos = document.getElementsByClassName("news_article")[0].getElementsByClassName("title_block dark_hatch_container");

        article.ClassName = "content";
        article.innerHTML = '<div class="content"><div id="tradeMenu"><h3 style="line-height: 0.5em;">'+
            '<a href="game.php?page=trader" class="vt-p">Vendre des ressources</a>'+
            '<a class="vt-p">&nbsp;&nbsp;&nbsp;---&nbsp;&nbsp;&nbsp;</a>'+
            '<a href="game.php?page=fleetDealer" class="vt-p">Vendre des vaisseaux</a></h3></div></div>'+
            '<div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div>';

        article.innerHTML = article.innerHTML + '</div></div></div></div>';

        pos[0].innerHTML = article.innerHTML;
    }
*/
});

/**
 *  Marché
 */
Router.add("page=trade", function() {
    /* Modification du menu */
    var menu = document.createElement("div");
    menu.className = "tradeMenu";
    menu.innerHTML = '<a href="game.php?page=trade" class="vt-p">Toutes les annonces</a>' +
        '&nbsp;--&nbsp;<a href="game.php?page=trade&amp;mode=sellres" class="vt-p">Vendre des ressources</a>' +
        '&nbsp;--&nbsp;<a href="game.php?page=trade&amp;mode=mytrade" class="vt-p">Mes annonces</a>' +
        '&nbsp;--&nbsp;<a href="game.php?page=trade&amp;mode=delivery" class="vt-p">Mes livraisons</a>' +
        '<!--&nbsp;--&nbsp;<a href="game.php?page=trade&amp;mode=seeneg">Négociation/Enchère (<font color=red>5</font>)</a><br/>-->';
    document.getElementById("tradeMenu").innerHTML = menu.innerHTML;
});

/**
 *  Vendeur de vaisseaux
 */
Router.add("page=fleetDealer", function() {
 	/* menu de navigation */
    document.getElementById("article").getElementsByClassName("content_area")[0].childNodes[0].setAttribute("style", "text-shadow: 0px 2px 0px #EEE");
    
    /* Insertion du menu */
    /*var ships = document.getElementById("shipID");
    var article = document.createElement("div");
    var text = document.getElementsByClassName("secondary_content");
    var pos = document.getElementsByClassName("news_article");
    article.className = "article_content";
    article.innerHTML = '<div class="title_block dark_hatch_container"><div class="content"><div id="tradeMenu"><h3 style="line-height: 0.5em;">' +
        '<a href="game.php?page=trader" class="vt-p">Vendre des ressources</a>' +
        '<a class="vt-p">&nbsp;&nbsp;&nbsp;---&nbsp;&nbsp;&nbsp;</a><a href="game.php?page=fleetDealer" class="vt-p">Vendre des vaisseaux</a>' +
        '</h3></div></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div>' +
        '</div></div></h3><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div>' +
        '<div class = text_block">' +
        '<div class="message message-info"> Ici vous pourrez vous débarasser des vaisseaux devenus inutiles, il est même possible que vous parveniez à en tirer quelque chose...</div>' +
        text[0].innerHTML;
    pos[0].innerHTML = article.innerHTML;*/
});

/**
 *  Carte de la galaxie 2 Dimensions
 */
Router.add("page=galaxy2d", function() {
    document.getElementById("galatav").innerHTML = document.getElementById("exp").innerHTML;
    document.getElementById("exp").innerHTML = '';
});

/**
 *  Carte de la galaxie Tableau
 */
Router.add("page=galaxytable", function() {
    var navigation = document.createElement("form");
    navigation.setAttribute("action", "?page=galaxytable");
    navigation.setAttribute("method", "post");
    navigation.setAttribute("id", "galaxy_form");
    navigation.innerHTML = document.getElementsByClassName("article_content")[0].childNodes[3].innerHTML;
    document.getElementsByClassName("article_content")[0].insertBefore(navigation, document.getElementsByClassName("article_content")[0].childNodes[6]);
});




Router.apply(newURL);


///////////////////////////// MODIFICATIONS GENERALES /////////////////////////////

/* --------     Coloration des barres de progression (gris->vert)     --------- */
{
    if (document.settings.greenBar.getValue() == "true")
    {
        var progressbar = document.createElement("style");			// Style progressbar
        progressbar.innerHTML = '.ui-progressbar-value {\r\n'+
            'background-image: url("http://i.imgur.com/4eEOUoz.jpg");\r\n'+
            'background-position: left top;\r\n'+
            'border-color: #000000;\r\n'+
            '}';
        document.getElementsByTagName('head')[0].appendChild(progressbar);
    }
}


/* --------     Suppression d'Alicia et sa bulle     --------- */
					/* N'a plus lieu d'être, conservation du code en cas de résurgence d'un système similaire */
/*{
    if (document.settings.alicia.getValue() == "false") {
        document.getElementById("mini-IA").parentNode.removeChild(document.getElementById("mini-IA"));
        document.getElementById("IA").parentNode.removeChild(document.getElementById("IA"));
    }
}

/* --------     Modification de l'image des points de compétence, ajout du lien     --------- */
{
    var icone = document.getElementsByClassName("flaticon-heart27");
    var comp = icone[0].parentNode.parentNode.parentNode;
    icone[0].className = 'flaticon-robot3';
    comp.href = "?page=officier";
    comp.setAttribute("data-tooltip-content", "Compétences");
}

/* --------     Affichage de l'étoile electrum     --------- */
{
    document.getElementsByClassName("ressourcedarkmatterheader")[0].getElementsByClassName("res_current")[0].innerHTML += '<a href="http://dystopiaonline.fr/v1.0.2/game.php?page=itemshop"><span class="flaticon-star19" style="color: #FFD700"></span></a>';
    
}

/* --------     Intégration du lien du bloc-note dans la fenêtre principale     --------- */
{
    var blocNoteRef = document.getElementsByClassName("hatch_strip");	// Référence position nouveau Bloc-Note
    var blocNote = document.createElement("div");			//Nouveau Bloc-Note
    blocNote.innerHTML = '<div style="margin-left: 475px; margin-top: 70px;"><a href="javascript:OpenPopup(\'?page=notes\', \'notes\', 720, 300);" class="home_page_promo_link vt-p">Bloc-Note</a></div>';
    blocNoteRef[0].insertBefore(blocNote, blocNoteRef[0].childNodes[0]);
}

/* --------     Bouton de déconnexion     --------- */
{
    var deconnexion = document.createElement("div");
    deconnexion.innerHTML = '<div style="z-index: 7; border: 2px solid #000; border-radius: 20px 20px 20px 20px; right: 250px; top: 75px; height: 40px; width: 40px; background-color: grey; position: fixed;"><center><a href="?page=logout" class="tooltip vt-p" data-tooltip-content="<div style=\'color: red;\'> Déconnexion</div>">'+
    								'<span class="flaticon" style="font-family: Websymbol; font-size: 25px; color: red;">`</span>'+
							'</a></center></div>';
    document.getElementsByClassName("content_area")[0].insertBefore(deconnexion, document.getElementsByClassName("content_area")[0].childNodes[0]);
}

/* --------     menu du haut personnalisé     --------- */
{
    var ref = document.createElement("div");
    var message = document.createElement("div");
    var chat = document.createElement("div");
    var nombres = document.getElementsByClassName("newmessageicone");
	var nbMess = nombres[1];
    var nbChat = nombres[0];
    	//gestion des messages et du chat
	if (nombres[1] == undefined)
    {
        nbMess = nombres[0];
	    if (nbMess.innerHTML == 0)
    	{
   	     message.innerHTML = '<div style="position: relative;">'+
    	   						'<a href="?page=messages" class="tooltip vt-p" data-tooltip-content="Messages">'+
									'<span class="flaticon" style="font-family: Websymbol; font-size: 35px; color: white;">8</span>'+
							'</a></div>';
	    }
	    else
    	{
			message.innerHTML = '<div style="position: relative;">'+
            						'<a href="?page=messages" class="tooltip newmessage vt-p" data-tooltip-content="Messages<span id=\'newmes\'> (<span id=\'newmesnum\'>' + nbMess.innerHTML + '</span>)</span>">' +
										'<span class="flaticon" style="font-family: Websymbol; font-size: 35px; color: red;">8</span>' +
            							'<span class="newmessageicone">' + nbMess.innerHTML + '</span>'+
								'</a></div>';
	    }
   	    chat.innerHTML =	'<a href="game.php?page=chat" target="chat" data-tooltip-content="Chat" class="tooltip vt-p">'+
								'<span class="flaticon-facebook21" style="color: #FFF;  font-size: 42px;"></span>'+
							'</a>';
    }
    else
    {
	    if (nbMess.innerHTML == 0)
    	{
   	     message.innerHTML = '<div style="position: relative;">'+
    	   						'<a href="?page=messages" class="tooltip vt-p" data-tooltip-content="Messages">'+
									'<span class="flaticon" style="font-family: Websymbol; font-size: 35px; color: white;">8</span>'+
							'</a></div>';
	    }
	    else
    	{
			message.innerHTML = '<div style="position: relative;">'+
            						'<a href="?page=messages" class="tooltip newmessage vt-p" data-tooltip-content="Messages<span id=\'newmes\'> (<span id=\'newmesnum\'>' + nbMess.innerHTML + '</span>)</span>">' +
										'<span class="flaticon" style="font-family: Websymbol; font-size: 35px; color: red;">8</span>' +
            							'<span class="newmessageicone">' + nbMess.innerHTML + '</span>'+
								'</a></div>';
	    }
   	    chat.innerHTML =	'<div style="position: relative;">' +
								'<a href="game.php?page=chat" target="chat" data-tooltip-content="Chat" class="tooltip vt-p">'+
									'<span class="flaticon-facebook21" style="color: lime;  font-size: 42px;"></span>'+
									'<span class="newmessageicone" style=" top: 11px; right: -1px;">' + nbChat.innerHTML + '</span>'+
							'</a></div>';
    }
		ref.innerHTML = '<table style="width: 90%;"><tbody><tr><td class="transparent">'+
								'<a href="?page=fiche" class="tooltip vt-p" data-tooltip-content="Fiche personnage">'+
    								'<span class="flaticon-male11" style="font-family: Websymbol; font-size: 35px; color: white;"></span>'+
							'</a></td>'+
            				'<td class="transparent">' + chat.innerHTML + '</td>'+
            				'<td class="transparent">' + message.innerHTML + '</td>'+
            				'<td class="transparent">'+
								'<a href="game.php?page=buddyList" data-tooltip-content="Amis" class="tooltip vt-p">'+
    								'<span class="flaticon-multiple25" style="color: #FFF;  font-size: 40px;"></span>'+
                            '</a></td>'+
            				'<td class="transparent">'+
					            '<a href="http://f.dystopiaonline.fr/index.php?page=Index" target="forum" data-tooltip-content="Forum" class="tooltip vt-p">'+
    								'<span class="flaticon" style="font-family: Websymbol; color: #FFF;  font-size: 32px;">?</span>'+
                            '</a></td>'+
							'<td class="transparent">'+
								'<a href="game.php?page=ticket" data-tooltip-content="Support" class="tooltip vt-p">'+
    								'<span class="flaticon" style="font-family: Websymbol; color: #FFF;  font-size: 32px;">M</span>'+
							'</a></td>'+
							'<td class="transparent">'+
								'<a href="game.php?page=settings" data-tooltip-content="Configuration" class="tooltip vt-p">'+
    								'<span class="flaticon-services1" style="color: #FFF; font-size: 40px;"></span>'+
							'</a></td>';
    document.getElementsByClassName("menutop")[0].innerHTML = ref.innerHTML ;
}

/* --------     menu de gauche personnalisé     --------- */
{
    var countdown = document.getElementsByClassName("countdown2");			// Décompte pour le bonus de présence
    leftMenu.className = 'section parent_section clearfix col3 wrap';
    if (countdown[0] == undefined)
    {
        leftMenu.innerHTML = '<div class="section parent_section clearfix col3 wrap" style="margin-left: 12px;padding: 0px;margin-top: 18px;"><div class="article clearfix no_margin"><div class="container">'+
            '<a href="game.php?page=bonus" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container" style="text-shadow: 0 0 1em #F7FE2E, 0 0 0.5em #F7FE2E"><div class="content"><blockquote>'+
            'Bonus de présence !'+
            '</blockquote></div><div class="bg"><div class="left_chrome"></div></div></div><div class="hover" style="width: 95%;"></div></a></div></div></div>';
    }
    else
    {
        leftMenu.innerHTML = '<div class="section parent_section clearfix col3 wrap" style="margin-left: 12px;padding: 0px;margin-top: 18px;"><div class="article clearfix no_margin"><div class="container">'+
            '<a href="#" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote style="text-align: center;">'+
            '<span class="countdown2" secs="' + countdown[0].getAttribute("secs") + '"></span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>'+
            '</blockquote></div><div class="bg"><div class="left_chrome"></div></div></div><div class="hover" style="width: 95%;"></div></a></div></div></div>';
    }
    leftMenu.innerHTML = '<div class="section parent_section clearfix col3 wrap" style="margin-top: 10px;"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=itemshop" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote style="color: #FFD700;"><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'ItemShop'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-star19" style="color: yellow"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+
        
         leftMenu.innerHTML +
//
        '<div class="section parent_section clearfix col3 wrap" style="margin-top: -8px;"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=overview" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Salle de Contrôle'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-command" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+

        '<div class="section parent_section clearfix col3 wrap"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=mission" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Missions'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-small21" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+

        '<div class="section parent_section clearfix col3 wrap"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=fleetTable" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Flottes'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-satellite22" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+

        '<div class="section parent_section clearfix col3 wrap"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=galaxy2d" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Galaxie'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-atom7" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+
//
        '<div class="section parent_section clearfix col3 wrap" style="margin-top: 25px;"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=buildings" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Infrastructures'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-wrench44" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+

        '<div class="section parent_section clearfix col3 wrap"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=research" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Recherches'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-beaker4" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+

        '<div class="section parent_section clearfix col3 wrap"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=shipyard&amp;mode=fleet" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Hangar'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-peephole1" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+

        '<div class="section parent_section clearfix col3 wrap"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=shipyard&amp;mode=defense" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Armement Défensif'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-checkered7" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+

        '<div class="section parent_section clearfix col3 wrap"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=bank" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Compartiment'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-bank11" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+
//
        '<div class="section parent_section clearfix col3 wrap" style="margin-top: 25px;"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=trader" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Marché'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-businessmen13" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+

        '<div class="section parent_section clearfix col3 wrap"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=trade" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Marché Noir'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-triangle26" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+

        '<div class="section parent_section clearfix col3 wrap"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=Lottery" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Taverne'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-rain18" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+
//
        '<div class="section parent_section clearfix col3 wrap" style="margin-top: 25px;"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=techtree" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Technologies'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-3d78" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+

        '<div class="section parent_section clearfix col3 wrap"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=statistics" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Classement'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-bars42" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+

        '<div class="section parent_section clearfix col3 wrap"><div class="article clearfix no_margin"><div class="section clearfix col6 home_callout career"><div class="container">'+
        '<a href="game.php?page=alliance" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote><table style="width: 100%"><tbody><tr><td class="transparent" style="text-align: left;">'+
        'Alliance'+
        '</td><td class="transparent" style="text-align: right; width: 20px;">'+
        '<span class="flaticon-legal" style="color: #FFF"></span>'+
        '</td></tr></tbody></table></blockquote></div><div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div><div class="hover"></div></a></div></div></div></div>'+
//
        '<div class="article clearfix no_margin" style="margin-top: 25px;"><div class="section clearfix col6 home_callout career"><div class="container"><a href="game.php?page=settings&target=pdo" class="home_page_promo_link vt-p"><div class="title_block dark_hatch_container"><div class="content"><blockquote style="text-align: center;">'+
        '<span>Options P.D.O</span>'+
        '</blockquote></div><div class="bg"><div class="left_chrome"></div></div></div><div class="hover" style="width: 95%;"></div></a></div></div></div></div>'+
        '<br><br>';
    document.getElementById("leftmenu").innerHTML = leftMenu.innerHTML;
}

/**
 *  FAQ Area
 */
if (window.location.href.split("?")[1] == "page=questions&mode=single&categoryID=1&questionID=1"){
    document.getElementsByClassName("article_content")[0].innerHTML = '<div class="article_content"><div class="title_block dark_hatch_container"><div class="content"><h3 style="height: 34px; margin-top: 10px;"><table style="width: 100%;"><tbody><tr>'+
	'<td class="transparent" style="box-shadow: 0px 0px 0px 0px; text-align: left;">'+
		'FAQ - Step 1'+
	'</td><td class="transparent" style="box-shadow: 0px 0px 0px 0px; text-align: right;margin-right: 5px;">'+
		'<a class="button red vt-p" href="game.php?page=questions">'+
			'Retour'+
		'</a>'+
	'</td>'+
'</tr></tbody></table></h3></div>'+
'<div class="bg"><div class="left_chrome"></div><div class="top_right_chrome"></div><div class="bottom_right_chrome"></div></div></div>'+
	'<div class="text_block"><div class="secondary_content"><table><tbody><tr>'+
		'<td class="transparent" style="box-shadow: 0px 0px 0px 0px; text-align: left;">'+
			'<p>Dans cette partie du tutoriel, it is described the main buildings of the game. This explains how they should be built in the beginning and what is required to build a successful Empire.</p>'+
			'<h3>Solar plant:</h3>'+
			'<p>In order to produce accurate, precise resources that build the Solar plant, that is required for a positive manufacturing resource, so that the production does not get negative or you have the resources produced by complete</p>'+
			'<h3>Metal mine:</h3>'+
			'<p>The metal is one of the three features that will be available in the game. The metal is used for almost anything you can build or research. Therefore, a good expansion of this mine is advisable.</p>'+
			'<h3>Crystal mine and Deutà © rio: synthesizer</h3>'+
			'<p>The Crystal is an important resource for buildings, ships, and research. It is produced to a lesser extent than metal, which makes it more expensive.In the course of the game, you will see the how the Crystal is required. The deutà © is a source of energy, is the basis of fuel resources and an important research (research lab).</p>'+
		'</td>'+
	'</tr>'+
'</tbody></table></div></div></div>';
}