// ==UserScript==
// @name richard.kolisek
// @version 1.8
// @description utility
// @grant       none
// @require http://code.jquery.com/jquery-1.10.2.min.js
// @require https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.bundle.min.js
// @include http://www.meliorannis.com/*
// ==/UserScript==

Array.prototype.diff = function(a) {
    return this.filter(function(i) {return a.indexOf(i) < 0;});
};

var percentColors = [
    { pct: 0.0, color: { r: 0xff, g: 0x00, b: 0 } },
    { pct: 0.5, color: { r: 168, g: 168, b: 168 } },
    { pct: 1.0, color: { r: 0x00, g: 0xff, b: 0 } } ];

var percentToColor = function(pct)
{
	for (var i = 0; i < percentColors.length; i++)
	{
		if (pct <= percentColors[i].pct)
		{
			var lower = (i === 0) ?  percentColors[i] : percentColors[i - 1];
			var upper = (i === 0) ? percentColors[i + 1] : percentColors[i];
			var range = upper.pct - lower.pct;
			var rangePct = (pct - lower.pct) / range;
			var pctLower = 1 - rangePct;
			var pctUpper = rangePct;

			var color =
			{
				r: Math.floor(lower.color.r * pctLower + upper.color.r * pctUpper),
				g: Math.floor(lower.color.g * pctLower + upper.color.g * pctUpper),
				b: Math.floor(lower.color.b * pctLower + upper.color.b * pctUpper)
			};

			return 'rgb(' + [color.r, color.g, color.b].join(',') + ')';
		}
	}
};

function getLastDbValue(id, property, searchHoursInPast)
{
    var dbValues = localStorage[id];
    if (dbValues)
    {
        dbValues = JSON.parse(dbValues);
        dbValues.reverse();

        for (var i in dbValues) {

            var hourDifference = Math.abs(new Date() - new Date(dbValues[i].date)) / 36e5;
            if (searchHoursInPast && hourDifference > searchHoursInPast)
            {
                if (dbValues[i][property])
                    return dbValues[i][property];
            }
            else if (!searchHoursInPast)
            {
                if (dbValues[i][property])
                    return dbValues[i][property];
            }
        }
    }

    return -1;
}

function renderChangesValue(id, power, area, powerPos, areaPos, row, ot, otPos, pastValueResolver)
{
	var powerDb = pastValueResolver(id, 'power');
	var areaDb = pastValueResolver(id, 'area');
    var otDb = pastValueResolver(id, 'ot');

	var columns = $(row).children();

	var powerColumn = $(columns[powerPos]);
	renrerValue(id, 'power', power, powerDb==-1 ? power : powerDb, true, powerColumn);

    $('#' + id + '-dialog').click(function() {
        $('#' + id + '-dialog').css("display", "none");
    });

	if(areaPos)
	{
		var areaColumn = $(columns[areaPos]);
		renrerValue(id, 'area', area, areaDb==-1 ? area : areaDb, false, areaColumn);
	}

    if (otPos)
    {
        var otPlus = Number(ot) - Number(otDb);

        if (otPlus || otPlus > -1)
        {
            var otColumn = $(columns[otPos]);
            renrerValue(id, 'ot', otPlus, otPlus, false, otColumn);
        }
    }
}

function renrerValue(id, type, value, valueDb, isPercent, whereToRender)
{

	var percent = Math.round(percent * 10) / 10;
	percent = (value / (valueDb / 100) - 100).toFixed(1) + '%';

    var val = (Math.round((value - valueDb) / 100) / 10) + 'k';

    if (type === 'ot')
    {
        val = value;
    }

	var element = '<font size="2" class="to-remove">(<span id="' + id + '-' + type + '" class="' + type +'">' + (isPercent ? percent : val) + '</span>)';
    whereToRender.append(element);
    whereToRender.click(function()
       {
        var storage = localStorage[id];
        var fakeRowId = 'fakeRow' + id;

        if (storage && $('#' + fakeRowId).length === 0)
        {
            var data = JSON.parse(storage);
            data.reverse();

            $('<tr class="fakeRow"><td colspan="20" >' +
              '<div id="' + fakeRowId + '"style="background-color: white; width: 800px;"></div>' +
              '</td></tr>').insertAfter($(whereToRender.parent()));

            renderChart(data, 'power', id, $('#' + fakeRowId));
            renderChart(data, 'area', id, $('#' + fakeRowId));
            renderChart(data, 'ot', id, $('#' + fakeRowId));

            $('#' + fakeRowId).click(function() {$('.fakeRow').remove();});
        }
        else
        {
            $('.fakeRow').remove();
        }

    });
}

