initLocator = function() {

	var detail_container;
	
	
	detail_container = document.getElementById('location_details');
	
	if(!detail_container)
		return false;
	
	loc_details = detail_container.getElementsByTagName('a');
	
	el_map = document.getElementById('location_points');
	loc_pts = el_map.getElementsByTagName('li');

	for (i=0; i<loc_pts.length; i++) {
		loc_pts[i].style.cursor = "pointer";
		loc_pts[i].onclick = showLocationDetails;
	}

}

showLocationDetails = function() {

	for (i=0; i<loc_details.length; i++) {
		str_locName = loc_details[i].href.indexOf('#');
		len_loc 	= loc_details[i].href.length;
		loc_name    = (loc_details[i].href.substring((str_locName + 1), len_loc));

		if (this.id == loc_name) {
		
			details_ul = node_after(loc_details[i]);
			hide_all_address_details();

			this.className     	     = "current";			
			details_ul.style.display = "block";
			
		}
		
	}
	
}

function hide_all_address_details() {
		
		address_container = document.getElementById('location_details');
		addresses = address_container.getElementsByTagName("ul");
		
		for (i=0; i < addresses.length; i++) {
			addresses[i].style.display = "none";
		}
		
		el_map = document.getElementById('location_points');
		loc_pts = el_map.getElementsByTagName('li');

		for (i=0; i<loc_pts.length; i++) {
			loc_pts[i].className = "";
		}
		
}


Event.observe(window, 'load', initLocator, false);
