var currentSelected;
var currentBlurb;

var mapEls = $("content").getElementsByTagName("area");
var mapImg = $("content").getElementsByClassName("worldmap")[0];

var speed = 2;

blankMapImgSrc = mapImg.src;
blank = mapImg.src;

for (var i=0; i<mapEls.length; i++) {
	mapEls[i].observe("mouseover",function(event) {
		element = Event.element(event);
		if (currentBlurb != element.className) {
			mapImg.src = '/images/contact-details-'+element.className+'.gif';
			$("blurb-"+currentBlurb).setStyle({display: 'none'});
			$("blurb-"+element.className).setStyle({display: 'block'});
		}
	});

	mapEls[i].observe("mouseout",function(event) {
		element = Event.element(event);
		if (currentBlurb != element.className) {
			mapImg.src = blankMapImgSrc;
			$("blurb-"+currentBlurb).setStyle({display: 'block'});
			$("blurb-"+element.className).setStyle({display: 'none'})
		}
	});

	mapEls[i].observe("click",function(event) {
		element = Event.element(event);
		blankMapImgSrc = '/images/contact-details-'+element.className+'.gif';
		mapImg.src = blankMapImgSrc;
		$("blurb-"+currentBlurb).setStyle({display: 'none'});
		$("blurb-"+element.className).setStyle({display: 'block'});
		posArea = element.getAttribute('href').indexOf("?");
		sepArea = element.getAttribute('href').indexOf("&");
		officeType = element.getAttribute('href').substring(posArea+6,sepArea);
		officeName = element.getAttribute('href').substring(sepArea+8);
		requestURL = '/contact_details/' + officeType + '/' + officeName;
		changeDisplay(requestURL,element.className,officeType);
		Event.stop(event);
	});
}

var changeDisplay = function(requestURL,cBlurb,markerType) {

	if (currentBlurb != cBlurb) {
		currentBlurb = cBlurb;
		$("progress_indicator").setStyle({display: "block"});
		new Ajax.Request(requestURL, {
			asynchronous: true,
			evalScripts: false,
			onSuccess: function(request) {
				var content = eval("(" + request.responseText + ")");
				$("office-details").innerHTML = content.content;
				createNewMarker(new GLatLng(content.locator.latitude, content.locator.longitude), markerType);
				content = null;
				delete(content);

				$("progress_indicator").setStyle({display: "none"});

				request = null;
				delete(request);
			}
		});
	}

}