function SetShadowBg() {
	$("body").prepend('<div id="shadowLayer"></div>');
	$("#shadowLayer").height($(document).height());
	$("#shadowLayer").show();
	$("select").css("visibility", "hidden");
}

function OpenTopLayer(title, text, html) {
	SetShadowBg();
	$("#shadowLayer").after(''+
		'<div id="topLayerOuter"><div id="topLayerOuter2"><div id="topLayer">'+
			'<div class="tLIntroOuter"><div class="tLIntro">'+
				'<img class="close" src="'+host+'/images/icon_close.gif" alt="Zamknij" title="Zamknij" />'+
				'<h2>'+ title +'</h2>'+
				'<p>'+ text +'</p>'+
			'</div></div>'+
			html +
		'</div></div></div>');
	
	viewportHeight = $(window).height();
	$("#topLayerOuter").css("top", viewportHeight*0.15);
	
	$("#topLayer .close").click(function(){
		CloseTopLayer();
	});
}

function CloseTopLayer(url) {
	$("#topLayerOuter").remove();
	$("#shadowLayer").hide();
	$("select").css("visibility", "visible");
	
	if(url) {
		window.location = url;
	}
}

function OpenCityLayer() {
	var title = 'Wybierz miasto, w którym chciałby¶ się uczyć.';
	//var text = 'Wybierz miasto, a pojawi się ono jako klikalna zakładka na stronie i pozwoli ci na łatwe porównywanie ofert dostępnych w wybranych przez Ciebie lokalizacjach.';
	var text = '';
	var html = '<ul id="selectedCity"></ul><div id="cityList"></div>';
	
	OpenTopLayer(title, text, html);
	
	function prepareId(city) {
		var toSearch = ["±", "ć", "ę", "ł", "ń", "ó", "¶", "ż", "Ľ", " ", "-", "."];
		var toChange = ["a", "c", "e", "l", "n", "o", "s", "z", "z", "_", "_", ""];
		city = city.toLowerCase();
		for(i in toSearch) {
			city = city.replace(toSearch[i], toChange[i]);
		}
		return city;
	}
	
	$.get(host+"/!ajax.php?get=selectedcity", function(data){
		$("#selectedCity").append(data);
		$("#selectedCity .del").click(function(event){
			var cityName = $(this).prev("strong").text();
			var cityId = prepareId(cityName);
			
			$.get(host+"/!ajax.php?delete="+cityId+"", function(data){
				$("#navCity, #navTop").remove();
				$("#top").append(data);
				CloseTopLayer();
			});
			event.preventDefault();
		});
	});
	
	$.get(host+"/!ajax.php?get=citylist", function(data){
		$("#cityList").append(data);
		$("#cityList ul a").click(function(event){
			var cityName = $(this).attr("id");
			cityName = cityName.replace("#","");
			//var cityName = $(this).text();
			var cityId = prepareId(cityName);
			
			$.get(host+"/!ajax.php?add="+cityId+"", function(data){
				$("#navCity, #navTop").remove();
				$("#top").append(data);
				CloseTopLayer(host+"/wybor_filii/"+cityId);
			});
			event.preventDefault();
		});
	});
}