function renderChart(data, type, id, elemtToAppend)
{
    var chartId = type + 'Chart' + id;

    $(elemtToAppend).append('<canvas id="' + chartId + '" width="1000" height="200"/>');

    var datasets = createDataSet(data, type);

    var tempData = {
        type: "line",
        data: {
            datasets : [ {label : datasets.label, data : datasets.data}]
        },
        options: {
            responsive : true,
            scales: {
                yAxes: [
                    { position : 'right'}
                ],
                xAxes: [{
                    type: 'time',
                    unit: 'hour',
                    unitStepSize: 1,
                    time: {
                        displayFormats: {
                            'millisecond': 'HH:mm',
                            'second': 'HH:mm',
                            'minute': 'HH:mm',
                            'hour': 'HH:mm',
                            'day': 'HH:mm',
                            'week': 'HH:mm',
                            'month': 'HH:mm',
                            'quarter': 'HH:mm',
                            'year': 'HH:mm',
                        },
                        round : 'hour'
                    }
                }]
            },
            title: {
                display: false
            }
        },
    };

    var ctx = document.getElementById(chartId).getContext("2d");
    new Chart(ctx, tempData);
}

function createDataSet(data, type)
{
    var includedHours = [];
    var hoursBack = 48;

    var clearData = $(data).filter(
        function(index, row)
        {
            var hourDiff = Math.round(((new Date() - new Date(row.date)) / 36e5) * 10) / 10;
            // every 1/10h should have one value, 24h back
            var result = row[type] && hourDiff < hoursBack;//  && !includedHours.includes(hourDiff);
            includedHours.push(hourDiff);
            return result;
        });

    var labels = [], chartData=[];

    var yesterday = new Date(new Date().getTime() - (hoursBack * 60 * 60 * 1000));
    chartData.push({x : yesterday, y : null});

    $.each(clearData, function(index, packet) {
        chartData.push({x : new Date(packet.date), y : parseFloat(packet[type])});
    });

    var now = new Date();
    chartData.push({x : now, y : null});

    return { label : type, labels : labels, data: chartData };
}

function formatDate(date)
{
    var d = new Date(date);
    return [d.getDate(), (d.getMonth()+1)].join('.') + ' ' +
        [ d.getHours(), d.getMinutes()].join(':');
}

function spies()
{
    var table = $('#spies_report');

    if (table)
    {
        var id = table.find('sup').text().replace('(', '').replace(')', '');
        var powerColumn = table.find('td:contains("Síla provincie")').next();
        var power = Number(powerColumn.text().split('(')[0]);
        var powerMine = Number($('.value_power').text());

        var powerDb = getLastDbValue(id, 'power');

        if (powerColumn.length !== 0)
        {
            powerColumn.append('<br/><a id="adjustArmy">Pripravit armadu na utok</a>');
            renrerValue(id, 'power', power, powerDb==-1 ? power : powerDb, true, powerColumn);
        }

        $('#adjustArmy').click(
            function() {
                localStorage.powerDiff = (power * 1.245) - powerMine;
                window.location.href = $( "a:contains('Armáda')" ).attr('href');
            });
    }

    $('#left_column_wrapper').append('<label>Nazev jednotky stitu</label><br/>');
    $('#left_column_wrapper').append('<input type="text" id="shieldUnit" style="width: 120px;" />');

    $('#shieldUnit').css('background', 'url("/html/img/inputs_sprite.png") 0 0 no-repeat transparent');
    $('#shieldUnit').val(localStorage.shieldUnit ? localStorage.shieldUnit : '');
    $('#shieldUnit').on("change keyup paste", function() { localStorage.shieldUnit = $('#shieldUnit').val();});

    if (localStorage.powerDiff && localStorage.powerDiff !== '' && localStorage.shieldUnit)
    {
        var selectUnit = $($('select')[1]).find('option:contains(' + localStorage.shieldUnit + ')').val();
        var unitPower = Number($('#army_table_army tr:contains(' + localStorage.shieldUnit + ') .army_unit_power').text());
        var unitExp = Number($('#army_table_army tr:contains(' + localStorage.shieldUnit + ') .army_unit_exp').text().replace('%', '').trim());

        var oneUnitPower;

        if (localStorage.powerDiff < 0)
        {
            oneUnitPower = (unitPower / 100) * unitExp;
            $($('select')[0]).val(selectUnit);
            $($('input[name="kolik"]')[0]).val(Math.abs(Math.round(localStorage.powerDiff / oneUnitPower)));
            $($('input[name="kolik"]')[0]).change();
        }
        else
        {
            oneUnitPower = unitPower * 0.4;
            $($('select')[1]).val(selectUnit);
            $($('input[name="kolik"]')[1]).val(Math.abs(Math.round(localStorage.powerDiff / oneUnitPower)));
            $($('input[name="kolik"]')[1]).change();
        }

        localStorage.powerDiff = '';
    }
}

