/* This Javascript is based on code provided by the Blackpool Community Church Javascript Team
http://www.commchurch.freeserve.co.uk/   
http://www.econym.demon.co.uk/googlemaps/ 
*/


var simpleMap;
var trafficMap;
var geocoder = null;
var bounds = new GLatLngBounds();

/* Arrays to hold copies of the markers and html used by the side_bar */
var gmarkers = [];
var htmls = [];
/* Arrays to hold variants of the info window html with get direction forms open */
var to_htmls = [];
var from_htmls = [];

var zoom;
var infoSeparator = "|";
var fullInfoCount = 5; /* count of info parts that include lat/lng (pattern of line - lat|lng|address|html) */
var partInfoCount = 2; /* count of info parts that don't include lat/lng (pattern of line - address|html) */

// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon(G_DEFAULT_ICON);
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);

//Safeguard icon
var safeIcon = new GIcon();
safeIcon.image = "/images/thumbtack.png";
safeIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
safeIcon.iconSize = new GSize(23, 38);
safeIcon.iconAnchor = new GPoint(12, 38);
safeIcon.shadowSize = new GSize(37, 34);
safeIcon.infoWindowAnchor = new GPoint(9, 2);
safeIcon.printImage = "/images/thumbtack.png";
safeIcon.mozPrintImage = "/images/thumbtack.png";

var icons = [];
icons[0] = safeIcon;
var nerror = 0;

function displayStaticMap(mapId, startPointLat, startPointLng, airport, zm) {
    if (GBrowserIsCompatible()) {
        // create the map
        map = new GMap2(document.getElementById(mapId));

        geocoder = new GClientGeocoder();
        if ((startPointLat != 0) && (startPointLng != 0)) {
            var point = new GLatLng(startPointLat, startPointLng);
            map.setCenter(point, zm);
            loadMarker(0, false, true);
        } else if (geocoder) {
            geocoder.getLatLng(airport, function(point) {
                if (!point) {
                    //alert(airport + " not found.");
		    document.getElementById('mapId').style.display='none';
                }
                else {
                    map.setCenter(point, zm);
                    setTimeout(function() { loadMarker(0, false, true) }, 1725);
		}
            });
        }
    }
    else {
        alert("Sorry, the Google Maps API is not compatible with this browser");
    }
}

function loadMap(mapId, startPointLat, startPointLng, airport, zm, useLetters, displayTraffic, useDirections) {
    if (displayTraffic) map = trafficMap; else map = simpleMap;
    if (map) return;
    zoom = zm;
    if (GBrowserIsCompatible()) {

        // create the map
        map = new GMap2(document.getElementById(mapId));
        if (displayTraffic) trafficMap = map; else simpleMap = map;
        map.addControl(new GSmallMapControl());
        //map.enableScrollWheelZoom();
        map.addControl(new GMapTypeControl());
        //map.addControl(new ExtMapTypeControl({showTraffic: true, showTrafficKey: true}));
        if (displayTraffic) map.addOverlay(new GTrafficOverlay());
        geocoder = new GClientGeocoder();
        if ((startPointLat != 0) && (startPointLng != 0)) {
            var point = new GLatLng(startPointLat, startPointLng);
            map.setCenter(point, zoom);
            loadMarker(0, useLetters, useDirections);
        } else if (geocoder) {
            geocoder.getLatLng(airport, function(point) {
                if (!point) {
                    //alert(airport + " not found.");
			document.getElementById('mapId').style.display='none';
                }
                else {
                    map.setCenter(point, zoom);
                    setTimeout(function() { loadMarker(0, useLetters, useDirections) }, 1725);
		}
            });
        }
    }
    else {
        alert("Sorry, the Google Maps API is not compatible with this browser");
    }
}

function loadMarker(markerIndex, useLetters, useDirections) {
    if (markerIndex < markersData.length) {
        parts = markersData[markerIndex].split(infoSeparator);
        markerIndex++;
        /* Lat/lng were given in a data string */
        if (parts.length == fullInfoCount) {
            var lat = parseFloat(parts[0]);
            var lng = parseFloat(parts[1]);
            var addr = parts[2];
            var html = parts[3];
            var link = parts[4];
            if ((!isNaN(lat) && (lat != 0)) && (!isNaN(lng) && (lng != 0))) {
                var point = new GLatLng(lat, lng);
                addMarker(point, html, markerIndex - 1, useLetters, useDirections);
                loadMarker(markerIndex, useLetters, useDirections);
            } else if (geocoder) {
                geocoder.getLatLng(addr, function(point) {
                    if (!point) {
                        alert(addr + " not found.");
                    }
                    else {
                        markersData[markerIndex - 1] = point.lat() + '|' + point.lng() + '|' + addr + '|' + html + '|' + link;
                        addMarker(point, html, markerIndex - 1, useLetters, useDirections);
                    }
                    setTimeout(function() { loadMarker(markerIndex, useLetters, useDirections) }, 1725);
                });
            }
        }
    }
    map.setZoom(map.getBoundsZoomLevel(bounds));
    map.setCenter(bounds.getCenter());
}

