$(document).ready(function() {
	$("div.guide").find("button").eq(0).on("click", function() {
		location.href = "/mode/explorer/guide";
	});
	$("div.tab").find("h2").on("click", function() {
		if(!$(this).hasClass("active") && global_can_click == true) {
			$("div.tab").find("h2.active").removeClass("active");
			$(this).addClass("active");
			if($(this).index() == 0) loadCategories(1,8);
			else if($(this).index() == 1) loadCategories(0,8);
			else if($(this).index() == 2) prepareInteractiveMap();
			global_can_click = false;
		}
	});
	function prepareInteractiveMap() {
		$.getScript( "/js/mode_explorer_interactivemap.js" ).done(function( script, textStatus ) {
    			loadInteractiveMap();
  		}).fail(function( jqxhr, settings, exception ) {
    			$("div.tab").find("h2.active").remove();
			$("div.tab").find("h2").eq(0).addClass("active");
			loadCategories(1,8);
		});
	}
	function loadCategories(official,limit) {
		$("div.maps").html('');
		$.getJSON( "/rest/get/explorer_categories.js?official=" + official, function( data ) {
			var parsedata = JSON.parse(data)["categories"];
			var count = parsedata.length;
			var cats = 0;
			if(count == 0) {
				$("div.maps").append('<h4>Není vytvořena žádná kategorie</h4>');
			} else {
  				$.each(parsedata, function( key, val ) {
					if(val["count"] != 0) {
						$("div.maps").append('<h3>' + val["name"] + ' <span>(' + val["count"] + ')</span></h3>');
						$("div.maps").append('<ul data-id="'+ val["id"] + '" class="large"></ul>');
						cats++;
						loadMaps(val["id"],official,val["count"],limit);
					}
				});
			}
			if(cats == 0) {
				$("div.maps").append('<p>Nebyla nalezena žádná mapa</p>');
			}
			global_can_click = true;
		}).fail(function() {
			dialogNotify("Nepodařilo se načíst kategorie, zkuste to později<br><br><a href=\"explorer\"><button>Zkusit znovu</button></a>","always");
		});
	}
	function loadMaps(category,official,catcount,limit) {
		$.getJSON( "/rest/get/explorer_maps.js?category=" + category + "&official=" + official + "&limit=" + limit, function( data ) {
			var parsedata = JSON.parse(data)["maps"];
			var count = parsedata.length;
			var i = 0;
			if(count == 0) {
				$("ul[data-id='" + category + "']").append('<p>V této kategorii není žádná mapa</p>');
			} else {
  				$.each(parsedata, function( key, val ) {
					$("ul[data-id='" + category + "']").last().append('<li id="' + val["mid"] + '"></li>');
					$("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).append('<div style="background-image: url(\'' + val["lowimage"] + '\')"></div>');
					$("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).find("div").last().append('<img src="' + val["image"] + '">');
					$("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).find("div").last().find("img").imgLoad(function(){
    						$(this).fadeIn(700);
					});
					if(val["medal"] != "None") $("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).find("div").last().append('<img class="medal" src="/images/medals/medal_' + (val["medal"]).toLowerCase() + '_b.png">');
					$("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).append('<div></div>');
					$("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).find("div").last().append('<h4></h4>');
					$("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).find("div").last().find("h4").append('<a href="/mode/explorer/' + val["mid"] + '/map">' + val["name"] + '</a>');
					$("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).find("div").last().append('<p>' + val["description"] + '</p>');
					$("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).find("div").last().append('<button><i class="las la-gamepad"></i> Hrát</button>');
					$("ul[data-id='" + category + "']").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");
												}
					});
					$("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).append('<ul></ul>');
					$("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-stopwatch"></i> Čas: ' + val["time"] + '</li>');
					$("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-redo-alt"></i> Počet kol: 5</li>');
					$("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-map-marker-alt"></i> Počet lokací: ' + val["locations"] + '</li>');
					$("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-trophy"></i>  <span>Obtížnost: ' + val["score"] + '</span></li>');
					$("ul[data-id='" + category + "']").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-users"></i> Počet hraní: ' + val["plays"] + '</li>');
					$("ul[data-id='" + category + "']").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) $("ul[data-id='" + category + "']").last().after('<ul data-id="' + category + '" class="small"></ul>');
				});
			}
			if(catcount > limit) {
				$("ul[data-id='" + category + "']").last().after('<a href="/mode/explorer/' + category.toLowerCase() + '/category">Zobrazit další</a>');
			}
		}).fail(function() {
			dialogNotify("Nepodařilo se načíst mapy, zkuste to později<br><br><a href=\"explorer\"><button>Zkusit znovu</button></a>","always");
		});
	}
	loadCategories(1,8);
	document.title = "Lokalákátor | Režim průzkumník";
});