/**
 * FILENAME: areaPopup.js
 * AUTHOR: Ashley Barrett (ashley.barret@rgroup.co.uk)
 * CREATED: 27/01/2010
 * COMMENTS: A javascript file allow a modal popup display a map of a local area
 * */

$(function(){
	var postcode = "";
	
	$.fn.getAreaPhoto = function(){
		$("#areaModal #areaModalContent").remove();
		$("#areaModal").append("<div id=\"areaModalContent\"><img src=\"http://developer.multimap.com/API/map/1.2/OA09070118338168599?qs="+postcode+"&countryCode=GB&zoomFactor=16&width=300&height=300&opacity=0.0&locale=en-GB&mapType=satellite\" /></div>");
	}
	
	$("span.map a").hover(
	function(e){
		if($("#areaModal #areaModalContent")){
			$("#areaModal #areaModalContent").remove();
		}
		
		var href = $(this).attr('href');
		split = href.split("=");
		postcode = split.pop();
		
		var position = $(this).position();		
		var x = position.left;
		var y = position.top + 20;

		$("#areaModal").css("display","block");
		$("#areaModal").css("top", y);
		$("#areaModal").css("left", x);
		$("#areaModal").append("<div id=\"areaModalContent\"><div class=\"ajaxLoader\"></div><p>Please wait....</p></div>");
		setTimeout("$(\"html\").getAreaPhoto()",700);
	},
	function(){
		$("#areaModal #areaModalContent").remove();
		$("#areaModal").css("display","none");
	});
	
	$("span.map a").click(function(){
		return false;
	});
});