function makeTableOrderable()
{
    var tables = $('table:contains("Síla"):contains("ID")');

	$.each(
		tables,
		function (i, table)
		{

			var headRow = $(table).find('.heading');

            var headColumns = $(headRow).find('td');
			$.each(headColumns,
				function (index, value)
				{
                    $(value).click(function(){
                        var table = $(this).parents('table').eq(0)
                        var rows = table.find('tr:gt(0)').toArray().sort(comparer($(this).index()))
                        this.asc = !this.asc
                        if (!this.asc){rows = rows.reverse()}
                        for (var i = 0; i < rows.length; i++){table.append(rows[i])}
                    })
                });
        });

    function comparer(index) {
        return function(a, b) {
            var valA = getCellValue(a, index);
            var valB = getCellValue(b, index);

            if ($.isNumeric(valA.replace(" ", "").replace(/ *\([^)]*\) */g, "")))
            {
                valA = valA.replace(" ", "").replace(/ *\([^)]*\) */g, "");
                valB = valB.replace(" ", "").replace(/ *\([^)]*\) */g, "");
            }

            return $.isNumeric(valA) && $.isNumeric(valB) ? valA - valB : valA.toString().localeCompare(valB);
        }
}
    function getCellValue(row, index){ return $(row).children('td').eq(index).text() }
}

function renderTableInfo(table, pastValueResolver)
{
    var rows = $(table).find('tr');

    var headRow = rows.filter(
        function(index, row)
        {
            return $(row).find('td:contains("ID")').length==1;
        }
    );

    var idPos;
    var namePos;
    var powerPos;
    var areaPos;
    var otPos;

    var headColumns = $(headRow).find('td');
    $.each(headColumns,
           function (index, value)
           {
               var text = $(value).text().trim();
                if(text==='ID')
                    idPos = index;
                if(text==='Regent')
                    namePos = index;
                if(text.indexOf("Síla")===0)
                    powerPos = index;
                if(text==='Rozloha' || text === 'hAR')
                    areaPos = index;
                if(text==='O.T.')
                    otPos = index;

          });

    $.each(rows,
           function (index, value)
           {
        if (index > 0) // skip header row
        {
            var columns = $(value).children();
            var id = $(columns[idPos]).children("span").clone().children().remove().end().text().trim();

            if (!id)
            {
                id = $(columns[idPos]).text().trim();
            }

            var name = $(columns[namePos]).text().trim();
            var power = $(columns[powerPos]).text().split('*').join('').trim();
            var area;
            var ot;

            if(areaPos)
                area = $(columns[areaPos]).text().trim();
            if(otPos)
                ot = $(columns[otPos]).text().trim();

            renderChangesValue(id, power, area, powerPos, areaPos, value, ot, otPos, pastValueResolver);

            if(!isNaN(parseFloat(id)))
            {
                var data = localStorage[id];
                var array = [];

                var lastDbValPower = getLastDbValue(id, 'power');
                var lastDbValOt = getLastDbValue(id, 'ot');
                var lastDbValArea = getLastDbValue(id, 'area');
                var dataChanged = true;

                if (lastDbValPower || lastDbValOt)
                    dataChanged = (power && power !== lastDbValPower) || (ot && ot !== lastDbValOt) || (area && area !== lastDbValArea);

                if(data)
                    array= JSON.parse(data);

                if (dataChanged)
                {
                    array.push({"power" : power, "area" : area, "date" : Date(), "ot": ot, "name": name});
                    localStorage[id] = JSON.stringify(array);
                }
                else
                {
                    array[array.length-1].date = new Date();
                    localStorage[id] = JSON.stringify(array);
                }
            }
        }
    });

    colorPercentages(table, '.power');
	colorPercentages(table, '.area');
	colorPercentages(table, '.ot');
}

function main()
{
	var tables = $('table:contains("Síla"):contains("ID"):not(#onlinePlayers)');

    var pastValueResolver = (id, prop) => getLastDbValue(id, prop);
	$.each(tables, function (i, table) { renderTableInfo(table, pastValueResolver); });
}

