var marker=[];
var html=[];
var iwn=0;
var poet=[];
var latitude=[];
var longitude=[];
var country=[];
// red mini marker icon
var icon = new GIcon();
var geo = new GClientGeocoder();
var lat = [];
var lng = [];
var bounds = new GLatLngBounds();

var status=[];
var map;

function heatMap()
{
	window.onload = initFormFieldFocus;



miniMarker=[];
precis=[];
icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.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);

// Geocoding

status[G_GEO_SUCCESS]            = "Success";
status[G_GEO_MISSING_ADDRESS]    = "Missing Address";
status[G_GEO_UNKNOWN_ADDRESS]    = "Unknown Address";
status[G_GEO_UNAVAILABLE_ADDRESS]= "Unavailable Address";
status[G_GEO_BAD_KEY]            = "Bad Key";
status[G_GEO_TOO_MANY_QUERIES]   = "Too Many Queries";
status[G_GEO_SERVER_ERROR]       = "Server Error"



    map = new GMap(document.getElementById("map"));

   // Create tile layers
        
 // ====== Create a GCopyrightCollection =======
      var copycol = new GCopyrightCollection("");
      // ====== Create a GCopyright for each region and add them to the Collection
      // In this case theres one copyright for the entire map
      var copy1 = new GCopyright(1, new GLatLngBounds(new GLatLng(-90,-180),new GLatLng(90,180)), 0, "Skyhook");
      copycol.addCopyright(copy1);
        
    var tileTerr0= new GTileLayer(copycol,1,17);
        tileTerr0.myLayers='coverage';
        tileTerr0.myFormat='image/png';
	tileTerr0.myBaseURL='http://www2.skyhookwireless.com/cgi-bin/mapserv.sh?map=/home/webadmin/www2.skyhookwireless.com/html/mapster/coverage/heat.map&';
        tileTerr0.getTileUrl=CustomGetTileUrl;
        tileTerr0.getOpacity = function() {return 0.7;}

        var layer1=[G_NORMAL_MAP.getTileLayers()[0],tileTerr0];
        var layer2=[G_SATELLITE_MAP.getTileLayers()[0],tileTerr0];

    var custommap1 = new GMapType(layer1, G_NORMAL_MAP.getProjection(), "Normal", G_NORMAL_MAP);
    var custommap2 = new GMapType(layer2, G_NORMAL_MAP.getProjection(), "Sat", G_SATELLITE_MAP);
      
    map.getMapTypes().length = 0;
    map.addMapType(custommap1);
    map.addMapType(custommap2);

    map.setCenter(new GLatLng(37.8,-122.4819), 6);

    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());

    map.centerAndZoom(new GPoint(-99.08387, 39.66330), 14);



    map.enableContinuousZoom();
    map.enableDoubleClickZoom();



     //  ======== Add a map overview ==========
      map.addControl(new GOverviewMapControl(new GSize(100,100)));
    GEvent.addListener(map, 'zoom', function(oldZoomLevel, newZoomLevel) {
       if(newZoomLevel < 8) {
         map.zoomTo(Math.min(oldZoomLevel, 8));
       }
    })



        map.hideControls();

        ////'mouseover' listener shows controls

        GEvent.addListener(map, "mouseover", function(){
                map.showControls();
        });

        ////'mouseout' listener hides controls

        GEvent.addListener(map, "mouseout", function(){
                map.hideControls();
        });



//	GEvent.addListener(map.getOverviewMapControl(), "changed", updatePageUrl)

      //  ======== Cause the overview to be positioned AFTER IE sets its initial position ======== 
      setTimeout("positionOverview()",1);map.setMapType(custommap1);



}

function initFormFieldFocus()
{
	focusField(document.getElementById("search"));

	return true;
}



function luokse(){
        map.zoomIn();map.zoomIn();map.zoomIn();
};

function createIW(name,pin,lati,longi,addr,iso){
        GEvent.addListener(pin, "click", function() {
                poet[iwn]=addr;
                latitude[iwn]=lati;
                longitude[iwn]=longi;
                country[iwn]=iso;
                var closer = "<a href=javascript:luokse();>See Closer</a>"
                pin.openInfoWindowHtml(addr+"<br><br>"+lati+", "+longi+"<br><br>"+closer);
        })
        iwn++;
};

function go(lat,lng,zoom,num){
        map.setZoom(zoom);
        //map.panTo(new GLatLng(lat,lng));
        GEvent.trigger(marker[num],"click");
};

function showAddress()
{

        lat.length=0;

        document.getElementById("message").innerHTML = "searching";
        var search = document.getElementById("search").value;
        clearMaps();
        geo.getLocations(search, function (result)
        {
                // show status code

                document.getElementById("message").innerHTML = status[result.Status.code]+"<br>";

                if (result.Status.code == G_GEO_SUCCESS)
                {

                        // Loop through the results, placing markers
                        for (var i=0; i<result.Placemark.length; i++)
                        {
                                lat[i]=result.Placemark[i].Point.coordinates[1];
                                lng[i]=result.Placemark[i].Point.coordinates[0];
                                html[i]=result.Placemark[i].address;

                                precis[i]=3*html[i].split(",").length;
                                var point=new GLatLng(lat[i],lng[i]);
                                var coords="<small> ("+lat[i]+", "+lng[i]+")</small>";



                                marker[i]=new GMarker(point, {title:i+1});;
                                map.addOverlay(marker[i]);
                                miniMarker[i]=new GMarker(point,icon);
                                theMini=miniMarker[i];
                                //mini.addOverlay(miniMarker[i]);
                                bounds.extend(marker[i].getPoint());
                                var addr=result.Placemark[i].address;
                                var iso=result.Placemark[i].AddressDetails.Country.CountryNameCode;
                                createIW(i+1,marker[i],lat[i],lng[i],addr,iso);

                                document.getElementById("message").innerHTML +="<a href=javascript:go("+lat[i]+","+lng[i]+","+precis[i]+","+i+")>"+ html[i]+" "+coords+"</a><br>";
                        }



                        spit();
                }
        }
        );
};

function showLocation() {
        var loc = this.map.getCenter();

        /* should send update to a view */
        document.getElementById("area").innerHTML = (Math.floor(loc.y * 10000) / 10000) + ',' + (Math.floor(loc.x * 10000) / 10000);
}

function spit(){
        var center = bounds.getCenter();
        map.closeInfoWindow();
        map.setZoom(map.getBoundsZoomLevel(bounds));
        map.setCenter(center);
        map.panDirection(0,0.2);
};

// Clear function

function clearMaps(){
        map.clearOverlays();
        //mini.clearOverlays();
        marker.length=0;
        miniMarker.length=0;
        document.getElementById("message").innerHTML="-";
        bounds = new GLatLngBounds();
        iwn=0;
};



      //  ======== A function to adjust the positioning of the overview ========
      function positionOverview() {
        var omap=document.getElementById("map_overview");
	var mapElem = document.getElementById("map");
	var newx = parseInt(mapElem.offsetWidth)-100;
	var newy = parseInt(mapElem.offsetHeight)-100;
        omap.style.left = newx+"px";
        omap.style.top = newy+"px";

        // == restyling ==
        omap.firstChild.style.border = "1px solid gray";

        omap.firstChild.firstChild.style.left="4px";
        omap.firstChild.firstChild.style.top="4px";
        omap.firstChild.firstChild.style.width="190px";
        omap.firstChild.firstChild.style.height="190px";
      }