function mapToggle(checkBox, mapSwitch) {
	
	// Variables
	var map_toggles = document.getElementById('map-toggles').getElementsByTagName('input');
	var layer_toggles = document.getElementById('layer-toggles');
	var all_maps = document.getElementById('map-container').getElementsByTagName('div');
	var all_layers = document.getElementById('local-map').getElementsByTagName('img');
	var selected_map = document.getElementById(mapSwitch);
	
	// [ Hide all maps ] [ Hide layer toggles ] [ Uncheck all layer checkboxes ].
	for(x = 0; x < map_toggles.length; x++) {
		all_maps[x].style.display = 'none';
		layer_toggles.style.display = 'none';
	}

	// Uncheck layer checkboxes
	for(x = 0; x < layer_toggles.getElementsByTagName('input').length; x++) {
		document.getElementById('layer-toggles').getElementsByTagName('input')[x].checked = false;
	}
	
	// Turn on selected map
	selected_map.style.display = 'block';

	// If the Local map is turned on, show layer toggles.
	if(mapSwitch == 'local-map') {
		layer_toggles.style.display = 'block';
	
		// Default Highways Layer
		document.getElementById('highways-layer').style.display = 'block';
	
		// Default Layer Checkbox
		document.getElementById('highways-toggle').checked = true;
		
		// If the user is using IE6, run the PNG fix.
		if	(navigator.userAgent.indexOf("MSIE 6.0") != -1) {
			correctPNG();
		}
		
		// Turn off all layers besides the default layer and base.
		document.getElementById('railways-layer').style.display = 'none';
		document.getElementById('airports-layer').style.display = 'none';
	}

}

function layerToggle(checkBox, layerSwitch) {
	
	// Variables
	var specific_layer = document.getElementById(layerSwitch);
	
	// If the checkbox is not checked, check it, and turn on specified layer
	if(checkBox.checked == true) {
		specific_layer.style.display = 'block';
	}	else {
			specific_layer.style.display = 'none';
	}

}

function map_png_fix() {

	// Turn off Layers. This is done after the correctPNG function has ran, so it will work.
	correctPNG();
	document.getElementById('railways-layer').style.display = 'none';
	document.getElementById('airports-layer').style.display = 'none';
	document.getElementById('highways-layer').style.display = 'block';

}

function toggle_image_maps() {
	
	// Airports
	if (document.getElementById('airports-layer').style.display == 'block') {
		airports = "<area shape='poly' coords='552,428,556,422,545,417,546,414,560,417,568,407,572,410,564,418,572,432,569,434,564,425,558,429,559,436,555,433,549,428' href='#' onMouseOver='tooltip.show(\"<b>Airport:</b> KZ Mesquite Metro\");' onMouseOut='tooltip.hide()'>";
		airports += "<area shape='poly' coords='16,245,25,245,32,257,34,256,33,245,37,245,41,247,43,247,40,242,44,238,40,238,37,241,31,241,34,229,31,227,23,240,14,241,16,245' href='#' onMouseOver='tooltip.show(\"<b>Airport:</b> Dallas / Fort Worth (DFW)<br><b>Miles:</b> 30mi\");' onMouseOut='tooltip.hide()'>";
	}

	if (document.getElementById('airports-layer').style.display == 'none') {
		airports="";
	}

	imageMap = airports;
	document.getElementById('local-imap').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);
		}
	}

}