function colorPercentages(table, selector)
{
	var percentElements = $(table).find(selector);
	var percentValues = $.map(
		percentElements,
		function(value)
		{
			return $(value).text().replace('k','').replace('%', '').replace('(', '').replace(')', '');
		}
	);
	var percentMax = Math.max.apply(Math, percentValues);
	var percentMin = Math.min.apply(Math, percentValues);

	percentMax = percentMax === 0 ? 1 : percentMax;
	percentMin = percentMin === 0 ? 1 : percentMin;

	$.each(
		percentElements,
		function(index, value)
		{

			var currentValue = $(value).text().replace('k','').replace('%', '').replace('(', '').replace(')', '');
			var relativePercent = 0;

			if(currentValue >= 0)
			{
				relativePercent = 50 + (Math.abs(currentValue) / (Math.abs(percentMax) / 50));
			}
			else
			{
				relativePercent = 50 - (Math.abs(currentValue) / (Math.abs(percentMin) / 50));
			}

			$(value).css('color', percentToColor(relativePercent / 100));
		}
	);
}

function renderHistoryTextField()
{
    var tables = $('table:contains("Síla"):contains("ID"):not(#onlinePlayers)');

    $.each(
		tables,
		function (i, table)
		{
            $(table).after("<label>Pocet hodin do zadu</label><input id='hour-field" + i + "' type='text'/>");
            $('#hour-field' + i).change(function()
            {
                var searchHoursInPast = Number($( this ).val().trim());
                var pastValueResolver = (id, prop) => getLastDbValue(id, prop);

                $(table).find(".to-remove").remove();
                renderTableInfo(table, pastValueResolver);
            });
        });
}

function kokotMeasure()
{
    if (!localStorage.kokotMeasure)
        localStorage.kokotMeasure = 0;
    localStorage.kokotMeasure = Number(localStorage.kokotMeasure) + 1;
    $('body').append('<label style="position: absolute; left: 0; top: 0;">Jak velky jsi kokot: ' + localStorage.kokotMeasure + '</div>');
}

function myPower()
{
    var power = $('.value_power').text();
    var powerDb = Number(localStorage.me);
    var powerDifference = (power - powerDb);

    if (powerDifference)
    {
        $('#LS_power_value').append('<span id="powerId" style="padding-left: 5px;">' + powerDifference + '</span>');

        if (powerDifference < 0)
        {
            $('#powerId').css('color', 'RGB(255, 0, 0)');

            document.title = 'Pokles o ' + powerDifference;
            beep(powerDifference);
        }
        else
        {
            $('#powerId').css('color', 'RGB(0, 255, 0)');
        }
    }

    localStorage.me = power;
}

function beep(difference)
{
    if (localStorage.powerDiffEnabled === "true" && Math.abs(difference) > Number(localStorage.powerDiffTreshold))
    {
        (new Audio('http://www.freespecialeffects.co.uk/soundfx/music/trumpets.wav')).play();
    }
}

function checkNewMessage()
{
     if (!localStorage.powerDiffTreshold)
    {
        localStorage.powerDiffTreshold = 0;
    }

    $('#left_column_wrapper').append('<br/><label style="padding-right: 25px;">New message notifier</label>');

    $('#left_column_wrapper').append('<input id="messageNotifier" type="checkbox"/><br/>');
    $('#messageNotifier').prop('checked', localStorage.messageNotifier === "true");
    $('#messageNotifier').on("change keyup paste", function() {localStorage.messageNotifier = $("#messageNotifier").is(':checked');});

    if ($('.new_post').length > 0 && localStorage.messageNotifier === "true")
    {
        (new Audio('https://www.mediacollege.com/downloads/sound-effects/star-trek/tng/tng-worf-incomingmessage.wav')).play();
    }
}

function renderShieldStackPerc()
{
    var shieldPwrElem = $('#econ_units_list').find('tr.tr_even:first > td:nth-child(6)');
    var shieldPwr = Number(shieldPwrElem.text());
    var totalPwr = Number($('#econ_units_list').find('.tr_econ_summary > td:nth-child(3)').text());

    if (shieldPwr && totalPwr)
    {
        var shieldPerc = (100 * shieldPwr) / totalPwr;

        shieldPwrElem.append(' (<span style="color: RGB(0, 255, 0);">' + shieldPerc.toFixed(1) + '%</span>)');
    }
}

