var userinput, olat, olng = "";
var locationset = new Array();

//Calculate geocode distance functions
var GeoCodeCalc = {};
GeoCodeCalc.EarthRadiusInMiles = 3956.0;
GeoCodeCalc.EarthRadiusInKilometers = 6367.0;
GeoCodeCalc.ToRadian = function(v) { return v * (Math.PI / 180);};
GeoCodeCalc.DiffRadian = function(v1, v2) {
return GeoCodeCalc.ToRadian(v2) - GeoCodeCalc.ToRadian(v1);
};
GeoCodeCalc.CalcDistance = function(lat1, lng1, lat2, lng2, radius) {
return radius * 2 * Math.asin( Math.min(1, Math.sqrt( ( Math.pow(Math.sin((GeoCodeCalc.DiffRadian(lat1, lat2)) / 2.0), 2.0) + Math.cos(GeoCodeCalc.ToRadian(lat1)) * Math.cos(GeoCodeCalc.ToRadian(lat2)) * Math.pow(Math.sin((GeoCodeCalc.DiffRadian(lng1, lng2)) / 2.0), 2.0) ) ) ) );
};

//Do the geocoding
function GoogleGeocode(apiKey) {
	this.apiKey = apiKey;
	this.geocode = function(address, callbackFunction) {
		$.ajax({
			dataType: 'jsonp',
			url: 'http://maps.google.com/maps/geo?output=json&oe=utf8&sensor=true'
					+ '&key=' + this.apiKey + '&q=' + address,
			cache: false,
			success: function(data){
				if(data.Status.code==200) {
					var result = {};
					result.longitude = data.Placemark[0].Point.coordinates[0];
					result.latitude = data.Placemark[0].Point.coordinates[1];
					callbackFunction(result);
				} else {
					callbackFunction(null);
				}
			}
		  });
	};
}


//Process form input
$(function() {
	$('#submit-btn').click(function() {
		var userinput = $('form').serialize();
		userinput = userinput.replace("address=","");
		if (userinput == "")
			{
				alert("The input box was blank.");
			}
			
			var g = new GoogleGeocode(apiKey);
			var address = userinput;
			g.geocode(address, function(data) {
				if(data != null) {
					olat = data.latitude;
					olng = data.longitude;
					mapping(olat, olng);
				} else {
					//Unable to geocode
					alert('ERROR! Unable to geocode address');
				}
			});

//Replace spaces in user input
userinput = userinput.replace(" ","+");


	});
});


//Now all the mapping stuff
function mapping(orig_lat, orig_lng){
$(function(){
			//Parse xml with jQuery
			$.ajax({
			type: "GET",
			url: "locations.xml",
			dataType: "xml",
			success: function(xml) {
			
				//After the store locations file has been read successfully
				
				var i = 0;

				$(xml).find('marker').each(function(){
					//Take the lat lng from the user, geocoded above
					var lat = $(this).attr('lat');
					var lng = $(this).attr('lng');
					var name = $(this).attr('name');
					var address = $(this).attr('address');
					var address2 = $(this).attr('address2');
					var city = $(this).attr('city');
					var state = $(this).attr('state');
					var postal = $(this).attr('postal');
					var phone = $(this).attr('phone');
					var hours = $(this).attr('hours');
					var hours2 = $(this).attr('hours2');
					var hours3 = $(this).attr('hours3');
					var preview = $(this).attr('preview');
					var direct = $(this).attr('direct');
					var distance = GeoCodeCalc.CalcDistance(orig_lat,orig_lng,lat,lng, GeoCodeCalc.EarthRadiusInMiles);
					
					//Create the array
					locationset[i] = new Array (distance, name, lat, lng, address, address2, city, state, postal, phone, hours, hours2, hours3, preview, direct);

					i++;
				});
				
				//Sort the multi-dimensional array numerically
				locationset.sort(function(a, b) {
					var x = a[0];
					var y = b[0];
					return ((x < y) ? -1 : ((x > y) ? 1 : 0));
				});

				
				//Append the location list to the html for testing
				/*for (x = 0; x <= locationset.length-1; x++)
				{
					$('#distances').append("<br />" + locationset[x] + "<br />");
				}*/
				
				//Create the map with jQuery
				$(function(){ 
					  var map = new GMap2(document.getElementById('map')); 
					  map.addControl(new GSmallMapControl());
					  map.addControl(new GMapTypeControl());
					  var center_location = new GLatLng(orig_lat,orig_lng); 
					  map.setCenter(center_location, 11); 						  
					  
					  // Create a base icon for all of our markers that specifies the shadow, icon dimensions, etc.
					  var letter;
					  var baseIcon = new GIcon();
					  baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
					  baseIcon.iconSize = new GSize(20, 34);
					  baseIcon.shadowSize = new GSize(37, 34);
					  baseIcon.iconAnchor = new GPoint(9, 34);
					  baseIcon.infoWindowAnchor = new GPoint(9, 2);
					  baseIcon.infoShadowAnchor = new GPoint(18, 25);
					  
					  var markers = new Array(); 
					  for (var y = 0; y <= locationset.length-1; y++) 
					  { 
						  var letter = String.fromCharCode("A".charCodeAt(0) + y);
						  var point = new GLatLng(locationset[y][2], locationset[y][3]);
						  marker = createMarker(point, locationset[y][1], locationset[y][4], letter); 
						  map.addOverlay(marker); 
						  markers[y] = marker; 
					   }
					   
					   //Creat the links that focus on the related marker
					   $("#list").empty();
					   $(markers).each(function(y,marker){ 
							//HTML List to appear next to the map
							$('<li />').html("<div class=\"loc-name\">" + locationset[y][1] + "<\/div> <div class=\"loc-addr3\">" + locationset[y][6] + ", " + locationset[y][7] + " " + locationset[y][8] + "<\/div> <div class=\"loc-phone\">" + locationset[y][9] + "<br \/>" + "<br \/>" + "<\/div> <div class=\"loc-hours\">" + locationset[y][10] + "<\/div> <div class=\"loc-hours2\">" + locationset[y][11] + "<\/div> <div class=\"loc-hours3\">" + locationset[y][12] + "<\/div> <div class=\"loc-preview\">" + "<img src=" + locationset[y][13] + " width=180 height=70 \/>" + "<\/div> <div class=\"loc-direct\">" + "<a href=" + locationset[y][14] + " target=_blank >" + "Get Directions" + "<\/a>" + "<\/div>").click(function(){
								displayPoint(marker, y);
							}).appendTo("#list");

							GEvent.addListener(marker,"click", function(){ 
							map.panTo(marker.getLatLng()); 
						  }); 
						});
					   
					   //Move the map
						function displayPoint(marker, index){ 
						  var moveEnd = GEvent.addListener(map,"moveend", function(){ 
							var markerOffset = map.fromLatLngToDivPixel(marker.getLatLng()); 
							GEvent.removeListener(moveEnd); 
						  }); 
						  map.panTo(marker.getLatLng()); 
						}
					   
						//Alternate the list colors
						$('#list li').alternate();
						
						
						//Custom marker function - aplhabetical
						function createMarker(point, name, address, letter) {
						 var letteredIcon = new GIcon(baseIcon);
						 letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";

						 markerOptions = { icon:letteredIcon };
						 var marker = new GMarker(point, markerOptions);

	
						  return marker;
						} 
				});
			}   
		});
	});
}