function addMarker(point, html, markerIndex, useLetters, useDirections) {
    var htmlToMarker = '';
    htmlToMarker += html;
    htmlToMarker += "<br/>";
    var marker = createMarker(point, htmlToMarker, markerIndex, html, useLetters, useDirections);
    map.addOverlay(marker);
    bounds.extend(marker.getPoint());
}

/* A function to create the marker and set up the event window */
function createMarker(point, html, markerIndex, descHtml, useLetters, useDirections) {
    if (useLetters) {
        var letter = String.fromCharCode("A".charCodeAt(0) + markerIndex);
        var letteredIcon = new GIcon(safeIcon);

        //    letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
        letteredIcon.image = "/images/thumbtack.png";

        //document.getElementById('description').innerHTML += "<img src='" + letteredIcon.image + "' /> - " + descHtml + "<br/>";
        // Set up our GMarkerOptions object
        markerOptions = { icon: letteredIcon };
        var marker = new GMarker(point, markerOptions);
    }
    else {
        //var marker = new GMarker(point);
        //Load Safeguard's icon instead of Google's.

    }
    // The info window version with the "to here" form open

    if (useDirections) {
        to_htmls[markerIndex] = html + '<br>Get directions: <b>To here</b> - <a href="javascript:fromhere(' + markerIndex + ')">From here</a>' +
    '<br>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
    '<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
    '<INPUT value="Get Directions" TYPE="SUBMIT">' +
    '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() +
        // "(" + name + ")" + 
    '"/>';
        // The info window version with the "to here" form open
        from_htmls[markerIndex] = html + '<br>Get directions: <a href="javascript:tohere(' + markerIndex + ')">To here</a> - <b>From here</b>' +
    '<br>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
    '<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br>' +
    '<INPUT value="Get Directions" TYPE="SUBMIT">' +
    '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
        // "(" + name + ")" + 
    '"/>';
        // The inactive version of the direction info
        html += '<br/>Get directions: <a href="javascript:tohere(' + markerIndex + ')">To here</a> - <a href="javascript:fromhere(' + markerIndex + ')">From here</a>';
    }
    GEvent.addListener(marker, "click", function() {
        //marker.openInfoWindowHtml('<div style="font-size:11px;width:200px;">' + html + '</div>');
        //showStore(markerIndex, false);
        gotoLocationPage(markerIndex);
    });
    GEvent.addListener(marker, "mouseover", function() {
        newHtml = html.replace('<strong>', '<strong onmouseover="showLink(this);" onmouseout="hideLink(this);" onclick="gotoLocationPage(' + markerIndex + ');">')

        marker.openInfoWindowHtml('<div style="font-size:11px;width:200px;">' + newHtml + '</div>');
        showStore(markerIndex, false);
    });
    GEvent.addListener(marker, "mouseout", function() {
        showStore(markerIndex, true);
    });
    gmarkers[markerIndex] = marker;
    htmls[markerIndex] = html;
    return marker;
}

/* This function picks up the click and opens the corresponding info window */
function myclick(i) {
    gmarkers[i].openInfoWindowHtml('<div style="font-size:11px;width:200px;">' + htmls[i] + '</div>');
}

/*  Functions that open the directions forms */
function tohere(i) {
    gmarkers[i].openInfoWindowHtml('<div style="font-size:11px;">' + to_htmls[i] + '</div>');
}

function fromhere(i) {
    gmarkers[i].openInfoWindowHtml('<div style="font-size:11px;">' + from_htmls[i] + '</div>');
}

/* Address examples:
350 Perimeter Center North, Atlanta, GA 30346
1600 Amphitheatre Pky, Mountain View, CA
*/
function changePosition(addrId) {
    var addrValue = document.getElementById(addrId).value;
    if (geocoder) {
        geocoder.getLatLng(addrValue, function(point) {
            if (!point) {
                alert(addrValue + " not found.");
            }
            else {
                //map.setCenter(point, zoom);
                var marker = new GMarker(point);
                map.addOverlay(marker);
                marker.openInfoWindowHtml(addrValue);
            }
        });
    }
}

