var locations = new Array();

	function load() {
		getTrailList();
	}
	
	function getTrailList() {
		$.ajax({
			type: "GET",
			url: "/passport/xml/trail_list.xml",
			dataType: "xml",
			success: function(xml) {
				$(xml).find('location').each(function(){
					var cities = $(this).attr('city')
					var state = $(this).attr('state')
					var localHikeBike = new Object();
					localHikeBike.cities = cities;
					localHikeBike.state = state;
					localHikeBike.hikingFileNames = new Array();
					localHikeBike.hikingTrailNames = new Array();
					localHikeBike.bikingFileNames = new Array();
					localHikeBike.bikingTrailNames = new Array();
					$(this).find('activity:first').find('trail').each(function(){
						var hikeTrailXML = $(this).attr('filename')
						var hikeTrailName = $(this).attr('trailname')
						localHikeBike.hikingFileNames.push(hikeTrailXML);
						localHikeBike.hikingTrailNames.push(hikeTrailName);
					}); //close each(
					$(this).find('activity:last').find('trail').each(function(){
						var bikeTrailXML = $(this).attr('filename')
						var bikeTrailName = $(this).attr('trailname')
						localHikeBike.bikingFileNames.push(bikeTrailXML);
						localHikeBike.bikingTrailNames.push(bikeTrailName);
					}); //close each(
					locations.push(localHikeBike);
				}); //close each(
			}
		}); //close $.ajax(
	}
	
	function staticMapSelected(alt) {
		hideMapShowList();
		var j = 0;
		var k = 1;
		var l = 100;

		$(locations).each(function(i){
			if (this.state == alt) {
				$('#accordion').append('<h3><a href="#">'+ locations[i].cities +'</a></h3>' +
				'<div>' +
					'<div id="tabs' + j + '">' +
						'<ul>' +
							'<li><a href="#tabs-' + k + '">Hiking Trails</a></li>' +
							'<li><a href="#tabs-' + l + '">Biking Trails</a></li>' +
						'</ul>' +
						'<div id="tabs-' + k + '">' +
							'<br/><ul class="hikingTrailNames">' +
							'</ul>' +
						'</div>' +
						'<div id="tabs-' + l + '">' +
							'<br/><ul class="bikingTrailNames">' +
							'</ul>' +
						'</div>' +
					'</div>' +
				'</div>');
				$(this.hikingTrailNames).each(function(n){
					$('.hikingTrailNames:eq('+j+')').append('<li><a href="/passport/' + locations[i].hikingFileNames[n] + '">' + locations[i].hikingTrailNames[n] + '</a></li>');
				}); //close each(
				$(this.bikingTrailNames).each(function(o){
					$('.bikingTrailNames:eq('+j+')').append('<li><a href="/passport/' + locations[i].bikingFileNames[o] + '">' + locations[i].bikingTrailNames[o] + '</a></li>');				}); //close each(
				j++;
				k++;
				l++;
			}
		});

		// This is required for IE6. 
        if ($.browser.msie) { 
        	$('#accordion div').css('zoom', '1'); 
        } 

		$("#accordion").accordion({ autoHeight: false });
		for (var m = 0; m < document.getElementById('accordion').getElementsByTagName('h3').length; m++){
			$('#tabs' + m).tabs();
		}
	}
	
	function hideMapShowList(){
		$("#staticMap").hide("slide", { direction: "left" }, 500);
		$("#accordionContainer").show("slide", { direction: "right" }, 500);
		
	}
	
	function showMapHideList(){
		$("#staticMap").show("slide", { direction: "left" }, 500);
		$("#accordionContainer").hide("slide", { direction: "right" }, 500);
		$("#accordionContainer").empty();
		$('#accordionContainer').append('<div style="cursor: pointer; margin:0px 0px 5px 0;" onclick="showMapHideList()">'+
				'<div style="float:left; margin: 5px 5px 0 0;">'+
					'<img border="0" alt="arrowLeft" src="/pix/passport/arrowLeft.gif"/><span>back to map</span>'+
				'</div>'+
				'<div style="float:left;">'+
					'<img border="0" src="/pix/passport/map.gif" alt="map" />'+
				'</div>'+
				'<div style="clear:both;"></div>'+
			'</div>'+
		'<div id="accordion">'+
		'</div>');
	}