';
/*create the side_bars*/
/*left_side_bar*/
$("#left_side_bar").append(dealer_name_search_html).css('visibility','visible');
update_accordion("#left_side_bar", accordion_options);
/*right_side_bar*/
$("#right_side_bar").css('visibility','visible');
update_accordion("#right_side_bar", accordion_options);
/*display map*/
$("#map").css('visibility','visible');
/*finished processing, go to next step*/
process_dealer_data_completed();
}
function process_dealer_data_completed()
{
//remove the loading message
remove_modal_msg({id_selector:'#dealermap_loading'});
var offset = $('#map').offset();
//scroll to the map
window.scrollTo(offset.left,offset.top);
}
// This Javascript is based on code provided by the
// Blackpool Community Church Javascript Team
// http://www.commchurch.freeserve.co.uk/
// http://econym.googlepages.com/index.htm
// the next two } closes initialize function and GBrowserIsCompatible()
}
}
//loads founction initialize()
google.setOnLoadCallback(initialize);
/*update accordian box*/
function update_accordion(selector,options,index_or_selector)
{
$(selector).accordion('destroy').accordion(options).accordion('activate',index_or_selector);
/*remove rounded corners*/
$(".ui-corner-top").removeClass("ui-corner-top");
$(".ui-corner-bottom").removeClass("ui-corner-bottom");
$(".ui-corner-all").removeClass("ui-corner-all");
}
/*dialog box function*/
function openDealerDiagBox(selector,diag_title,h_pos,v_pos,open_func,close_func)
{
//set title
diag_title = unescape(diag_title) || 'Untitled';
//set position
h_pos = h_pos || 'left';
v_pos = v_pos || 'center';
//set open and close functions
open_func = open_func || function(event, ui) {};
close_func = close_func || function(event, ui) {};
/*
*/
/*
ONLY OPEN THE DIAG BOX IF THE BOX CONTAINS MORE THAN ONE LINK!
--OTHERWISE JUST CLICK THE LINK INSIDE IT BECAUSE THERE IS NO CHOICE
*/
/*
*/
if($(selector + " a").length == 1)
{
//there is only one link, we should automatically show the infowindow for it.
$(selector + " a").click();
//since there is now no need to show the diag box of stores, we should return
return;
}
/*
*/
/*
If we get here, then there is more than one link and we should show the diag box to allow the user to pick which location to look at.
*/
/*
*/
//do it
if(!$(selector).dialog('isOpen'))
{
$(selector).dialog({
open: open_func,
autoOpen: true,
bgiframe: false,
buttons: {},
close: close_func,
closeOnEscape: true,
dialogClass: 'modal_overlay',
draggable: true,
height: $("#map").height(),
hide: 'slide',
maxHeight: false,
maxWidth: false,
minHeight: 150,
minWidth: 150,
modal: false,
position: [h_pos,v_pos],
resizable: true,
show: 'slide',
stack:true,
title: diag_title,
width: 300,
zIndex: 1000
});
$(selector).dialog('open');
$(selector).dialog('moveToTop');
} else {
/*close the current one*/
$(selector).dialog('close');
/*without this on close, the box title won't update*/
$(selector).dialog('destroy');
/*open a new one*/
openDealerDiagBox(selector,diag_title,h_pos,v_pos,open_func,close_func);
}
}
/*dialog box function*/
function openDealerModalBox(selector,height,width,diag_title,h_pos,v_pos,open_func,close_func)
{
//set height and width
height = height || 300;
width = width || 300;
//set title
diag_title = unescape(diag_title) || 'Untitled';
//set position
h_pos = h_pos || 'center';
v_pos = v_pos || 'center';
//set open and close functions
open_func = open_func || function(event, ui) {};
close_func = close_func || function(event, ui) {};
//do it
if(!$(selector).dialog('isOpen'))
{
$(selector).dialog({
open: open_func,
autoOpen: true,
bgiframe: false,
buttons: {},
close: close_func,
closeOnEscape: false,
dialogClass: 'modal_overlay',
draggable: false,
height: height,
hide: null,
maxHeight: false,
maxWidth: false,
minHeight: 150,
minWidth: 150,
modal: true,
position: [h_pos,v_pos],
resizable: false,
show: null,
stack:true,
title: diag_title,
width: width,
zIndex: 1000
});
$(selector).dialog('open');
$(selector).dialog('moveToTop');
} else {
$(selector).dialog('close');
}
}
/*calc distance using spherical law of cosines*/
/*orig source http://www.movable-type.co.uk/scripts/latlong.html*/
/* ex)distCosineLaw(34.0802801,-118.375268,34.0805651,-118.375272) returns 0.019714076060500626 */
function distCosineLaw(lat1, lon1, lat2, lon2, d_unit) {
/*convert to rad*/
lat1 = lat1 * Math.PI/180;
lon1 = lon1 * Math.PI/180;
lat2 = lat2 * Math.PI/180;
lon2 = lon2 * Math.PI/180;
//set units
switch (d_unit)
{
case 'mi':
R = 3963.0; //(statute miles)
break;
case 'km':
R = 6378.7; //(kilometers)
break;
case 'nm':
R = 3437.74677; //(nautical miles)
break;
default:
R = 3963.0; //(statute miles)
d_unit = 'mi'; //fix the unit
}
//do the calculation
var d = Math.acos(Math.sin(lat1)*Math.sin(lat2) + Math.cos(lat1)*Math.cos(lat2)*Math.cos((lon2-lon1))) * R;
//return the distance/unit object
return {d:d,u:d_unit};
}
/*geocode address*/
function geocodeAddr(settings_object)
{
if(settings_object)
{
//console.log("settings_object = %o",settings_object);
//mode
var mode = settings_object.mode;
mode = (mode == 'findClosestDealers' || mode == 'findDealersInRadius') ? mode : 'findClosestDealers';
//addr
var addr = (settings_object.addr) ? settings_object.addr : false;
//number of dealers to return
var n_dealers = (settings_object.n_dealers && settings_object.n_dealers !== '' && !isNaN(settings_object.n_dealers * 1)) ? settings_object.n_dealers : 10;
/*distance unit of measure*/
var dist_unit = settings_object.dist_unit;
dist_unit = (dist_unit == 'mi' || dist_unit == 'km' || dist_unit == 'nm') ? dist_unit : 'mi';
/*radius*/
var radius = (settings_object.radius && settings_object.radius !== '' && !isNaN(settings_object.radius * 1)) ? settings_object.radius : false;
if(radius === false)
{
switch(dist_unit)
{
case 'mi':
radius = 100;
break;
case 'km':
radius = 160;
break;
case 'nm':
radius = 87;
break;
default:
radius = 100;
}
}
} else {
alert('Error: Settings object not defined!');
return;
}
//make sure we have an address
if(addr === false){alert('Error: Address not specified!');return;}
if(geo)
{
// ====== Perform the Geocoding ======
geo.getLocations(addr, function (result)
{
// If that was successful
if (result.Status.code == G_GEO_SUCCESS)
{
/*store the results*/
geo_results = result;
/*have user choose correct result*/
if(result.Placemark.length > 1)
{
/*create div if it isn't there*/
if(!$('#geocodeAddr_msg').length)
{
$('body').prepend('
');
}
$('#geocodeAddr_msg').html("Found " +result.Placemark.length +" results");
/*Loop through the results, placing markers*/
$('#geocodeAddr_msg').append("
");
for (var i=0; i" + result.Placemark[i].address + "");
}
$('#geocodeAddr_msg').append("
");
/*open the diag box*/
openDealerDiagBox('#geocodeAddr_msg');
} else {
var diag_id = addr.replace(/[^0-9A-Za-z]/g,"_");//remove all chars that are not alphanumeric so that we don't bork a function call
/*decide what to do based on the mode*/
if(mode == 'findClosestDealers')
{
diag_id = 'findClosestDealers_' + diag_id;
diag_id_selector = '#' + diag_id;
if(!$(diag_id_selector).length)
{
$('body').prepend('
');
}
/* there was only one result, find the closest dealers */
var lng_lat = result.Placemark[0].Point.coordinates;
/*lng_lat is an array with lng,lat in that order*/
/*store the clostest dealers in the global array*/
closest_n_dealers = findClosestDealers(lng_lat[1],lng_lat[0],n_dealers,dist_unit);
//console.log('closest_n_dealers = %o',closest_n_dealers);
$(diag_id_selector).html("The closest " + n_dealers + " dealers are:");
$(diag_id_selector).append("
");
for (var i=0; i
");
//$('#closest_n_dealers ol ul:last').append("" + closest_n_dealers[i].store + "" + closest_n_dealers[i].address + "" + closest_n_dealers[i].distance.d + closest_n_dealers[i].distance.u + "");
$(diag_id_selector + ' ol:first').append(""+"- " + closest_n_dealers[i].store + "
- " + closest_n_dealers[i].address + "
- ≈" + closest_n_dealers[i].distance.d.toFixed(1) + " " + closest_n_dealers[i].distance.u + "
"+"
");
}
/*open the diag box*/
openDealerDiagBox(diag_id_selector,"Closest " + n_dealers + " dealers to " + addr);
} else if(mode == 'findDealersInRadius') {
diag_id = 'findDealersInRadius_' + diag_id;
diag_id_selector = '#' + diag_id;
//findDealersInRadius(in_lat,in_lng,dist_unit,radius)
if(!$(diag_id_selector).length)
{
$('body').prepend('');
}
var lat = result.Placemark[0].Point.coordinates[1];
var lng = result.Placemark[0].Point.coordinates[0];
var dealers_in_radius = findDealersInRadius(lat,lng,dist_unit,radius);
var dealers_in_radius_len = dealers_in_radius.length;
$(diag_id_selector).html("Found " + dealers_in_radius_len + " Dealers within " + radius + dist_unit + ":");
$(diag_id_selector).append("
");
for (var i=0; i"+"- " + dealers_in_radius[i].store + "
- " + dealers_in_radius[i].address + "
- " + dealers_in_radius[i].distance.d.toFixed(1) + dealers_in_radius[i].distance.u + "
"+"
");
}
/*open the diag box*/
openDealerDiagBox(diag_id_selector,"Dealers within " + radius + dist_unit + " of " + addr);
}
}//close the if > 1 result else
} else {
/*flag no results*/
geo_results = false;
// ====== Decode the error status ======
var reason="Code "+result.Status.code;
if (reasons[result.Status.code]) {
reason = reasons[result.Status.code]
}
alert('Could not find "'+addr+ '" ' + reason);
}
}
);
} else {
alert('Please wait for the map to load and resubmit your request');
}
}
/*find N closest dealers, returns an array*/
function findClosestDealers(in_lat,in_lng,n_dealers,dist_unit)
{
var dealer_dist_array = [];
/*loop thru the array and check the distances for each one and store them*/
//array holding data: json_data
for (var i = 0; i < json_data.length; i++)
{
var name = json_data[i].sn;
for (var j = 0; j < json_data[i].s.length; j++)
{
var addr = json_data[i].s[j].a;
var lat = json_data[i].s[j].lat;
var lng = json_data[i].s[j].lng;
var index = json_data[i].s[j].gmarker_index;
//calc the distance
var dist = distCosineLaw(in_lat,in_lng,lat,lng,dist_unit);
//store distance
dealer_dist_array.push({address:addr,distance:dist,gmarker_index:index,store:name});
}
}
//sort the dealer_dist_array to get the n closest locations
function sortByDistance(a,b)
{
return a.distance.d - b.distance.d;
}
dealer_dist_array.sort(sortByDistance);
//store the closest N dealers globally
if(dealer_dist_array.length >= n_dealers)
{
return dealer_dist_array.slice(0,n_dealers);
} else {
return dealer_dist_array.slice(0,dealer_dist_array.length);
}
}
/*find dealers within a radius, returns an array*/
function findDealersInRadius(in_lat,in_lng,dist_unit,radius)
{
var dealer_dist_array = [];
/*loop thru the array and check the distances for each one and store them*/
//array holding data: json_data
for (var i = 0; i < json_data.length; i++)
{
var name = json_data[i].sn;
for (var j = 0; j < json_data[i].s.length; j++)
{
var addr = json_data[i].s[j].a;
var lat = json_data[i].s[j].lat;
var lng = json_data[i].s[j].lng;
var index = json_data[i].s[j].gmarker_index;
//calc the distance
var dist = distCosineLaw(in_lat,in_lng,lat,lng,dist_unit);
if(dist.d <= radius)
{
//store distance
dealer_dist_array.push({address:addr,distance:dist,gmarker_index:index,store:name});
}
}
}
//sort the dealer_dist_array to get the n closest locations
function sortByDistance(a,b)
{
return a.distance.d - b.distance.d;
}
dealer_dist_array.sort(sortByDistance);
return dealer_dist_array;
}
// ============ custom direction panel ===============
function customPanel(map,mapname,dirn,div) {
var html = "
Print Directions";
// ===== local functions =====
// === waypoint banner ===
function waypoint(point, img_url, address) {
var target = '"' + mapname+".showMapBlowup(new GLatLng("+point.toUrlValue(6)+"))" +'"';
html += '';
html += ' ';
html += ' ';
html += '  '
html += ' | ';
html += ' ';
html += address;
html += ' | ';
html += '
';
html += '
';
}
// === route distance ===
function routeDistance(dist) {
html += '' + dist + '
';
}
// === step detail ===
function detail(point, num, description, dist) {
var target = '"' + mapname+".showMapBlowup(new GLatLng("+point.toUrlValue(6)+"))" +'"';
html += '';
html += ' ';
html += ' | ';
html += ' '+num+'. ';
html += ' | ';
html += ' ';
html += description;
html += ' | ';
html += ' ';
html += dist;
html += ' | ';
html += '
';
html += '
';
}
// === Copyright tag ===
function copyright(text) {
html += '' + text + "
";
}
// === read through the GRoutes and GSteps ===
var marker_img_url = "http://maps.gstatic.com/intl/en_us/mapfiles/icon_greenA.png";/*set start marker_img_url*/
for (var i=0; i'+html+'');
/*enable the div accordion*/
update_accordion("#right_side_bar", accordion_options,'#directions_header');
} // ============ end of customPanel function ===========
/*MAP CONTROLS*/
function mapZoomIn()
{
map.zoomIn();
}
function mapZoomOut()
{
map.zoomOut();
}
function mapZoomReset()
{
map.returnToSavedPosition();
}
function mapPanLeft()
{
//panDirection(dx:one of -1 0 +1, dy:one of -1 0 +1)
map.panDirection(1,0);
}
function mapPanRight()
{
map.panDirection(-1,0);
}
function mapPanUp()
{
map.panDirection(0,1);
}
function mapPanDown()
{
map.panDirection(0,-1);
}
function mapTypeNormal()
{
map.setMapType(G_NORMAL_MAP);
}
function mapTypeSatellite()
{
map.setMapType(G_SATELLITE_MAP);
}
function mapTypeHybrid()
{
map.setMapType(G_HYBRID_MAP);
}
function mapTypePhysical()
{
map.setMapType(G_PHYSICAL_MAP);
}
//print function
function printIt()
{
/*hide print link*/
var print_html = $('#printItLink').replaceWith('
');
/*open a blank window*/
w=window.open('about:blank');
w.document.open();
/*write content var html to the window*/
w.document.write($('#directions').html());
/*write some javascript to make the newly opened window print itself.*/
w.document.writeln("");
w.document.writeln("