function renderNotes()
{
    $('#left_column_wrapper').append('<br/><label>Notes</label><br/>');
    $('#left_column_wrapper').append('<textarea rows="4" cols="50" id="notes"></textarea>');
    $('#notes').val(localStorage.notes ? localStorage.notes : '');
    $('#notes').on("change keyup paste", function() {
        localStorage.notes = $('#notes').val();
    });
}


    function formatDuration(duration) {
        var seconds = (duration / 1000).toFixed(0);

        if (seconds > 60) {
            var minutes = (seconds / 60).toFixed(0);

            if (minutes > 60) {
                var hours = (minutes / 60).toFixed(0);

                if (hours > 24) {
                    var days = (hours / 24).toFixed(0);

                    return "před " + days + "d";
                } else {
                    return "před " + hours + "h";
                }
            } else {
                return "před " + minutes + "m";
            }
        } else {
            return "před " + seconds + "s";
        }
    }

function renderPlayers() {

    function getPlayerTable(players) {
        var currentTime = new Date();

        var tableStart =
            '<table id="listings_table_top20"><tbody>' +
                        '<tr class="heading">' +
                            '<td class="attacks_id">ID</td>' +
                            '<td class="attacks_regent">Regent</td>' +
                            '<td class="attacks_pwr">Síla</td>' +
                            '<td class="attacks_protection"></td>' +
                            '<td class="attacks_time">Čas vložení</td>' +
                        '</tr>';

        for (var i = 0; i < players.length; i++) {
            tableStart = tableStart +
                '<tr>' +
                    '<td class="attacks_id">' + players[i].id + '</td>' +
                    '<td class="attacks_regent">' + players[i].name + '</td>' +
                    '<td class="attacks_pwr">' + players[i].power + '</td>' +
                    '<td class="attacks_protection">' + (players[i].protection ? '*' : '') + '</td>' +
                    '<td class="attacks_time">' + (formatDuration(Math.abs(currentTime - new Date(players[i].lastUpdate)))) + '</td></tr>';
        }

        var tableEnd = '</tbody></table></div></div>';

        return tableStart + tableEnd;
    }

    var playersLink = $('#Attacks_list_detail a').attr("href").replace("vypis=utoky_detailne", "players");
    $('#Attacks_list_detail').after('<li id="playersLink"><a href="' + playersLink + '">Hráči</a></li>');

    if (window.location.href.indexOf("players") != -1) {
        $('#central_column_bottom').empty();

        getAllPlayers(function(data) {
            $('#central_column_bottom').append(getPlayerTable(data));
        });
    }
}

function autorefresh()
{

    $('#left_column_wrapper').append('<br/><label>Auto hlidka (sec)</label><br/>');
    $('#left_column_wrapper').append('<input id="watchInterval" type="text" style="width: 120px;">');
    $('#left_column_wrapper').append('<input id="autoWatch" type="checkbox"/><br/>');
    $('#left_column_wrapper').append('<label>Bestiar</label><input id="autowatchBestiar" type="checkbox"/><br/>');
    $('#left_column_wrapper').append('<label>Cska</label><input id="autowatchCs" type="checkbox"/><br/>');
    $('#left_column_wrapper').append('<label>Armada</label><input id="autowatchArmy" type="checkbox"/><br/>');
    $('#left_column_wrapper').append('<label>Hospodareni</label><input id="autowatchHospodareni" type="checkbox"/><br/>');
    $('#left_column_wrapper').append('<label>Kouzla</label><input id="autowatchMagic" type="checkbox"/><br/>');
    $('#left_column_wrapper').append('<label>Aliance</label><input id="autowatchAliance" type="checkbox"/><br/>');
    $('#left_column_wrapper').append('<label>Mozne cile</label><input id="autowatchAllowedTargets" type="checkbox"/><br/>');

    $('#autoWatch').css('position', 'absolute');
    $('#autoWatch').css('top', '20px');
    $('#autoWatch').css('left', '5px');

    $('#watchInterval').css('background', 'url("/html/img/inputs_sprite.png") 0 0 no-repeat transparent');
    $('#watchInterval').val(localStorage.watchInterval ? localStorage.watchInterval : '');
    $('#watchInterval').on("change keyup paste", function() { localStorage.watchInterval = $('#watchInterval').val();});

    addCheckboxDbListener('autoWatch');
    addCheckboxDbListener('autowatchBestiar');
    addCheckboxDbListener('autowatchCs');
    addCheckboxDbListener('autowatchArmy');
    addCheckboxDbListener('autowatchHospodareni');
    addCheckboxDbListener('autowatchMagic');
    addCheckboxDbListener('autowatchAliance');
    addCheckboxDbListener('autowatchAllowedTargets');

    var timer;

    if (localStorage.autoWatch === "true")
    {
        timer = startTimer();
    }

    $('#autoWatch').on("change keyup paste",
        function()
        {
            if ($("#autoWatch").is(':checked'))
            {
                timer = startTimer();
            }
            else if(timer)
            {
                clearInterval(timer);
            }
        });
}

