//timer na zobrazeni obecnych informaci
var timer = null;
var timerRunning = false;

// Preload images
var imgr = new Array(17);
for(i=0;i<9;i++){
	imgr[i]=new Image();
	imgr[i].src=baseStaticDir+'img/hover-vila0'+(i+1)+'.gif';
}
for(i=9;i<17;i++){
	imgr[i]=new Image();
	imgr[i].src=baseStaticDir+'img/hover-vila'+(i+1)+'.gif';
}




$(document).ready(
function(){
	$('#tourmap area').hover(
		function(){
			if(timerRunning){
				clearTimeout(timer);
				timerRunning = false;
			}
			$('#tour-info div').hide();
			$('#tour-info div').load((this.href).replace('/vila/','/').replace('/villa/','/'),{ajax: 1},function(){$('#tour-info div').fadeIn(300);});
			setSelectedHover(this.href);
		
		},
		function(){
			timer = setTimeout('setDefaultHover()',800);
			timerRunning = true;
		 	$('#selectedHover').remove();
		}
	
	);	
}
);

setDefaultHover = function(){
	timerRunning=false;
	$('#tour-info div').hide();
	if(lang == 'cs'){
		$('#tour-info div').html('<img src="'+baseStaticDir+'img/tour.jpg" alt="Náhled projektu" width="182" height="182" />'+
			'<h3>Vyberte si svou vilu</h3>'+
			'<p>Bližší informace o vile získáte najetím kurzoru myši na parcelu s&nbsp;vilou.</p>'+
			'<p>Výběr vily provedete kliknutím na&nbsp;některou z vil k prodeji. Po kliknutí se vám zobrazí podrobné informace o vybrané vile.</p>');
	}else{
		$('#tour-info div').html('<img src="'+baseStaticDir+'img/tour.jpg" alt="Project preview" width="182" height="182" />'+
			'<h3>Choose your villa</h3>'+
			'<p>To see specific information, please move your mouse over any of the depicted villa patches.</p>'+
			'<p>You can select any villa available for sale by clicking on it with your left mouse button. This will show you detailed information about the villa.</p>');
	}
	$('#tour-info div').fadeIn(300);
}


setSelectedHover = function(url){
	var matches = url.match(/\?id=(.[^&]*)/);
	id = matches[1];
	
	$('#selectedHover').remove();
	$('#map-hover').before('<img id="selectedHover" src="'+baseStaticDir+'img/hover-'+id+'.gif" alt="" />');
}