$(document).ready(function() {
	
	$("ul#topnav li").hover(function() {
		$(this).find("span").show();
	} , function() {
		$(this).find("span").hide();
	});
	
	$("span.recept_link").each(function (e) {
		$(this).click(function (ee) {
			var recept = $(this).attr('rel');
			
			$('.' + recept).css('display','block');
			$('.overlay').css('display','block');
			$('.close-btn').click(function (e) {
				$('.' + recept).css('display', 'none');
				$('.overlay').css('display', 'none');
			});
			$('.overlay').click(function (e) {
				$('.' + recept).css('display', 'none');
				$('.overlay').css('display', 'none');
			});
		});
	});
	
});