﻿function log(str)
{
	console.log(str);
}

var geocoder;
var map;

google.load("maps", "2");
google.setOnLoadCallback(initialize);

function initialize()
{
	map = new google.maps.Map2(document.getElementById("map_canvas"));
	geocoder = new google.maps.ClientGeocoder();
	map.enableScrollWheelZoom();
	map.addControl(new google.maps.MapTypeControl());
	map.addControl(new google.maps.SmallMapControl());
	map.setCenter(new google.maps.LatLng(43.5164221, -84.9057943), 5);
}

function addToMap(item, isFirst) {
    // Create our "tiny" marker icon
    var redIcon = new GIcon(G_DEFAULT_ICON);
    redIcon.image = "http://gmaps-samples.googlecode.com/svn/trunk/markers/red/blank.png";

    var orangeIcon = new GIcon(G_DEFAULT_ICON);
    orangeIcon.image = "http://gmaps-samples.googlecode.com/svn/trunk/markers/orange/blank.png";

    var point = new google.maps.LatLng(item.BgLat, item.BgLong);

    if (item.DealerTypeId == 1) {
        markerOptions = { icon: redIcon };
    }
    else {
        markerOptions = { icon: orangeIcon };
    }

    var DealerType = $("select[id$='ddlDealerType']").val();
	
	var marker = new google.maps.Marker(point, markerOptions);
	var fromQuery = escape($("input[id$='txtStreetAddress']").val() + " " +  $("input[id$='txtCityState']").val() + " " +  $("input[id$='txtZipCode']").val());
	var directionsQuery = escape(item.CustomerName + " " + item.Street + " " + item.City + ", " + item.State + "  " + item.ZipCode);
	var markerHtml = "<div class='bubble-content'>" +
		"<h5>" + item.CustomerName + "</h5>";

	if (item.DealerTypeId == 2) {
	    //1 = Sales, 2 = Repair/Service
	    markerHtml += "<i>Service Location</i><br />";
	}
	else {
	    markerHtml += "<i>Sales Location</i><br />";
	}
	
	markerHtml += item.Street + "<br />" +
		item.City + ", " + item.State + "&nbsp;&nbsp;" + item.ZipCode + "<br />";

	
		
	if (item.Website != null && item.Website != '')
	{
		var linkHref = item.Website;
		if (item.Website.indexOf("http://") == -1)
		{
		    linkHref = "http://" + item.Website + "<br />";
		}
		markerHtml += "<a target='_blank' href='" + linkHref + "'>" + item.Website + "</a><br />";
    }
    log(item.Phone);
    if (item.Phone != null && item.Phone != '') {
        markerHtml += "p: " + item.Phone + "<br />";
    }

    markerHtml += "<a href='http://maps.google.com/maps?saddr=" + fromQuery + "&daddr=" + directionsQuery + "&hl=en' target='_blank'>Get directions to here.</a><br />";
	
	markerHtml += "</div>";
	GEvent.addListener(marker, 'click', function() 
	{
		marker.openInfoWindowHtml(markerHtml);
		map.panTo(point);
	});
	
	map.addOverlay(marker);

	if (isFirst) {
	    jQuery('div#results-pane ul:last').after("<ul>");
	}
	jQuery('div#results-pane ul:last').append("<li>" + markerHtml + "</li>");
}

