jQuery.ajaxSetup({ async: false });
var data = []

function getDateStamp() {
    var today = new Date();
    var dd = today.getDate();
    var mm = today.getMonth() + 1;
    var yyyy = today.getFullYear();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    if (dd < 10) { dd = '0' + dd }
    if (mm < 10) { mm = '0' + mm }
    if (h < 10) { h = '0' + h }
    if (m < 10) { m = '0' + m }
    if (s < 10) { s = '0' + s }
    return '[' + h + ':' + m + ':' + s + '] - ' + dd + '/' + mm + '/' + yyyy;
}

function loader(items, thingToDo, allDone) {
    if (!items) {
        return;
    }
    if ("undefined" === items.length) {
        items = [items];
    }
    var count = items.length;
    var thingToDoCompleted = function (items, i) {
        count--;
        if (0 == count) {
            allDone(items);
        }
    };
    for (var i = 0; i < items.length; i++) {
        thingToDo(items, i, thingToDoCompleted);
    }
}

function loadImage(data, i, onComplete) {
    var onLoad = function (e) {
        var style = [
            'font-size: 1px;',
            'padding: ' +  110 + 'px ' + 100 + 'px;',
            'background-size: ' + 100 + 'px ' + 150 + 'px;',
            'background: no-repeat url(' + data[i].url + ');'
        ].join(' ');
        console.log('Name', data[i].name)
        console.log('%c ', style);
        console.log(data[i].data.join('\n'))
        onComplete();
    }
    var img = new Image();
    img.addEventListener("load", onLoad, false);
    img.src = data[i].url;
}

var profileList = ['https://ts5.travian.asia/spieler.php?uid=165',
    'https://ts5.travian.asia/spieler.php?uid=47',
    'https://ts5.travian.asia/spieler.php?uid=4',
    'https://ts5.travian.asia/spieler.php?uid=54',
    'https://ts5.travian.asia/spieler.php?uid=7',
    'https://ts5.travian.asia/spieler.php?uid=488',
    'https://ts5.travian.asia/spieler.php?uid=529',
    'https://ts5.travian.asia/spieler.php?uid=986']

var image = []

for (var i = 0; i < profileList.length; i++) {
    $.get(profileList[i], (pRes) => {
        var n = $($.parseHTML(pRes)).find('#content .titleInHeader')[0].innerText.replace(/\n/g, '').replace(/\t/g, '')
        var u = $($.parseHTML(pRes)).find('.player img.heroImage')[0].src
        image[i] = { name: n, url: u, data: [] }
        var y = 0;
        $($.parseHTML(pRes)).find('#villages tbody tr').get().forEach(e => {
            if (y < 2) {
                image[i].data.push(getDateStamp() + ' ID: ' + $($.parseHTML(pRes)).find('#content .titleInHeader')[0].innerText.replace(/\n/g, '').replace(/\t/g, '') + ' : ' + e.cells[0].innerText.replace(/\n/g, '').replace(/\t/g, '') + ':' + e.cells[3].innerText.replace(/\n/g, '').replace(/\t/g, '') + ' POP: ' + e.cells[2].innerText.replace(/\n/g, '').replace(/\t/g, ''))
            }


            y++
        })
    })
}
loader(image, loadImage, function () {
});