var map;

function createMarker(point, number, mag, date, location,link,x,y) {

   
magy = mag;
	iconsize = parseInt(5+ magy*5);
    if (mag < 2) {

        
var newIcon = MapIconMaker.createMarkerIcon({width: iconsize, height: iconsize, primaryColor: "#888888"});
        var marker = new GMarker(point, newIcon);
    }

    if ((mag >= 2) && (mag < 3)) {

       
var newIcon = MapIconMaker.createMarkerIcon({width: iconsize, height: iconsize, primaryColor: "#0000ff"});
        var marker = new GMarker(point, newIcon); 
    }

    if ((mag >= 3) && (mag < 4)) {

        var newIcon = MapIconMaker.createMarkerIcon({width: iconsize, height: iconsize, primaryColor: "#00ff00"});
        var marker = new GMarker(point, newIcon);   

    }

    if ((mag >= 4) && (mag < 5)) {

       var newIcon = MapIconMaker.createMarkerIcon({width: iconsize, height: iconsize, primaryColor: "#972477"});
        var marker = new GMarker(point, newIcon); 

    }

    if ((mag >= 5) && (mag < 6)) {

        var newIcon = MapIconMaker.createMarkerIcon({width: iconsize, height: iconsize, primaryColor: "#EFF32E"});
        var marker = new GMarker(point, newIcon);    

    }

    if ((mag >= 6) && (mag < 7)) {

         var newIcon = MapIconMaker.createMarkerIcon({width: iconsize, height: iconsize, primaryColor: "#FF8A00"});
        var marker = new GMarker(point, newIcon);    

    }

    if ((mag >= 7) && (mag < 8)) {

        var newIcon = MapIconMaker.createMarkerIcon({width: iconsize, height: iconsize, primaryColor: "#FF0000"});
        var marker = new GMarker(point, newIcon); 

    }

    if ((mag >= 8) && (mag < 20)) {

       var newIcon = MapIconMaker.createMarkerIcon({width: iconsize, height: iconsize, primaryColor: "#000000"});
        var marker = new GMarker(point, newIcon); 

    }

   

    

    var html = "<div style=\"width: 175px; height: 100px; z-index: 999; \"> <p>Location " + location + "</p><p> " + date + " </p><p>Magnitude <b>" + mag +"</b></p> <li> <a href=\""+link+"\" target=\"blank\">More from USGS</a></li> </div>";

    

    GEvent.addListener(marker, "click", function() {

        marker.openInfoWindowHtml(html);

    });

    return marker;

}

function onLoad() {

    if (GBrowserIsCompatible()) {

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

        map.addControl(new GLargeMapControl());

        map.addControl(new GMapTypeControl());

        map.addControl(new GOverviewMapControl());

        map.addControl(new GScaleControl());

        map.setCenter(new GLatLng(37.441944,-122.141944),2);

        map.enableContinuousZoom();

        map.enableDoubleClickZoom();

    }

    loading();

    url = "http://www.robogear.biz/earthquake/quake3.php";

    document.getElementById("title").innerHTML = "<p><font size=\"3\"><b>Earthquakes in the last day. Magnitude greater than 2.5 (From <a href=\"http://earthquake.usgs.gov/\">USGS</a>)</b></font></p>";

    loading();

    Load(url);

}

function msh(lat,lng,zoom,ty){

    var gotopoint = new GLatLng(lat,lng);

    if(ty){

        map.setMapType(G_NORMAL_MAP);

        }else{

        map.setMapType(G_SATELLITE_MAP);

    }

    map.setCenter(gotopoint,zoom);

}

function loading(){

    document.getElementById("lid").innerHTML = "<p><b><font size=\"5\"color=\"navy\">Loading ...</font><b><p>";

}

function LoadAll() {

    url = "http://www.robogear.biz/earthquake/quake5.php";

    document.getElementById("title").innerHTML = "<p><font size=\"3\"><b>Earthquakes in the last 7 days. Magnitude greater than 2.5 (From <a href=\"http://earthquake.usgs.gov/\">USGS</a>)</b></font></p>";

    loading();

    Load(url);

}

function LoadAlloneday() {

    url = "http://www.robogear.biz/earthquake/quake3.php";

    document.getElementById("title").innerHTML = "<p><font size=\"3\"><b>Earthquakes in the last day. Magnitude greater than 2.5 (From <a href=\"http://earthquake.usgs.gov/\">USGS</a>)</b></font></p>";

    loading();

    Load(url);

}

function LoadSmallWorld() {

    url = "http://www.robogear.biz/earthquake/quake4.php";

    document.getElementById("title").innerHTML = "<p><font size=\"3\"><b>Earthquakes in the last 7 days. Magnitude greater than 5 (From <a href=\"http://earthquake.usgs.gov/\">USGS</a>)</b></font></p>";

    loading();

    Load(url);

}

function Load(url) {

    var allMarkersArray = new Array();

    var request = GXmlHttp.create();

    request.open("GET", url, true);

    request.onreadystatechange = function() {

        if (request.readyState == 4) {

            var xmlDoc = request.responseXML;

            var markers = xmlDoc.documentElement.getElementsByTagName("item");

            map.clearOverlays();

            for (var i = 0; i < markers.length; i++) {

                var point = new

                GLatLng(parseFloat(markers[i].getAttribute("geolat")),

                parseFloat(markers[i].getAttribute("geolong")));

                var marker = createMarker(point, i + 1,parseFloat(markers[i].getAttribute("mag")), markers[i].getAttribute("description"),markers[i].getAttribute("title"),markers[i].getAttribute("link"),parseFloat(markers[i].getAttribute("geolat")),parseFloat(markers[i].getAttribute("geolong")));

                map.addOverlay(marker);

            }

            document.getElementById("lid").innerHTML = "&nbsp;";

        }

    }

    request.send(null);

} 

var MapIconMaker={};
MapIconMaker.createMarkerIcon=function(a){var b=a.width||32;var c=a.height||32;var d=a.primaryColor||"#ff0000";var e=a.strokeColor||"#000000";var f=a.cornerColor||"#ffffff";var g="http://chart.apis.google.com/chart?cht=mm";var h=g+"&chs="+b+"x"+c+"&chco="+f.replace("#","")+","+d.replace("#","")+","+e.replace("#","")+"&ext=.png";var j=new GIcon(G_DEFAULT_ICON);j.image=h;j.iconSize=new GSize(b,c);j.shadowSize=new GSize(Math.floor(b*1.6),c);j.iconAnchor=new GPoint(b/2,c);j.infoWindowAnchor=new GPoint(b/2,Math.floor(c/12));j.printImage=h+"&chof=gif";j.mozPrintImage=h+"&chf=bg,s,ECECD8"+"&chof=gif";var h=g+"&chs="+b+"x"+c+"&chco="+f.replace("#","")+","+d.replace("#","")+","+e.replace("#","");j.transparent=h+"&chf=a,s,ffffff11&ext=.png";j.imageMap=[b/2,c,(7/16)*b,(5/8)*c,(5/16)*b,(7/16)*c,(7/32)*b,(5/16)*c,(5/16)*b,(1/8)*c,(1/2)*b,0,(11/16)*b,(1/8)*c,(25/32)*b,(5/16)*c,(11/16)*b,(7/16)*c,(9/16)*b,(5/8)*c];for(var i=0;i<j.imageMap.length;i++){j.imageMap[i]=parseInt(j.imageMap[i])}return j}