function addCheckboxDbListener(id)
{
    $('#' + id).prop('checked', localStorage[id] === "true");
    $('#' + id).on("change keyup paste", function() { localStorage[id] = $("#" + id).is(':checked')});
}

function startTimer()
{
        var counter = Number(localStorage.watchInterval) * 1000;
        var timer = setTimeout(
            function()
            {
                var settingArray = ['autowatchBestiar', 'autowatchCs', 'autowatchArmy', 'autowatchHospodareni', 'autowatchMagic', 'autowatchAliance', 'autowatchAllowedTargets'];
                settingArray = settingArray.filter(setting => localStorage[setting] === 'true')

                var type = settingArray[Math.floor(Math.random() * settingArray.length)];;

                console.log(type);

                if (type === 'autowatchBestiar')
                {
                    window.location.href = $( "a:contains('Bestiář')" ).attr('href');
                }
                else if (type === 'autowatchCs')
                {
                    window.location.href = $( "a:contains('Výpis útoků')" ).attr('href');
                }
                else if (type === 'autowatchArmy')
                {
                    window.location.href = $( "a:contains('Armáda')" ).attr('href');
                }
                else if (type === 'autowatchHospodareni')
                {
                    window.location.href = $( "a:contains('Hospodaření')" ).attr('href');
                }
                else if (type === 'autowatchMagic')
                {
                    window.location.href = $( "a:contains('Magie a kouzla')" ).attr('href');
                }
                else if (type === 'autowatchAliance')
                {
                    window.location.href = $( "a:contains('Moje aliance')" ).attr('href');
                }
                else if (type === 'autowatchAllowedTargets')
                {
                    window.location.href = $( "a:contains('Možné cíle')" ).attr('href');
                }

                timer = setTimeout(this, 1000 + counter * Math.random());
            }, (2500 + counter * Math.random()));

    return timer;
}

function powerDiffAlarm()
{
    if (!localStorage.powerDiffTreshold)
    {
        localStorage.powerDiffTreshold = 0;
    }

    $('#left_column_wrapper').append('<br/><label style="padding-right: 25px;">Power alarm (power)</label>');

    $('#left_column_wrapper').append('<input id="powerDiffEnabled" type="checkbox"/><br/>');
    $('#powerDiffEnabled').prop('checked', localStorage.powerDiffEnabled === "true");
    $('#powerDiffEnabled').on("change keyup paste", function() {localStorage.powerDiffEnabled = $("#powerDiffEnabled").is(':checked');});

    $('#left_column_wrapper').append('<input id="powerDiffTreshold" type="text" style="width: 120px;"><br/>');
    $('#powerDiffTreshold').css('background', 'url("/html/img/inputs_sprite.png") 0 0 no-repeat transparent');
    $('#powerDiffTreshold').val(localStorage.powerDiffTreshold);
    $('#powerDiffTreshold').on("change keyup paste", function() { localStorage.powerDiffTreshold = $('#powerDiffTreshold').val();});
}

function checkBestiar()
{
    $('#left_column_wrapper').append('<br/><label style="padding-right: 25px;">Bestiar check (unit.exp,unit2.exp)</label>');

    $('#left_column_wrapper').append('<input id="bestiarEnabled" type="checkbox"/><br/>');
    $('#bestiarEnabled').prop('checked', localStorage.bestiarEnabled === "true");
    $('#bestiarEnabled').on("change keyup paste", function() { localStorage.bestiarEnabled = $("#bestiarEnabled").is(':checked'); });

    $('#left_column_wrapper').append('<textarea id="bestiarText" rows="2" cols="50"><br/>');

    $('#bestiarText').val(localStorage.bestiarText ? localStorage.bestiarText : '');
    $('#bestiarText').on("change keyup paste", function() { localStorage.bestiarText = $('#bestiarText').val();});

    if (window.location.pathname.includes("obchod") && localStorage.bestiarText && localStorage.bestiarEnabled === "true")
    {
        var unitExpPairs = localStorage.bestiarText.split(",");
        var count = 0;

        $.each(unitExpPairs,
              function(index, unitExpPair)
              {
                  var unit = unitExpPair.split(".")[0].trim();
                  var exp = Number(unitExpPair.split(".")[1].trim());
                  var stack;

                  if (unit.includes("#"))
                  {
                      stack = unit.split('#')[1].trim();
                      unit = unit.split('#')[0].trim();
                  }

                  // unit elements
                  var elements = $("#beast_shop tr:not(.best_me_buyer):contains('" + unit + "')");

                  elements = elements.filter(
                      function(i, el)
                      {
                          var expEl = $(el).find(".beast_shop_unit_exp");
                          var stackV = $(el).find(".beast_shop_unit_stack");

                          return exp <= Number($(expEl).text().replace('%', '')) ||  stack <= Number($(stackV).text());
                      }
                  );

                  $.each(elements,
                      function(index, el)
                      {
                          $(el).css('background-color', 'darkred');
                      });

                  // contains unit
                  if (elements.length !== 0)
                  {
                          if (unit === 'Str')
                          {
                              unit = "Shooter stack bigger " + stack;
                          }

                          var url = 'http://api.voicerss.org/?key=9ed0aef9a2c64bc5abd65ca333588164&c=wav&hl=ru-ru&src=' + unit;

                          setTimeout(function(){
                          (new Audio(url)).play();}, 1000 * count);
                          count++;
                  }
              }
        );
    }
}

