var map;
var geocoder;

var micon2 = new GIcon();
            
micon2.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
micon2.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
micon2.iconSize = new GSize(12, 20);
micon2.shadowSize = new GSize(22, 20);
micon2.iconAnchor = new GPoint(6, 20);
micon2.infoWindowAnchor = new GPoint(5, 1);
            
var icon = new GIcon();

icon.image = "http://labs.google.com/ridefinder/images/mm_20_blue.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);

var dealericon = new GIcon();

dealericon.image = "icons/skystream_dealer.gif";
dealericon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
dealericon.iconSize = new GSize(20, 20);
dealericon.shadowSize = new GSize(22, 20);
dealericon.iconAnchor = new GPoint(6, 20);
dealericon.infoWindowAnchor = new GPoint(5, 1);

// On body load, load the Google Maps interface and load event handlers
function load()
{
    document.forms[0].q.focus();
    
    if (GBrowserIsCompatible())
    {
        map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(38, 0), 1);
        geocoder = new GClientGeocoder();

        var address = "US";
        var width = 1;
        
        var i = document.getElementById('windmap');
        
        i.onclick = function() { window.alert("You must enter search criteria to view a wind map."); document.forms[0].q.focus(); return false; };

        //displayStart(address,width);
    }

    // Capture event for when a user drags the map around and update the map
    // with a new result set based on the map boundaries
    GEvent.addListener(map, "dragend",
        function() { updateMap(); });

    // Capture event for when a user zooms in or out on the map and update the map
    // with a new result set based on the map boundaries
    GEvent.addListener(map, "zoomend",
        function() { updateMap(); });
}

// Called by onclick event handler, which seems to be most friendly with IE7 and Opera browsers
function browserLoad1()
{
    var b = navigator.appName;
    
    if ( b == "Microsoft Internet Explorer" || b == "Opera" ) { return updateSearch(); }
}

// Called by onchange event handler, which seems to be most friendly with Firefox and Safari browsers
function browserLoad2()
{
    var b = navigator.appName;
    
    if ( b != "Microsoft Internet Explorer" && b != "Opera" ) { return updateSearch(); }
}

// Create a map marker consisting of dealer or owner information
function createMarker(point, icon, company, firstname, lastname, address1, address2, city, state, zip, country, phone1, phone2, email, website, notes, rid)
{
    var loc = document.forms[0].q.value;
    var c = document.forms[0].country.value;
    
    var marker = new GMarker(point, icon);

    GEvent.addListener(marker, "click", function() 
    {
        var s = searchType();
        
        if (s == "showdealers")
        {
            marker.openInfoWindowHtml("<span class=\"markerstitle\">" + company + "</span>" + "<br />" + address1 + "<br />" + address2 + "<br />" + city + ", " + state + " " + zip + "<br />" + phone1 + "<br />" + phone2  + "<br />" + "<a href=\"mailto:" + email + "\">" + email + "</a>" + "<br />" + "<a href=\"http://" + website + "\">" + website + "</a>" + "<br />" + "<a href=\"\" onclick=\"openwin('directions.php?id=" + rid + "&country=" + c + "&zip=" + loc + "','Directions'); return false;\">directions</a>" + "<br />" + notes);
        }
        else if (s == "showowners")
        {
            marker.openInfoWindowHtml("<span class=\"markerstitle\">" + firstname + " " + lastname + "</span>" + "<br />" + address1 + "<br />" + city + ", " + state + " " + zip + "<br />" + "<a href=\"mailto:" + email + "\">" + email + "</a>" + "<br />" + "<a href=\"http://" + website + "\">" + website + "</a>" + "<br />" + notes);            
        }
    });
    
    return marker;
}

function createMarkerCenter(plat, plng, icon)
{
    var point = new GPoint(plng, plat);
    var marker = new GMarker(point, icon);
    
    GEvent.addListener(marker, "click", function()
    {
        marker.openInfoWindowHtml(point + "<br>Search Location");
    });

    return marker;
}

function createMarkerPoint(point, icon)
{
    var marker = new GMarker(point, icon);

    GEvent.addListener(marker, "click", function()
    {
        marker.openInfoWindowHtml("<b>" + point + "<br />Search Location");
    });
    
    return marker;
}

function displayStart(address, width)
{
    geocoder.getLatLng( address, function(point)
    {
        map.setCenter(point, width);
        map.addOverlay(createMarkerPoint(point, micon2, address));
    });
}

