function show_title(event, title_text) {
	var div_large_title = document.getElementById('large_title');
	div_large_title.style.display = 'block';
	div_large_title.style.top = (document.body.scrollTop + event.clientY + 20) + 'px';
	div_large_title.style.left = (document.body.scrollLeft + event.clientX + 20) + 'px';
	div_large_title.innerHTML = '<p>' + title_text.replace(/ /g, '&nbsp;') + '</p>';
	
	//	Grab Title Text for Image Replacement
	var img_map = document.getElementById('regional_district_map');
	img_map.src = img_map.src.substring(0, (img_map.src.lastIndexOf('/') + 1)) + 'map_' + title_text.substring((title_text.indexOf('[') + 1), title_text.indexOf(']')).toLowerCase() + '.gif';
}

function hide_title() {
	var div_large_title = document.getElementById('large_title');
	div_large_title.style.display = 'none';
	var img_map = document.getElementById('regional_district_map');
	img_map.src = img_map.src.substring(0, (img_map.src.lastIndexOf('/') + 1)) + 'map_blank.gif';
}

function show_title_home(event, title_text) {
	
	var div_large_title = document.getElementById('large_title');
	div_large_title.style.display = 'block';
	div_large_title.style.top = (document.body.scrollTop + event.clientY + 20) + 'px';
	div_large_title.style.left = (document.body.scrollLeft + event.clientX + 20) + 'px';
	div_large_title.innerHTML = '<p>' + title_text.replace(/ /g, '&nbsp;') + '</p>';
}

function hide_title_home() {
	var div_large_title = document.getElementById('large_title');
	div_large_title.style.display = 'none';
}

function show_district(element, event, name) {
	
	// Clear out node if it already exists
	if (document.getElementById('districtDisplay')) {
		var node = document.getElementById('districtDisplay');
		node.parentNode.removeChild(node);
	}
	
	// Split out the acronym
	name = name.split(' [',1);
	
	// Create element for containing species list
	var popup = document.createElement('div');
	popup.id = 'districtDisplay';
	popup.style.position = 'absolute';
	popup.style.width = '400px';
	popup.style.height = '400px';
	popup.style.backgroundColor = '#FFFFFF';
	popup.style.top = '25%';
	popup.style.left = '45%';
	popup.style.border = '1px solid #FCA144';
	
	// Create drop zone
	var container = document.createElement('div');
	container.id = 'district_popup';
	container.style.height = '371px';
	container.style.overflow = 'auto';
	container.style.textAlign = 'left';
	
	// Create Header
	var header = document.createElement('h2');
	header.id = 'districtTitleHeader';
	header.innerHTML = name + ' <a href="#" onclick="hide_district(); return false;">(Close)</a>';
	header.style.backgroundColor = '#58422E';
	header.style.color = '#FEFFEF';
	header.style.fontSize = '11pt';
	header.style.lineHeight = '2';
	header.style.fontWeight = 'bold';
	
	// Put it all together
	popup.appendChild(header);
	popup.appendChild(container);	
	element.parentNode.parentNode.appendChild(popup);

	// Do some AJAX to get the species list	
	if (typeof window.ActiveXObject != 'undefined' ) {
		xmlDoc = new ActiveXObject("Microsoft.XMLHTTP");
		xmlDoc.onreadystatechange = getSpecies;
	} else {
		xmlDoc = new XMLHttpRequest();
		xmlDoc.onload = getSpecies;
	}
	
	url = "sites/"+coiSiteFolder+"/dataSources/get_species.asp?action=get&species=" + name;
	xmlDoc.open("GET", url, true);
	xmlDoc.send(null);	
			
}
function getSpecies() {
	if(xmlDoc.readyState == 4) {
		fill_list(xmlDoc.responseText);
		return;
	}
}
function fill_list(response) {
	document.getElementById('district_popup').innerHTML = response;
}

function hide_district() {
	if (document.getElementById('districtDisplay')) {
		var node = document.getElementById('districtDisplay');
		node.parentNode.removeChild(node);
	}
}