/// designed to detect live .paltitle's and popupa box called .paltitle
/// needs to move just like tooltip (this is not a plugin)

/// mouse over
$('area').live("mouseover", function() {
	
	var parking = $(this).hasClass("parking");
	var bottom = $(this).hasClass("bottom");
	
	if(parking == true) {
		var style = "class='blue'";
	} else {
		var style = "";
	}
	
	if(bottom == true) {
		var style = "class='bottom'";
	};
	
	var o = $(this);
	var title = $(o).attr("title");
	
	//title = searchval.replace('-','+')
	
	var data = "<div id='paltitle' style='position: absolute; z-index: 9000;' " + style + " ><p>" + title + "</p></div>";
	$(data).appendTo(document.body);
	
	/// mousemove while over the area
	$(o).mousemove(function(e) {
	
		//$('#log').append(e.pageX +', '+ e.pageY);
		
		/// nundge the div accordingly
		var left = e.pageX - 155;
		var top = e.pageY - 110;
		
		/// tell the popup div where to be
		$('#paltitle').css("left", left);
		$('#paltitle').css("top", top);
		
	});
	
});

/// mouse out
$('area').live("mouseleave", function() {
	$('#paltitle').remove();
});