var hover_popup = null;
var popup_descs = new Object;
var	hover_popup_sticky = false;
var sticky_hide_event = false;
var	popup_timer = false;

// Add a new hover popup.
function add_hover_popup(description, location, id) {
	popup_descs[id] = {description: description, location: location};
	var	jqueryid = '#' + id.replace('.', '\\.');
	$(jqueryid).hover(function() {
		if ( !hover_popup_sticky ) {
			show_hover_popup($(this).attr('id'));
			if ( popup_timer !== false ) {
				clearTimeout(popup_timer);
				popup_timer = false;
			}
		}
	}, function() {
		if ( !hover_popup_sticky )
			popup_timer = setTimeout(hide_hover_popup, 500);
	}).click(function() {
		if ( !sticky_hide_event ) {
			// Click on the map to hide popups.
			sticky_hide_event = true;
			$('svg').click(hide_hover_popup);
		}
		if ( hover_popup_sticky )
			hide_hover_popup();
		else {
			show_hover_popup($(this).attr('id'));
			hover_popup_sticky = true;
		}
	});
}

// Show a hover popup.
function show_hover_popup(id) {
	hide_hover_popup();
	hover_popup = new OpenLayers.Popup(null, popup_descs[id].location, new OpenLayers.Size(10, 10), "", false);
	map.addPopup(hover_popup);
	$(hover_popup.div).html(popup_descs[id].description);
	$(hover_popup.div).addClass('hoverPopup');
	$(hover_popup.div).hover(function() {
		if ( popup_timer !== false ) {
			clearTimeout(popup_timer);
			popup_timer = false;
		}
	}, function() {
		if ( !hover_popup_sticky )
			popup_timer = setTimeout(hide_hover_popup, 500);
	});
}

function hide_hover_popup() {
	if ( hover_popup != null ) {
		map.removePopup(hover_popup);
		hover_popup = null;
	}
	hover_popup_sticky = false;
}