// When a user clicks on expand, this function will zoom out the map and update the results accordingly
function expand()
{
    var width = map.getZoom();
    
    width--;
    
    map.setZoom(width);
    
    updateMap();
}

// Tied to input text box to ignore the enter key stroke
// In the future, on enter key press will result in a map update
function onenter(e)
{
    var evt = e || window.event;
    var keyPressed = evt.which || evt.keyCode;
    
    if (keyPressed == 13)
    {
        updateSearch();
        return false;
    }
}

// Open new window of a limited size using Javascript
function openwin(url, title)
{
    window.open(url,title,'width=575,height=750,directories=no,location=no,menubar=no,scrollbars=yes,status=no,toolbar=no');
}

// Open generic new window via Javascript
function gopenwin(url)
{
    window.open(url,'','');
}

// Return the selected radio button
function searchType()
{
    var searchoption = 0;
    
    for ( var i = 0; i < document.forms[0].searchgroup.length; i++ )
    {
        if ( document.forms[0].searchgroup[i].checked == true )
        {
            searchoption = document.forms[0].searchgroup[i].value;
            break;
        }
    }
    
    return searchoption;
}

// This function is called by updateSearch
function showAddress(address,width)
{
    geocoder.getLatLng(address, function(point)
    {
        if (!point)
        {
            window.alert(address + " not found");
        }
        else
        {
            map.clearOverlays();
            
            map.setCenter(point, width);
            map.addOverlay(createMarkerPoint(point, micon2));

            // Calculate bounds of map in order to update map with new result set
            var bounds = map.getBounds();
            var southWest = bounds.getSouthWest();
            var northEast = bounds.getNorthEast();
            var lngSpan = northEast.lng() - southWest.lng();
            var latSpan = northEast.lat() - southWest.lat();
    
            // Call the function that updates the results
            updateResults(northEast.lng(),northEast.lat(),southWest.lng(),southWest.lat(),searchType());
        }
    });
}

// This function is used to load the incentives content and windmap URL based on state and country
function showIncentives(loc)
{
    GDownloadUrl("loc_toxml.php?loc=" + document.forms[0].q.value + '&country=' + document.forms[0].country.value, function(data)
    {
        if ( data )
        {
            var xml = GXml.parse(data);
            var root = xml.documentElement.getElementsByTagName("loc");

            var state = root[0].getAttribute("state");

            if ( ! state )
            {
                document.forms[0].searchgroup[0].checked = true;
                window.alert("This search tool currently displays results for the United States only. If you live outside the United States, please contact your local dealer to find out what incentives are available.");
            }
            else
            {
                var m = document.getElementById('map');
                m.className = 'hidemap';
                var mr = document.getElementById('mapfooter');
                mr.className = "hidemapfooter";
                
                var r = document.getElementById('results');
                removeNodes(r);
                
                updateAjax('incentives', 'incentives.php?state=' + state);
            }
        }
        else
        {
            window.alert(document.searchform.q.value + " not found");
        }
    });
}

function showWindmap(loc)
{
    GDownloadUrl("loc_toxml.php?loc=" + document.forms[0].q.value + '&country=' + document.forms[0].country.value, function(data)
    {
        if ( data )
        {
            var xml = GXml.parse(data);
            var root = xml.documentElement.getElementsByTagName("loc");

            var windurl = root[0].getAttribute("windurl");
            
            var i = document.getElementById('windmap');
            if ( windurl == 'none' )
            {
                i.onclick = function() { window.alert("You must enter search criteria to view a wind map."); return false; };
            }
            else
            {
                i.onclick = function() { gopenwin(windurl); return false; };
                //i.setAttribute("href", windurl);
            }
        }
        else
        {
            window.alert(document.searchform.q.value + " not found");
        }
    });
}

// This function is called by the Google Maps event handler when an event occurs (drag or zoom)
function updateMap()
{
    if ( document.forms[0].q.value )    
    {
        map.clearOverlays();
        wait(500);
    
        var clat = map.getCenter().lat();
        var clng = map.getCenter().lng();
        
        map.addOverlay(createMarkerCenter(clat, clng, micon2));
        
        // Calculate bounds of map in order to update map with new result set
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
        
        // Display URL to access XML marker list directly for debug purposes
        //var d = document.getElementById('debug');
        //d.innerHTML = "markers_toxml.php?nelng=" + northEast.lng() + "&nelat=" + northEast.lat() + "&swlng=" + southWest.lng() + "&swlat=" + southWest.lat() + "&searchoption=" + searchType();

        // Call the function that updates the results
        updateResults(northEast.lng(),northEast.lat(),southWest.lng(),southWest.lat(),searchType());
    }
}

