$(document).ready(function() {
	var searchTimeout;
	function search(value,type,limit) {
		$("div.search").find("div.results").html('<ul></ul>');
		$("div.search").find("div.results").find("ul").append('<li class="searching">Probíhá vyhledávání...</li>');
		$.getJSON( "/rest/get/search.js?value=" + value + "&type=" + type + "&limit=" + limit, function( data ) {
			var parsedata = JSON.parse(data)["results"];
			var count = parsedata.length;
			var realcount = JSON.parse(data)["count"];
			var morelink = "/search/" + value + "/" + type;
			getResults(parsedata,count,realcount,morelink);
		});
	}
	function getResults(data,count,realcount,morelink) {
		$("div.search").find("div.results").find("ul").html('');
		if(count == 0) $("div.search").find("div.results").find("ul").append('<li class="empty">Nic nebylo nalezeno</li>');
		else {
			$.each(data, function( key, val ) {
				var type = val["type"];
				if(type == "map") {
					$("div.search").find("div.results").find("ul").append('<li></li>');
					$("div.search").find("div.results").find("ul").find("li").last().addClass("map");
					$("div.search").find("div.results").find("ul").find("li").last().append('<a href="/mode/explorer/' + val["mid"] + '/map"></a>');
					$("div.search").find("div.results").find("ul").find("li").last().find("a").append('<i class="las la-map-marker"></i>');
					$("div.search").find("div.results").find("ul").find("li").last().find("a").append('<span></span>');
					$("div.search").find("div.results").find("ul").find("li").last().find("a").find("span").append('<b>' + val["name"] + '</b>');
					$("div.search").find("div.results").find("ul").find("li").last().find("a").find("span").append(val["category"]);
				} else if(type == "user") {
					$("div.search").find("div.results").find("ul").append('<li></li>');
					$("div.search").find("div.results").find("ul").find("li").last().addClass("user");
					$("div.search").find("div.results").find("ul").find("li").last().append('<a href="/user/' + val["uid"] + '"></a>');
					$("div.search").find("div.results").find("ul").find("li").last().find("a").append('<img src="' + val["avatar"] +'" alt="avatar">');
					if(val["premium"] == 1) $("div.search").find("div.results").find("ul").find("li").last().find("a").find("img").addClass("premium");
					$("div.search").find("div.results").find("ul").find("li").last().find("a").append('<span></span>');
					$("div.search").find("div.results").find("ul").find("li").last().find("a").find("span").append('<b>' + val["nickname"] + '</b>');
					$("div.search").find("div.results").find("ul").find("li").last().find("a").find("span").append("Uživatel");

				}
			});
		}
		if(realcount > count) $("div.search").find("div.results").find("ul").append('<li class="viewmore"><a target="_Blank" href="' + morelink + '">Zobrazit více výsledků</a></li>');
	}
	function loadMostPlayedMaps(limit) {
		$.getJSON( "/rest/get/homepage_mostplayed_maps.js?limit=" + limit, function( data ) {
			var parsedata = JSON.parse(data)["maps"];
			var count = parsedata.length;
			var i = 0;
			if(count == 0) {
				$("div.maps.mostplayed").append('<p>Není tu žádná nehranější mapa</p>');
			} else {
				$("div.maps.mostplayed").append('<ul class="large"></ul>');
  				$.each(parsedata, function( key, val ) {
					$("div.maps.mostplayed").find("> ul").last().append('<li id="' + val["mid"] + '" data-search="' + val["name"] + '"></li>');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).append('<div style="background-image: url(\'' + val["lowimage"] + '\')"></div>');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).find("div").last().append('<img src="' + val["image"] + '" alt="' + val["name"] + '">');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).find("div").last().find("img").imgLoad(function(){
    						$(this).fadeIn(700);
					});
					if(val["medal"] != "None") $("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).find("div").last().append('<img class="medal" src="/images/medals/medal_' + (val["medal"]).toLowerCase() + '_b.png" alt="Medaile">');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).append('<div></div>');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).find("div").last().append('<h4></h4>');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).find("div").last().find("h4").append('<a href="/mode/explorer/' + val["mid"] + '/map">' + val["name"] + '</a>');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).find("div").last().append('<p>' + val["description"] + '</p>');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).find("div").last().append('<button><i class="las la-gamepad"></i> Hrát</button>');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).find("div").last().find("button").on("click", function() {
						if(global_can_click == true) {
							global_can_click = false;
													dialogNotify("<h2>Nejsi přihlášen</h2><p>K hraní je potřeba být přihlášen, aby se mohlo ukládat skóre. Vytvořte si bezplatný účet, abyste mohli hrát neomezený počet her denně.</p><div class='buttons'><a href='/signup'>Vytvořit účet</a><a href='/signin'>Přihlásit se</a></div>","always");
												}
					});
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).append('<ul></ul>');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-stopwatch"></i> Čas: ' + val["time"] + '</li>');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-redo-alt"></i> Počet kol: 5</li>');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-map-marker-alt"></i> Počet lokací: ' + val["locations"] + '</li>');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-trophy"></i>  <span>Obtížnost: ' + val["score"] + '</span></li>');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-users"></i> Počet hraní: ' + val["plays"] + '</li>');
					$("div.maps.mostplayed").find("> ul").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-thumbs-up"></i> Počet palců: ' + val["likes"] + '</li>');
					i++;
					if(i == 3) $("div.maps.mostplayed").append('<ul class="small"></ul>');
				});
			}
		});
	}
	function loadNewestMaps(limit) {
		$.getJSON( "/rest/get/homepage_newest_maps.js?limit=" + limit, function( data ) {
			var parsedata = JSON.parse(data)["maps"];
			var count = parsedata.length;
			var i = 0;
			if(count == 0) {
				$("div.maps.newest").append('<p>Není tu žádná nejnovější mapa</p>');
			} else {
				$("div.maps.newest").append('<ul class="large"></ul>');
  				$.each(parsedata, function( key, val ) {
					$("div.maps.newest").find("> ul").last().append('<li id="' + val["mid"] + '" data-search="' + val["name"] + '"></li>');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).append('<div style="background-image: url(\'' + val["lowimage"] + '\')"></div>');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).find("div").last().append('<img src="' + val["image"] + '" alt="' + val["name"] + '">');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).find("div").last().find("img").imgLoad(function(){
    						$(this).fadeIn(700);
					});
					if(val["medal"] != "None") $("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).find("div").last().append('<img class="medal" src="/images/medals/medal_' + (val["medal"]).toLowerCase() + '_b.png" alt="Medaile">');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).append('<div></div>');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).find("div").last().append('<h4></h4>');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).find("div").last().find("h4").append('<a href="/mode/explorer/' + val["mid"] + '/map">' + val["name"] + '</a>');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).find("div").last().append('<p>' + val["description"] + '</p>');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).find("div").last().append('<button><i class="las la-gamepad"></i> Hrát</button>');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).find("div").last().find("button").on("click", function() {
						if(global_can_click == true) {
							global_can_click = false;
													dialogNotify("<h2>Nejsi přihlášen</h2><p>K hraní je potřeba být přihlášen, aby se mohlo ukládat skóre. Vytvořte si bezplatný účet, abyste mohli hrát neomezený počet her denně.</p><div class='buttons'><a href='/signup'>Vytvořit účet</a><a href='/signin'>Přihlásit se</a></div>","always");
												}
					});
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).append('<ul></ul>');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-stopwatch"></i> Čas: ' + val["time"] + '</li>');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-redo-alt"></i> Počet kol: 5</li>');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-map-marker-alt"></i> Počet lokací: ' + val["locations"] + '</li>');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-trophy"></i>  <span>Obtížnost: ' + val["score"] + '</span></li>');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-users"></i> Počet hraní: ' + val["plays"] + '</li>');
					$("div.maps.newest").find("> ul").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-thumbs-up"></i> Počet palců: ' + val["likes"] + '</li>');
					i++;
					if(i == 3) $("div.maps.newest").append('<ul class="small"></ul>');
				});
			}
		});
	}
	function loadLocationsCount() {
		$.getJSON( "/rest/get/homepage_locations_count.js", function( data ) {
			var count = JSON.parse(data)["count"];
			var duration = (Math.floor(count / 1000)) * 1500;
			animateLocationsCount(0, count, duration)
		});
	}
	function animateLocationsCount(start, end, duration) {
  		var startTimestamp = null;
  		const step = (timestamp) => {
    		if (!startTimestamp) startTimestamp = timestamp;
    			const progress = Math.min((timestamp - startTimestamp) / duration, 1);
    			$("div.randommap").find("div.sub").find("span").find("b").text(Math.floor(progress * (end - start) + start));
    			if (progress < 1) window.requestAnimationFrame(step);
		};
		window.requestAnimationFrame(step);
	}
	$("div.randommap").find("button").on("click", function() {
		if(global_can_click == true) {
			global_can_click = false;
						dialogNotify("<h2>Nejsi přihlášen</h2><p>K hraní je potřeba být přihlášen, aby se mohlo ukládat skóre. Vytvořte si bezplatný účet, abyste mohli hrát neomezený počet her denně.</p><div class='buttons'><a href='/signup'>Vytvořit účet</a><a href='/signin'>Přihlásit se</a></div>","always");
					}
	});
	$("div.search").find("> input").on("keypress keyup paste input", function(e) {
		if(e.type == "keypress") {
			if(e.which == 13) {
				var value = $(this).val();
				if(value.length >= 2) {
					var link = "/search/" + value + "/" + "all";
					location.href = link;
				}
			}
		} else {
			if(e.type == "keyup" || e.type == "input") {
				var value = $(this).val();
				if(searchTimeout) clearTimeout(searchTimeout);
				searchTimeout = setTimeout(function() {
					if(value.length >= 2) search(value,"all",25);
					else $("div.search").find("div.results").html('');
				}, 200);
			} else {
				var value = $(this).val();
				if(value.length >= 2) search(value,"all",25);
				else $("div.search").find("div.results").html('');
			}
		}
	});
	loadMostPlayedMaps(7);
	loadLocationsCount();
	loadNewestMaps(7);
});