
function mapToggle(checkBox, mapSwitch) {

	// Variables

	var all_maps = document.getElementById('map_container').getElementsByTagName('div');
	var all_layers = document.getElementById('map_03').getElementsByTagName('img');
	var all_check_boxes = document.getElementById('map_toggles').getElementsByTagName('input');
	var map = document.getElementById(mapSwitch);
	var layer_toggles = document.getElementById('layer_toggles');
	var layer_check_boxes = document.getElementById('layer_toggles').getElementsByTagName('input');
	
	// Turn off check boxes and maps, then turn on the specified map
	
	for(x = 0; x < all_maps.length; x++) {
		all_maps[x].style.display = 'none'; 
		all_check_boxes[x].checked = false;
		layer_toggles.style.display = 'none';
	}
	map.style.display = 'block';
	
	// If the checkbox is not checked already turn on specifed checkbox
	
	if(checkBox.checked == false) {
		checkBox.checked = true;
	}
	
	// Turn off specifed checkbox
	
	else {
		checkBox.checked = false;
	}
	
	// If the local map is showing then turn on layer toggles
	
	if(mapSwitch == 'map_03') {
		layer_toggles.style.display = 'block';
	
		// Default Highways Layer
		
		document.getElementById('layer_01').style.display = 'block';
	
		// Default Highways Checkbox
		
		document.getElementById('layer_check_01').checked = true;
	}
	
	// If the local map is NOT showing, turn off all map layers and check boxes
	
	else if(mapSwitch != 'map_03') {
		
		// Turn off layer check boxes
	
		for(x=0; x<layer_check_boxes.length; x++) {
			layer_check_boxes[x].checked = false;
		}
		
		// Turn off layers
	
		document.getElementById('layer_01').style.display = 'none';
		document.getElementById('layer_02').style.display = 'none';
		document.getElementById('layer_03').style.display = 'none';
	}
}

function layerToggle(checkBox, layerSwitch) {
	
	// Variables
	
	var layer = document.getElementById(layerSwitch);
	
	// If the checkbox is not checked, check it, and turn on specified layer

	if(checkBox.checked == true) {
		layer.style.display = 'block';
	}
	
	else {
		layer.style.display = 'none';
	}

}

function map_png_fix() {
	
	// Variables

	all_maps = document.getElementById('map_container').getElementsByTagName('div');
	all_layers = document.getElementById('map_03').getElementsByTagName('img');
	
	if	(navigator.userAgent.indexOf("MSIE") != -1) {
		correctPNG();
	}
	
	// Turn off all maps (IE6)

	for (x=0; x<all_maps.length; x++) {
		all_maps[x].style.display='none';
	}
	
	// Turn on National Map
	
	all_maps[0].style.display='block';
}

function toggle_image_maps() {
	
	// Airports
	
	if (document.getElementById('layer_03').style.display == 'block') {
		airports = "<AREA SHAPE=\"rect\" ALT=\"\" COORDS=\"30,283,58,311\" onmouseover=\"ddrivetip('<b>Airport Name</b><br />Dallas Fort Worth International (DFW)<br/><br /><b>Miles</b><br/>35mi')\" onmouseout=\"hideddrivetip()\" href=\"\" />";
		airports += "<AREA SHAPE=\"rect\" ALT=\"\" COORDS=\"358,189,386,217\" onmouseover=\"ddrivetip('<b>Airport Name</b><br />Rockwall Municipal')\" onmouseout=\"hideddrivetip()\" href=\"\" />";
	}

	if (document.getElementById('layer_03').style.display == 'none') {
		airports="";
	}

	imageMap = airports;
	document.getElementById('imagemap').innerHTML = imageMap;

}

function add_image_map_event() {

	// Variables
	
	countInputs = document.getElementById('layer_toggles').getElementsByTagName('input');
	
	// Add 'On Click' event handler to each layer checkbox. This event handler runs a function to turn on and off specific image map properties for roll overs.
	
	for(x=0; x<countInputs.length; x++) {
		el = document.getElementById(countInputs[x].id); 
			
		if (el.addEventListener)	{
			el.addEventListener('click', toggle_image_maps, false); 
			toggle_image_maps();
		}
		
		else if (el.attachEvent)	{
			el.attachEvent('onclick', toggle_image_maps);
		}
		
	}
}