function checkCs() {
    var csList = $(".attacks_list_wrapper:contains('Bráněné útoky') > .attacks_wrapper > .attacks_table > tbody > tr:not('.heading'):contains('nevráceno')");

    var count = 0;

    $.each(csList, function (i, cs) {
        var name = $(cs).find('.attacks_regent').text();
        var powerDiff = Number($(cs).find('.attacks_pwr').text().split('%')[0].split('(')[1]);
        console.log(cs);
        if (powerDiff < 0) {
          var url = 'http://api.voicerss.org/?key=9ed0aef9a2c64bc5abd65ca333588164&c=wav&hl=ru-ru&src=' + name + '%20down';

          setTimeout(function() {
              (new Audio(url)).play();}, 1000 * count);
              count++;
        }
    });
}

function renderPlayersOnline()
{

    $('#left_column_wrapper').append('<br/><label style="padding-right: 25px;">Online player treshold (h)</label>');

    $('#left_column_wrapper').append('<input id="onlinePlayerEnabled" type="checkbox"/><br/>');
    $('#onlinePlayerEnabled').prop('checked', localStorage.onlinePlayerEnabled === "true");
    $('#onlinePlayerEnabled').on("change keyup paste", function(){localStorage.onlinePlayerEnabled = $("#onlinePlayerEnabled").is(':checked');});

    $('#left_column_wrapper').append('<input type="text" id="onlinePlayerTreshold" style="width: 120px;" /><br/>');

    $('#onlinePlayerTreshold').val(localStorage.onlinePlayerTreshold ? localStorage.onlinePlayerTreshold : '');
    $('#onlinePlayerTreshold').on("change keyup paste", function() { localStorage.onlinePlayerTreshold = $('#onlinePlayerTreshold').val();});

    if (!localStorage.onlinePlayerTreshold)
    {
        localStorage.onlinePlayerTreshold = 0.5;
    }

    if (localStorage.onlinePlayerEnabled !== "true")
    {
        return;
    }

    var treshold = Number(localStorage.onlinePlayerTreshold);
    var changedValues = Array.apply(0, new Array(localStorage.length))
        .map(function (o, i) {return localStorage.key(i);})
        .filter(function(i){return /^\d+$/.test(i)})
        .map(function(id)
        {
            var otVal = getPreviousVal(id, treshold, "ot");
            var areaVal = getPreviousVal(id, treshold, "area");
            var powerVal = getPreviousVal(id, treshold, "power");
            var powerDb = getLastDbValue(id, 'power');

            var dates = [otVal, areaVal, powerVal]
                .filter(val => val)
                .sort((a, b) => (a.date > b.date) ? 1 : -1);

            if (dates && dates.length > 0)
            {
                var result = dates[0];
                result["id"] = id;
                result["powerOrder"] = powerDb;
                if (powerVal)
                {
                    result["power"] = powerVal.power;
                }
                if (areaVal)
                {
                    result["area"] = areaVal.area;
                }
                if (otVal)
                {
                    result["ot"] = otVal.ot;
                }
                return result;
            }
        })
        .filter(val => val)
        .sort((a, b) => (a.powerOrder > b.powerOrder) ? 1 : -1);;

    var tableContent = changedValues.map(function(val)
        {
            var powerDb = getLastDbValue(val.id, 'power');
            var areaDb = getLastDbValue(val.id, 'area');
            var name = getLastDbValue(val.id, 'name');
            var timeDiff = Math.abs(new Date() - new Date(val.date));
            var otsDiff = getLastDiff(val.id, treshold, "ot");

            return '<tr><td class="onlineIds">' + val.id + '</td><td>' + name + '</td><td>' + powerDb + '</td><td>' + areaDb + '</td><td>+' +
                otsDiff + '</td><td>' + formatDuration(timeDiff)  + '</td></tr>';
        })
        .join('');

    $(document.body).append('<table id="onlinePlayers" style="bottom: 0;width: 300px; position: fixed;right: 20px;background-color: black;">' +
                                      '<tr class="heading"><td>ID</td><td>Name</td><td>Síla</td><td>hAR</td><td>Tahy</td><td><td></tr>' +
                                      tableContent +
                                      '</table>');

    var selectedIds = localStorage["selectedIds"] ? JSON.parse(localStorage["selectedIds"]) : [];
    var onlineIds = $('.onlineIds').map(function(){
               return $.trim($(this).text());
            }).get();

    var selectedOnlineIds = selectedIds
        .filter(id => onlineIds.includes(id))
        .filter(function(item, pos, self) {return self.indexOf(item) == pos;}); // remove redundances;

    // remove non online from map
    localStorage["selectedIds"] = JSON.stringify(selectedOnlineIds);
    selectedOnlineIds.forEach(id => markTableRowWithId(id, true));

    $('.onlineIds').on('click', function(event)
    {
        var id = $(event.target).text().trim();
        var selectedIds = JSON.parse(localStorage["selectedIds"]);
        if (selectedIds.includes(id))
        {
            selectedIds.pop(id);
            markTableRowWithId(id, false);
        }
        else
        {
            selectedIds.push(id);
            markTableRowWithId(id, true);
        }
        localStorage["selectedIds"] = JSON.stringify(selectedIds);
    });

    var pastValueResolver = (id, prop) =>
    {
        var filtered = changedValues.filter(val => val.id === id);

        if (filtered && filtered[0][prop])
        {
            return filtered[0][prop];
        }
        return getLastDbValue(id, prop);
    }
    renderTableInfo($('#onlinePlayers'), pastValueResolver);
}

