/* Nearest Point of Interest *******************************************************************************/
	/***********************************************************************************************************/
	if (GBrowserIsCompatible()) 
	{
		/* CUSTOM MARKERS *****************************************************************************************/
		var side_bar_html = "";
		var gmarkers = [];
		var htmls = [];
		var i = 0;
		
		var blueIcon = new GIcon();
		blueIcon.image = "marker_1.png";
		blueIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
		blueIcon.iconSize = new GSize(33, 33);
		blueIcon.shadowSize = new GSize(37, 34);
		blueIcon.iconAnchor = new GPoint(9, 34);
		blueIcon.infoWindowAnchor = new GPoint(9, 2);
		blueIcon.infoShadowAnchor = new GPoint(18, 25);
		blueIcon.transparent = "http://www.google.com/intl/en_ALL/mapfiles/markerTransparent.png";
		blueIcon.printImage = "coldmarkerie.gif";
		blueIcon.mozPrintImage = "coldmarkerff.gif";
		// An array of GIcons, to make the selection easier
		var icons = [];
		icons[0] = blueIcon;
		
		// the icon information is passed to this function
		function createMarker(point,name,icontype)
		{
			var marker = new GMarker(point,blueIcon);
			GEvent.addListener(marker, "click", function() 
			{
				marker.openInfoWindowHtml(name), {maxWidth:300};
	
			});
			// save the info we need to use later for the side_bar
			gmarkers[i] = marker;
			htmls[i] = name;
			// add a line to the side_bar html
			side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a>&nbsp;';
			i++;
			return marker;
		}
			
		function myclick(i) 
		{
			gmarkers[i].openInfoWindowHtml(htmls[i]); 
		}
		
		/***********************************************************************************************************/


		/* Map Details *************************************************************/
		geocoder = new GClientGeocoder();
		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(52.98172322390683,-1.0546875),7);	
		/***************************************************************************/
		
		
		/* RESCRICT ZOOM LEVELS ****************************************************/
		var mt = map.getMapTypes();
		for (var i=0; i<mt.length; i++) 
		{
			mt[i].getMinimumResolution = function() {return 7;}
			mt[i].getMaximumResolution = function() {return 20;}
		}
		
		/***************************************************************************/	

		/* Nearest Branch **********************************************************/
		function searchLocations() 
		{
			var address1 = document.getElementById('addressInput').value;
			var country = " United Kingdom";
			var address = address1 + country;
			geocoder.getLatLng(address, function(latlng) 
			{
				if (!latlng) 
				{
					alert(address + " not found.");
				} 
				else 
				{
					searchLocationsNear(latlng);
				}
			});
		}


		function searchLocationsNear(center) 
		{
			//var radius = document.getElementById('radiusSelect').value;
			//var searchUrl = 'data.php?lat=' + center.lat() + '&lng=' + center.lng() + '&radius=' + radius;
			var searchUrl = '/tyres/data.php?lat=' + center.lat() + '&lng=' + center.lng() + '';
			GDownloadUrl(searchUrl, function(data) 
			{
				var xml = GXml.parse(data);
				var markers = xml.documentElement.getElementsByTagName('marker');
				map.clearOverlays();
				var sidebar = document.getElementById('sidebar');
				sidebar.innerHTML = '';
				
				if (markers.length == 0) 
				{
					sidebar.innerHTML = 'No results found.';
					map.setCenter(new GLatLng(52.98172322390683,-1.0546875),7);
					return;
				}
				
				var bounds = new GLatLngBounds();
				for (var i = 0; i < markers.length; i++) 
				{
					var name = markers[i].getAttribute('name');
					var address = markers[i].getAttribute('address');
					var distance = parseFloat(markers[i].getAttribute('distance'));
					var point = new GLatLng(parseFloat(markers[i].getAttribute('lat')),
							 parseFloat(markers[i].getAttribute('lng')));
					var telephone = markers[i].getAttribute('telephone');
					var email = markers[i].getAttribute('email');
					var marker = createMarker(point, name, address, telephone);
					map.addOverlay(marker);
					var sidebarEntry = createSidebarEntry(marker, name, address, distance, telephone, email);
					sidebar.appendChild(sidebarEntry);
					bounds.extend(point);
				}
				map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
			});
		}
	
		function createSidebarEntry(marker, name, address, distance, telephone, email) 
		{
			var div = document.createElement('div');
			//var html = '<b>' + name + '</b> (' + distance.toFixed(1) + ')<br/>' + address + '<br/>' + email + '<br/>' + telephone;
			var html = '<b>' + name + '</b><br/>' + address + '<br/>' + email + '<br/>' + telephone;
			div.innerHTML = html;
			div.style.cursor = 'pointer';
			div.style.marginBottom = '5px'; 
			GEvent.addDomListener(div, 'click', function() 
			{
			GEvent.trigger(marker, 'click');
			});
			GEvent.addDomListener(div, 'mouseover', function() 
			{
			div.style.backgroundColor = '#eee';
			});
			GEvent.addDomListener(div, 'mouseout', function() 
			{
			div.style.backgroundColor = '#fff';
			});
			return div;
		}
		/***************************************************************************/
		
		/* **************************************** \\ Start // **************************************************/
	/*	var request = GXmlHttp.create();
		request.open("GET", "alldata.php", true);
		request.onreadystatechange = function() 
		{
			if (request.readyState == 4) 
			{
				var xmlDoc = GXml.parse(request.responseText);
				// obtain the array of markers and loop through it
				var markers = xmlDoc.documentElement.getElementsByTagName("marker");
		
				for (var i = 0; i < markers.length; i++) 
				{
					var name = markers[i].getAttribute('name');
					var address = markers[i].getAttribute('address');
					var point = new GLatLng(parseFloat(markers[i].getAttribute('lat')),
									 parseFloat(markers[i].getAttribute('lng')));
					
					var telephone = markers[i].getAttribute('telephone');
					var email = markers[i].getAttribute('email');
					
					//var marker = createMarker(point, name, address, telephone);
					//map.addOverlay(marker);
					
					//var lat = parseFloat(markers[i].getAttribute("lat"));
					//var lng = parseFloat(markers[i].getAttribute("lng"));
					//var point = new GLatLng(lat,lng);
					
					
				//	var html = markers[i].getAttribute("html");
				//	var label = markers[i].getAttribute("label");
				//	var icontype = 0;
				////	// create the marker
				//	var marker = createMarker(point,name,address,icontype);
				//	map.addOverlay(marker);
				//		
					var icontype = 0;
					//var marker = createMarker(point,name,icontype);
					var marker = createMarker(point,name,icontype);
					map.addOverlay(marker);	
				}
				document.getElementById("sidebar").innerHTML = side_bar_html;
			}
		}
		request.send(null); */
		/***********************************************************************************************************/	
    }
    else 
	{
		alert("Sorry, this Branch Finder Map is not compatible with this browser");
    }