function showStore(markerIndex, out) {
    parts = markersData[markerIndex].split(infoSeparator);
    if (parts.length == fullInfoCount) {
        var storename = parts[3].replace("'", "").split(",");
        var listDiv = document.getElementById('storeList');
        if (listDiv != null) {
            var stores = listDiv.getElementsByTagName('a');
            for (var j = 0; j < stores.length; j++) {
                if (storename[0].indexOf(stores[j].innerHTML) > -1) {
                    if (out) stores[j].style.backgroundColor = "#FFFFFF";
                    else stores[j].style.backgroundColor = "#FCD116";
                }
            }
        }
    }
}

function gotoLocationPage(markerIndex) {
    parts = markersData[markerIndex].split(infoSeparator);
if(parts[4]!="") location.href = parts[4];
else
{
    if (parts.length == fullInfoCount) {
        var storename = parts[3].replace("'", "").split(",");
        var listDiv = document.getElementById('storeList');
        var str;
        if (listDiv != null) {
            var stores = listDiv.getElementsByTagName('a');
            for (var k = 0; k < stores.length; k++) {
                str = stores[k].innerHTML.toLowerCase().replace('<strong>', '').replace('</strong>', '')
                if (storename[0].toLowerCase().indexOf(str) > -1) {
                    location.href = stores[k].href;
                    break;
                }
            }
        }
    }
}

}

function showLink(obj) {
    obj.style.cursor = 'hand';
}

function hideLink(obj) {
    obj.style.cursor = 'pointer';
}

// ====== This function displays the tooltip ======
// it can be called from an icon mousover or a side_bar mouseover
function showTooltip(marker) {
    tooltip.innerHTML = marker.tooltip;
    var point = map.getCurrentMapType().getProjection().fromLatLngToPixel(map.fromDivPixelToLatLng(new GPoint(0, 0), true), map.getZoom());
    var offset = map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(), map.getZoom());
    var anchor = marker.getIcon().iconAnchor;
    var width = marker.getIcon().iconSize.width;
    var height = tooltip.clientHeight;
    var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(offset.x - point.x - anchor.x + width - 3, offset.y - point.y - anchor.y - height + 48));
    pos.apply(tooltip);
    tooltip.style.visibility = "visible";
}

function listMouseOver(markerIndex) {
    parts = markersData[markerIndex].split(infoSeparator);

    //markerIndex++;
    if (parts.length == fullInfoCount) {
        html = parts[3];
        lat = parseFloat(parts[0]);
        lng = parseFloat(parts[1]);
        point = new GLatLng(lat, lng);
        var addr = parts[2].replace(/'/g,"");
        to_htmls[markerIndex] = html + '<br>Get directions: <b>To here</b> - <a href="javascript:fromhere(' + markerIndex + ')">From here</a>' +
    '<br>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
    '<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
    '<INPUT value="Get Directions" TYPE="SUBMIT">' +
    //'<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() +
    '<input type="hidden" name="daddr" value="' + addr +
        // "(" + name + ")" + 
    '"/>';
        // The info window version with the "to here" form open
        from_htmls[markerIndex] = html + '<br>Get directions: <a href="javascript:tohere(' + markerIndex + ')">To here</a> - <b>From here</b>' +
    '<br>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
    '<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br>' +
    '<INPUT value="Get Directions" TYPE="SUBMIT">' +
    //'<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
    '<input type="hidden" name="saddr" value="' + addr +
        // "(" + name + ")" + 
    '"/>';
        // The inactive version of the direction info
        html += '<br/><br/>Get directions: <a href="javascript:tohere(' + markerIndex + ')">To here</a> - <a href="javascript:fromhere(' + markerIndex + ')">From here</a>';


        newHtml = html.replace('<strong>', '<strong onmouseover="showLink(this);" onmouseout="hideLink(this);" onclick="gotoLocationPage(' + markerIndex + ');">');

        try {
            gmarkers[markerIndex].openInfoWindowHtml('<div style="font-size:11px;width:200px;">' + newHtml + '</div>');
        }
        catch (err) {
            //alert('Error with ID = ' + markerIndex + ' -- ' + err.message);
        }
    }
}
// ===== This function is invoked when the mouse goes over an entry in the side_bar =====
// It launches the tooltip on the icon      
function mymouseover(i) {
    showTooltip(gmarkers[i]);
}
// ===== This function is invoked when the mouse leaves an entry in the side_bar =====
// It hides the tooltip      
function mymouseout() {
    tooltip.style.visibility = "hidden";
}