Imagemap - Nur mit bestimmtem Bereich interagieren

[Spider]

Hallo,

ich habe für ein Browsergame eine Karte erstellt auf der Mitspieler den Ort ihrer Allianzen eintragen können.

Über JQuery frage ich die Position der Maus ab und kann ermitteln wo der Benutzer geklickt hat. Dort wird dann eine Markierung erstellt. Das klappt soweit alles schon problemlos.
Jetzt möchte ich die Karte aber etwas erweitern.

In dem Browsergame gibt es 6 Reiche in denen sich Allianzen ansiedeln können. Über eine Auswahlliste sollen die Leute, die ihre Allianz auf der Karte markieren wollen, ihr Reich auswählen. Und jetzt soll es nur möglich sein auf der Karte dort die Allianz zu platzieren, wo auch das entsprechende Reich ist.
Wählt er in der Liste also bsw. "Reich 1" aus, darf es auch nur möglich sein innerhalb der Reichsgrenzen von "Reich 1" seine Markierung zu setzen.

Hat jemand eine Idee wie man das machen kann?

Die Mausposition beim Klick ermittel ich so:

	jQuery(document).ready(function(){  
		$("#map_image").click(function(e){  
			var x = e.pageX - this.offsetLeft;  
			var y = e.pageY - this.offsetTop;  
			  
	     	if (b_SetNewAlli) {  
	     		setNewAlli(x, y, AlliName, AlliReich, AlliEinwohner);  
	     	}  
		});  
	})  
		  
	function setNewAlli(cordX, cordY, AlliName, AlliReich, AlliEinwohner){  
		$.ajax({  
			type: "POST",  
			url: "map.php",  
			data: "cordX="+cordX+"&cordY="+cordY+"&alliname="+AlliName+"&reich="+AlliReich+"&einwohner="+AlliEinwohner,  
			success: function(strResponse){  
				$('#map_image').attr('src','mapoverlay.php?'+new Date().getTime());  
				alert(strResponse);  
				//Cursor und Button zurücksetzen  
				cancel_NewAlli()  
			}  
		});  
	}

Danke