function markTableRowWithId(id, mark)
{
    var tr = $('table:contains("ID")').find('tr:contains("' + id +'")');
    if (tr && mark)
    {
        $(tr).css("background-color", "#9400D3");
        $('html, body').animate({
            scrollTop: ($(tr).first().offset().top)
        },10);
    }
    else if (tr)
    {
        $(tr).css("background-color", "");
    }
}


function getPreviousVal(id, treshold, property)
{
    var arr = filterDbValuesByTimeTreashold(id, treshold);
    var values = arr
        .filter(function(val) {return val[property]})
        .map(e => e[property])
        .map((e, i, final) => final.indexOf(e) === i && i)
        .filter(e => arr[e])
        .map(e => arr[e]);

    if (values.length > 1)
    {
        return values[1];
    }
}

function getLastDiff(id, treshold, property)
{
    var values = filterDbValuesByTimeTreashold(id, treshold)
        .map(function(val) {return val[property]})
        .filter(function(val) {return val})
        .filter(function(item, pos, self) {return self.indexOf(item) == pos;}); // remove redundances

    var diff = 0;

    if (values.length > 1)
    {
        diff = values[0] - values[1];
    }

    return diff;
}

function filterDbValuesByTimeTreashold(id, treshold)
{
    var dbValues = JSON.parse(localStorage[id]);

    dbValues.reverse();
    return dbValues.filter(function(i) {return ((Math.abs(new Date() - new Date(i.date)) + 1000) / 36e5) < treshold;});
}

function renderNoteForPlayer()
{
    $('.tt_player').on('click', function(event)
    {
        // how to get id?
        var id = $(event.target).text().trim().substring(0,4);;

        var popup = $('.tooltip:contains("' + id + '")')[0];

        $('.tooltip').css('background-color', 'black');
        if ($(popup).find('textarea').length === 0)
        {
            $(popup).append('<br/><label>Notes for player</label><br/>');
            $(popup).append('<textarea rows="4" cols="50" id="notes' + id + '"></textarea>');
            $('#notes' + id).val(localStorage["notes" + id] ? localStorage["notes" + id] : '');
            $('#notes' + id).on("change keyup paste click", function(event)
            {
                localStorage["notes" + id] = $('#notes' + id).val();
                event.stopPropagation();
            });
        }
    });
}

renderNoteForPlayer();
renderPlayersOnline();
makeTableOrderable();
renderNotes();
checkBestiar();
powerDiffAlarm();
renderPlayers();
renderShieldStackPerc();
myPower();
kokotMeasure();
renderHistoryTextField();
main();
spies();
autorefresh();
checkCs();
checkNewMessage();