<!--
var oMap;
var oCoord;
var zoom = 5;	// zoom level - 1 =detailed, 9 =region

function WinOpen() {
  var url = document.getElementById('location');
  document.location.href=url.value;
  return false;
}

function mapInit() {
//Set zoom level
var geoZoom = 10;
var mapCenter = new GSPoint(2571934, 6041461);

//Create map object
var map = new GSMap('mapCanvasAll', {useScalebar: true, useMouseWheelZooming: true});
map.centerAndZoom(mapCenter, geoZoom); 
map.addControl(GSMap.MAP_CONTROL);
//map.addControl(GSMap.COMPACT_ZOOM_CONTROL, {anchor: GSControl.ANCHOR_BOTTOM_LEFT, offset: new GSPoint(5, 1)});
//map.addControl(GSMap.PAN_CONTROL, {anchor: GSControl.ANCHOR_TOP_LEFT, offset: new GSPoint(1, 1)});

// Open XML file
$.get('/xml/top10parks.xml', function(xml) {
	$(xml).find('park').each(function() {
		// variable to hold the current park node from the xml doc 
		var $entry = $(this);	
		
		var parkTitle = $entry.find('region').text();
		var parkNameAlt = $entry.find('name').text();
		
		//the map coordinates for this park
		var coordinate = new GSPoint($entry.find('geoX').text(), $entry.find('geoY').text());
		
		// create feature overlay
		var icon = new GSIcon();
		icon.imageSrc = "/images/mapicon.png";
		icon.imageSize = new GSDimension(18, 27);
		icon.iconOffset = new GSPoint(-10, 0);
		icon.alt = parkNameAlt;
		
		// variable to hold the html for the preview box								  
		//var html = '<div id="' + $entry.attr('lookup') + '" class="prevBox">';
		var html = '<div class="prevBox">';
		html += '<div class="prevImage">';
		html += '<img src="../parks/previmages/' + $entry.find('header').text() + '" />';
		html += '</div>';
		html += '<div class="prevRegion">';
		html += $entry.find('region').text();
		html += '</div><br />';
		
		//ratings
		html += '<div class="prevRating">';
		
		if ($entry.find('rating').text() != "") {
			html += '<img src="../parks/qualmarks/' + $entry.find('rating').text() + '.gif" /> ';
		}
		
		if ($entry.find('rating2').text() != "") {
			html += '<img src="../parks/qualmarks/' + $entry.find('rating2').text() + '.gif" /> ';
		}
		html += '</div>';		
		
		html += '<div class="prevName">';
		html += $entry.find('name').text();
		html += '</div>';
		
		html += '<div class="prevAddress">';
		html += $entry.find('address1').text() + '<br />';
		html += $entry.find('address2').text() + ' ' + $entry.find('address3').text() + ' ' + $entry.find('address4').text();
		html += '</div>';
		html += '<div class="prevContact"><br /><strong>';
		html += $entry.find('contact').text() + '</strong><br /><table width="100%" cellpadding="0" cellspacing="0">';
		html += '<tr><td align="left">Telephone: </td><td align="right">' + $entry.find('telephone').text() + '</td></tr>';
		html += '<tr><td align="left">Fax: </td><td align="right">' + $entry.find('fax').text() + '</td></tr>';
		html += '<tr><td align="left">Reservations: </td><td align="right">' + $entry.find('reservations').text() + '</td></tr>';
		html += '<tr><td align="left">Email: </td><td align="right"><a href="mailto:' + $entry.find('email').text() + '">' + $entry.find('email').text() + '</a></td></tr></table>';
		html += '</div>';
		html += '<div class="prevMore">';
		html += '<p align="center"><a href="parks/' + $entry.find('lookup').text() + '.html"><img src="../images/btn_showmemore.jpg" /></a></p>';
		html += '</div>';
		html += '</div>';
		
		// parameters for new feature box
		var params = {name: parkTitle,
					  coordinate: coordinate,
               		  infoHtml: html};

		// create new feature box and assign it's icon
		var feature = new GSPointFeature(params);
		feature.setIcon(icon);

		// add event handler for feature click
		feature.addEventHandler('click', function(e) {
		    								this.showInfoWindow();
		    								GSUtil.cancelEvent(e); });

		// add the feature to the map
		map.addFeature(feature);

	});
});

}

$(document).ready(function() {
	$("#mapCanvasAll").html('<span id="loading">Loading map...</span>')
	mapInit();
});
// -->
