// ==UserScript==
// @require      https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
// @name         Agarplus.io v2 - SkinChanger
// @author       Helinho
// @match        http*://agar.io
// @include      http://*agar.io/agarplus.io
// @grant        none
// ==/UserScript==

var sideContainer = '.side-container.left-side';
var leftContainer = '.forums';
var loadCheckInterval = 100;
var isPlaying = '#overlays';
var customSkin = '#skin_url';
var playButton = 'button[data-itr="play"]';
var skinChangerButton = '#skinChangerButton';
var albumField = '#albumField';
var intervalField = '#intervalField';
var imgurID = 'Client-ID 3d3ef891ffc63d7'
var current = 0;
var mainInterval;

var ci = setInterval(function()
{
    if ($(sideContainer).has(leftContainer).length)
    {
        clearInterval(ci);
        //Criar painel SkinChanger
        $(sideContainer).has(leftContainer).append('<div class="agario-panel agario-side-panel agarioProfilePanel level forums"><strong><center>SkinChanger</center></strong><input id="albumField" type="text" placeholder="Album ID" class="form-control"></input><input id="intervalField" type="text" placeholder="Tempo (ms)" class="form-control"><center><button id="skinChangerButton" class="btn btn-primary">Iniciar</button></center></div>');
        $(albumField).val(localStorage.getItem('album'));
        $(intervalField).val(localStorage.getItem('interval'));
        $(skinChangerButton).on('click', this, function()
        {
            //Criar bot�o SkinChanger
            if ($(skinChangerButton).text() == 'Iniciar')
            {
                $.ajax(
                {
                    url: 'https://api.imgur.com/3/album/' + $(albumField).val() + '/images',
                    type: 'GET',
                    dataType: 'json',
                    beforeSend: function(xhr)
                    {
                        xhr.setRequestHeader('Authorization', imgurID);
                    },
                    success: function(data)
                    {
                        $(skinChangerButton).text('Parar');
                        $(skinChangerButton).attr('style', 'background-color : red');
                        for (var i = 0; i < data.data.length; i++)
                        {
                            var img = new Image();
                            img.src = data.data.link;
                        }
                        //Salvar SkinChanger
                        localStorage.setItem('album', $(albumField).val());
                        localStorage.setItem('interval', $(intervalField).val());
                        mainInterval = setInterval(function()
                        {
                            $(customSkin).val(data.data[current].link);
                            if ($(isPlaying).css('display') == 'none')
                            {
                                $(playButton).trigger('onclick');
                            }
                            current++;
                            if (current == data.data.length)
                            {
                                current = 0;
                            }
                        }, parseInt($(intervalField).val()));
                    },
                    error: function()
                    {
                        //Mensage de erro SkinChanger
                        console.log('Erro ao carregar as skins!');
                    }
                });
            }
            else
            {
                clearInterval(mainInterval);
                $(skinChangerButton).text('Iniciar');
                $(skinChangerButton).attr('style', '');
            }
        });
    }
}, loadCheckInterval);