$(document).ready(function() {


$('h1').replaceWith('<div id="preview"><div id="img"></div></div>');
$('h1').replaceWith('<div id="preview"><div id="img"></div></div>');
$('#leaderboard-hud h4').html('Xo+J');
$('title').html('OGARio - XO+J');
$('#mainPanel #img').css("opacity","0.9","background","url('"+$('#skin').val()+"')");
$('.leaderboard-panel').html('<style>.leaderboard-panel{width: 85px;height: 597px;}#skinz{display: inline-block;-webkit-box-shadow: 0px 0px 10px 1px rgba(740, 54, 1, 1.75); -moz-box-shadow: 0px 0px 10px 1px rgba(255, 0, 0); box-shadow: 0px 0px 10px 1px rgba(740, 54, 1, 1.75);cursor:pointer;width:50px;height:50px;maRgin:2px;border-radius:100000000px;}</style> <div id="skinz" style="opacity: 1;" class="1"></div> <div id="skinz" style="opacity: 1;" class="2"></div> <div id="skinz" style="opacity: 1;" class="3"></div><div id="skinz" style="opacity: 1;" class="4"></div><div id="skinz" style="opacity: 1;" class="5"></div><div id="skinz" style="opacity: 1;" class="6"></div><div id="skinz" style="opacity: 1;" class="7"></div><div id="skinz" style="opacity: 1;" class="8"></div><div id="skinz" style="opacity: 1;" class="9"></div><div id="skinz" style="opacity: 1;" class="10"></div>');

for (var i = 1; i < 11; i++) {
    if (localStorage.getItem('profile'+i) === null){
    localStorage.setItem('profile'+i, null);
    }
}


    $('.1,.2,.3,.4,.5,.6,.7,.8,.9,.10').on('click',function() {
	var dd = $(this).attr('class');
	var skinzz = JSON.parse(localStorage["profile"+dd]);
			localStorage.setItem('activeprofile', dd);
	$('#clantag').val(skinzz[0]);
	$('#nick').val(skinzz[1]);
	$('#skin').val(skinzz[2]);
	$('#mainPanel #img').css("opacity","0");
	$('#mainPanel #img').css("background","url('"+$('#skin').val()+"')");
	$('#mainPanel #img').css("opacity","0.9");


    var p = localStorage.getItem('activeprofile');
	var profile1 = new Array();
	profile1[0] = $('#clantag').val();
	profile1[1] = $('#nick').val();
	profile1[2] = $('#skin').val();
	localStorage["profile"+p] = JSON.stringify(profile1);

    });


window.setProfile = function(x) {
    var f = localStorage.getItem('activeprofile');
    if(x === 0) f--;
    if(x === 1) f++;
    if(f < 1) f = 10;
    if(f > 10) f = 1;
	localStorage.setItem('activeprofile', f);


	var data = JSON.parse(localStorage["profile"+f]);
	$('#clantag').val(data[0]);
	$('#nick').val(data[1]);
	$('#skin').val(data[2]);
	$('#mainPanel #img').css("opacity","0");
	$('#mainPanel #img').css("background","url('"+$('#skin').val()+"')");
	$('#mainPanel #img').css("opacity","0.9");
};



$('#clantag, #skin, #nick').on("input", function(){
    $('#mainPanel #img').css("background","url('"+$('#skin').val()+"')");
    var p = localStorage.getItem('activeprofile');
	var profile1 = new Array();
	profile1[0] = $('#clantag').val();
	profile1[1] = $('#nick').val();
	profile1[2] = $('#skin').val();
	localStorage["profile"+p] = JSON.stringify(profile1);
	    for (var i = 1; i < 11; i++) {
    	var skinz = JSON.parse(localStorage["profile"+i]);

        if (skinz !== null) {
    	$('.'+i).css("background","url('"+skinz[2]+"')");
        }


    }
});


$('#minimap-sectors').replaceWith('<img id="minimap-sectors" width="182" height="182" src="http://i.hizliresim.com/ZdZzbZ.png">');
$('head').append('<style>#img, #skinz{background-size: cover !important;}#helloContainer{margin-left: 190px;}#mainPanel #img, #skinz{	-webkit-box-shadow: 0px 0px 10px 1px rgba(255, 0, 0); -moz-box-shadow: 0px 0px 10px 1px rgba(255, 0, 0); box-shadow: 0px 0px 10px 1px rgba(255, 0, 0);}#minimap-hud{border: 1px solid rgba(0, 0, 0, 0.15);}.hideskin{backgRound-coloR:#d43f3a !important;border-coloR:#d43f3a !important;cursor: pointer;}.showskin{cursor: pointer;background-color: #449d44 !important;border-color: #449d44 !important;}.btn-info{    color: #fff !important; background-color: #10E1FF !important; border-color: #357ebd !important;}#helloContainer{opacity: 0.9;}                                                                         #leaderboard-hud h4{font-size:23px;}#mainPanel h1{margin: 5px 0 5PX 0;}.hud, .hud-b{text-align: left !important; margin-right: -5px}#leaderboard-info{margin-top: 5px;}#main-menu{border-bottom:none !important; }.ogario-yt-panel, #ogario-ad, #version{display:none !important;}.btn-group-justified>.btn, .btn-group-justified>.btn-group{background: rgb(16, 16, 16);color: #adadad;border-color: #1e1d21;}.input-group-addon{background-color: rgba(255, 255, 255, 0.15);border: rgba(255, 255, 255, 0.15);}#mainPanel #img{transition: opacity .15s;margin: 0 60px;border-radius: 1000px;width:200px;height:200px;}.menu-tabs li.active{background-color: rgba(0, 0, 0, 0.65);border-radius: 2px;}.menu-tabs .active{color: #87c0d8 !important;}a:focus, a:hover{text-decoration: none;}.menu-tabs{padding: 6px 22px 6px 25px !important;border-radius: 2px;    background-color: rgba(255, 0, 203, 0.49);}.agario-panel, .btn, .form-control, .input-group-addon, .input-group-sm>.input-group-addon{border-radius: 2px;}                            .showskin, .btn-warning, .btn-success{background-color: #10E1FF !important; border-color: #10E1FF !important;}.btn-danger, .hideskin{backgRound-coloR: #10E1FF !important;border-coloR: #10E1FF !important;} .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info{background-color: #2d6ca1 !important;border-color: #2d6ca1 !important;} .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger, .hideskin:hover{    background-color: #af2f53 !important;border-color: #af2f53 !important;} .btn-shop, .btn-shop:active, .btn-shop:disabled{background-color: #32a5a7 !important;border-color: #2f9d9f !important;} .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning, .showskin:hover, .btn-success:hover{background-color: #29878a !important;border-color: #29878a !important;}.agario-panel{background-color: #0B0B0B;}.agario-panel input, .agario-panel select{background-color: rgba(255, 255, 255, 0.15);}</style>');
$('.party-panel, .agario-party, .agario-party-0, .agario-party-1, .agario-party-2, .agario-party-3, .agario-party-4, .agario-party-5, .agario-party-6, .agario-panel-gifting, .agario-profile-panel, .left-container').remove();
$('.hud, .hud-b').css('border-radius','0px');
$('h2').remove();
$('#fps-hud').css("bottom", "7px");
$('#fps-hud').css("top", "120");

//Theming Section
                $(".side-container.left-side").prepend('<div id="addMenuKontainer" class="agario-panel agario-side-panel" style="margin-bottom:0px !important"><div class="clear-menu-btnK"><input id="addMenuK" type="checkbox"><span class="topK"></span><span class="middleK"></span><span class="bottomK"></span><span class="circleK"></span></div><p style="text-align:center;color:#42A5F5">[+] Options</p></div>');
                $("#addMenuKontainer").after('<div id="additionalPanelK" class="agario-panel agario-side-panel" style="margin-top:0px;display:none;padding-top:0px !important;font-size:12px !important;font-family:Ubuntu"></div>');
                $("#addMenuK").on("click",function(){
                    $("#additionalPanelK").toggle();
                });

                 //Additional Settings Checks
                 var panelPlusK = $("#additionalPanelK");
                 var stSett = $(".col-xs-6.firstSettings");
                panelPlusK.append("<br><input id='opt_privateServer' type='checkbox'> Hide Private Servers<br>");
                var privatePanelK = $("#PrivateServersPanel");

                if(JSON.parse(localStorage.getItem("opt_privateServer"))===true){
                    $("#opt_privateServer").prop("checked",true);
                    privatePanelK.hide();
                }
                $("#opt_privateServer").change(function(){
                    if($(this).is(":checked")){
                        privatePanelK.hide();
                        localStorage.setItem("opt_privateServer",true);
                    } else {
                        privatePanelK.show();
                        localStorage.setItem("opt_privateServer",false);
                    }
                });

                panelPlusK.append("<input id='opt_radioK' type='checkbox'> Hide Radio<br>");

                if(JSON.parse(localStorage.getItem("opt_radioK"))===true){
                    $("#opt_radioK").prop("checked",true);
                    $("#Radio").hide();
                }
                $("#opt_radioK").change(function(){
                    if($(this).is(":checked")){
                        $("#Radio").hide();
                        localStorage.setItem("opt_radioK",true);
                    } else {
                        $("#Radio").show();
                        localStorage.setItem("opt_radioK",false);
                    }
                });

                panelPlusK.append("<input id='opt_shortcutProfile' type='checkbox'> Hide Profile Shortcuts<br>");
                if(JSON.parse(localStorage.getItem("opt_shortcutProfile"))===true){
                    $("#opt_shortcutProfile").prop("checked",true);
                    $("#profileShortContainer").hide();
                }
                $("#opt_shortcutProfile").change(function(){
                    if($(this).is(":checked")){
                        $("#profileShortContainer").hide();
                        localStorage.setItem("opt_shortcutProfile",true);
                    } else {
                        $("#profileShortContainer").show();
                        localStorage.setItem("opt_shortcutProfile",false);
                    }
                });

$('<div id="addMenuKontainer" class="agario-panel agario-side-panel" style="margin-bottom:0px !important;margin-left: 28px;"><div class="clear-menu-btnK"><input id="addMenuK" type="checkbox"><span class="topK"></span><span class="middleK"></span><span class="bottomK"></span><span class="circleK"></span></div><p style="text-align:center;color:#42A5F5">Some Options</p></div>')

$("#mainPanel").after('<div id="infoKdiv" style="background-color: rgba(61, 45, 72, 0.8);width: 350px;margin-left: 1px;border-bottom: 3.5px solid #FF00AF;font-size: 20px;padding: 5px;font-weight: 500;color: #FF00A3;margin-top: -40px;margin-bottom: 20px;" align="center">XO+J</div><div align="middle" id="Radio" class="RadioClass" style="display: block;width:100%;"><audio style="margin-middle: 3px;width:100%;" controls="" src="http://192.99.0.170:5529/;"><a href="music.html" target="radio" align="middle"></a></audio></div><div class="banner"><img src="http://extensiagarx.netau.net/herx/Hr.png" alt="" title="" /></div><style type="text/css">.banner{position:absolute;left:-134px;top:147px;}')



$('head').append('<script>function hideUrl() {$("head").append(\'<style>#skin {text-indent: -999999px!important;}</style>\'); $(".hideskin").replaceWith(\'<span class="input-group-addon showskin" onclick="showUrl()"><img src="http://i.imgur.com/DKZXxbz.png" width="15px"/></span>\'); localStorage.setItem("S_skin_url","hidden"); } function showUrl() {$("head").append(\'<style>#skin {text-indent: 0px!important;}</style>\'); $(".showskin").replaceWith(\'<span class="input-group-addon hideskin" onclick="hideUrl()"><img src="http://i.imgur.com/DKZXxbz.png" width="15px"/></span>\'); localStorage.setItem("S_skin_url","shown"); } if (localStorage.getItem("S_skin_url") == "hidden") {$("head").append(\'<style>#skin {text-indent: -999999px!important;}</style>\'); $(".hideskin").replaceWith(\'<span class="input-group-addon showskin" onclick="showUrl()"><img src="http://i.imgur.com/DKZXxbz.png" width="15px"/></span>\'); } else {$("head").append(\'<style>#skin {text-indent: 0px!important;}</style>\'); } $(\'#mainPanel .input-group\').append(\'<span class="input-group-addon hideskin" onclick="hideUrl()"><img src="http://i.imgur.com/DKZXxbz.png" width="15px"/></span>\');</script>')




    var f = localStorage.getItem('activeprofile');
    var data = JSON.parse(localStorage["profile"+f]);
	$('#clantag').val(data[0]);
	$('#nick').val(data[1]);
	$('#skin').val(data[2]);
	$('#mainPanel #img').css("background","url('"+$('#skin').val()+"')");
    $('#minimap-sectors').replaceWith('<img id="minimap-sectors" width="182" height="182" src="http://i.hizliresim.com/ZdZzbZ.png">');

    for (var i = 1; i < 11; i++) {
    	var skinz = JSON.parse(localStorage["profile"+i]);

        if (skinz !== null) {
    	$('.'+i).css("background","url('"+skinz[2]+"')");
        }


    }


});