// This code actually updates the map markers and results on the site
function updateResults(nelng,nelat,swlng,swlat,searchoption)
{    
    // Update the map markers
    GDownloadUrl("markers_toxml.php?nelng=" + nelng + "&nelat=" + nelat + "&swlng=" + swlng + "&swlat=" + swlat + "&searchoption=" + searchoption + '&country=' + document.forms[0].country.value, function(data) 
    {
        if (data)
        {
            var active = 1;
            var xml = GXml.parse(data);
            var markers = xml.documentElement.getElementsByTagName("marker");

            for (var i = 0; i < markers.length; i++)
            {
                var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                            parseFloat(markers[i].getAttribute("lng")));
                var type = markers[i].getAttribute("type");
                var company = markers[i].getAttribute("company");
                var firstname = markers[i].getAttribute("firstname");
                var lastname = markers[i].getAttribute("lastname");
                var address1 = markers[i].getAttribute("address1");
                var address2 = markers[i].getAttribute("address2");
                var city = markers[i].getAttribute("city");
                var state = markers[i].getAttribute("state");
                var zip = markers[i].getAttribute("zip");
                var country = markers[i].getAttribute("country");
                var phone1 = markers[i].getAttribute("phone1");
                var phone2 = markers[i].getAttribute("phone2");
                var email = markers[i].getAttribute("email");
                var website = markers[i].getAttribute("website");
                var notes = markers[i].getAttribute("notes");
                var dealerid = markers[i].getAttribute("dealerid");
                var sdealer = 0;

                if ( type == "dealer" )
                {
                    active = markers[i].getAttribute("active");
                    sdealer = markers[i].getAttribute("sdealer");
                }

                var marker;

                if ( sdealer == '1' && active == '1' )
                { 
                    marker = createMarker(point, dealericon, company, firstname, lastname, address1, address2, city, state, zip, country, phone1, phone2, email, website, notes, dealerid);
                }
                else if ( active == '1' )
                {
                    marker = createMarker(point, icon, company, firstname, lastname, address1, address2, city, state, zip, country, phone1, phone2, email, website, notes, dealerid);
                }

                if ( active == '1' )
                {
                    map.addOverlay(marker);
                }
            }
        }
    });

    // Update the search result list
    updateAjax('results', 'results.php?nelng=' + nelng + '&nelat=' + nelat + '&swlng=' + swlng + '&swlat=' + swlat + '&searchoption=' + searchoption + '&loc=' + document.forms[0].q.value + '&country=' + document.forms[0].country.value);
}

// This function is the starting point to updating the map when a user clicks on a radio button or clicks Go
function updateSearch()
{
    var loc = document.forms[0].q.value;
    var c = document.forms[0].country.value;
    var s = searchType();
    
    // Check if a user entered a state in the search field instead of a city or zip code
    // IE
    try
    {
        xml = new ActiveXObject("MSXML2.DOMDocument");
    }
    catch(e)
    {
        try
        {
            // Firefox, Opera
            xml = document.implementation.createDocument("","",null);
        }
        catch(e)
        {
            alert(e.message);
            return;
        }
    }

    // Safari does not support the XML load function
    // Working on alternative
    try
    {
        xml.async=false;
        xml.load("input_toxml.php?input=" + document.forms[0].q.value);
        var root = xml.getElementsByTagName("input")
        var result = root[0].getAttribute("result");

        if ( result != '0' )
        {
            window.alert("You have entered a state in the search field. Please enter a valid city or zip code.");
            return ;
        }
    }
    catch(e) { }
    
    if ( ! document.forms[0].q.value )
    {
        window.alert("Please enter a zip code or city.");
        document.forms[0].q.focus();
    }
    else
    {
        var m = document.getElementById('map');
        m.className = "showmap";
        var mr = document.getElementById('mapfooter');
        mr.className = "showmapfooter";
        
        var i = document.getElementById('incentives');
        removeNodes(i);
        
        showWindmap(loc);
        
        if (s == "showincentives") { showIncentives(loc); }
        else if (c == "US" && s == "showdealers") { showAddress(loc + ' ' + c,7); }
        else { showAddress(loc + ' ' + c,7); }
    }
}

// Sleep function in ms
function wait(delay)
{
    d = new Date();
    while ( 1 )
    {
        ms = new Date();
        diff = ms - d;
        if( diff > delay ) { break; }
    }
}