$(document).ready(function(){
	
	var map = $("area");
	
	for(var p=1; p<=map.length; p++) {
		$("#kontakt"+p).css("display","none");
	}
	
	$(map).click(function(){
						  
		for(var p=1; p<=map.length; p++) {
			$("#kontakt"+p).css("display","none");
		}
		
		var id = $(this).attr("id").replace("kraj","");
		$("#kontakt"+id).css("display","block");
		
	});
	
	$(map).hover(function(){
		
		var cesta = "/mapa/"+$(this).attr("id").replace("kraj","")+".png";
		$("#mapa .mapka").css("background-image","url("+cesta+")");
	
	},function(){
	
		$("#mapa .mapka").removeAttr("style");
	
	});
	
	$(map).mouseover(function(e) {
		
		var tip = $(this).attr('title');	
		
		$(this).attr('title','');
		
		$("#mapa").append('<div id="tooltip"><div class="tipHeader"></div><div class="tipBody">' + tip + '</div><div class="tipFooter"></div></div>');		
				
		$('#tooltip').fadeIn('500');
		$('#tooltip').fadeTo('10',0.9);
		
	}).mousemove(function(e) {
	
		$('#tooltip').css('top', e.pageY + 10 );
		$('#tooltip').css('left', e.pageX + 20 );
		
	}).mouseout(function() {
	
		$(this).attr('title',$('.tipBody').html());
	
		$("#mapa").children('div#tooltip').remove();
		
	});
	
});