//<script type="text/javascript">

        //<![CDATA[

        var map;
        var gmarkers = [];
        var htmls = [];
        var marker1;
        var pollCount = 0;
        var dateAdjust = 0;
        var point;
        var marker;
        var centre;
        var zoom = 4;

        function zzoomm() {

            Zoom = map.getZoom();

            if (Zoom > 12) {
                document.getElementById("div3").title = "out";
                Zoom = 12;
                map.setCenter(centre, Zoom, G_NORMAL_MAP);

            }
            else if (Zoom < 12) {
                document.getElementById("div3").title = "in";
                Zoom = 12;
                map.setCenter(centre, Zoom, G_NORMAL_MAP);

            }
            else if (document.getElementById("div3").title == "in") {
                Zoom = 18;
                map.setCenter(centre, Zoom, G_SATELLITE_MAP);
                document.getElementById("div3").title = "out";

            }
            else {
                Zoom = 7;
                map.setCenter(centre, Zoom, G_HYBRID_MAP);
                document.getElementById("div3").title = "in";
            }

        }

        function init() {

            if (GBrowserIsCompatible()) {
                          
                map = new GMap2(document.getElementById("map"));
                map.addControl(new GSmallZoomControl3D());
                map.addMapType(G_PHYSICAL_MAP);
                map.addControl(new GMapTypeControl());
                map.addControl(new GScaleControl());
                map.setCenter(new GLatLng(-26.6671,136.14258), zoom, G_HYBRID_MAP);  //Australia
               
                var wait = 2;    //secs
                var lapse = 2;

//                map.getInfoWindow().hide();
//                map.clearOverlays();
//                var point = new GLatLng(50.066155,-5.713945);    //Darwin start
//                var marker = createMarker(point, 2);    
//                map.addOverlay(marker);

                readMap();

            } else {

                alert("Sorry, the Google Maps API is not compatible with this browser");

            }   // end of browser test

        }   //end init function
         

////////////////////////////////////////////////////////////////////////////////////////////////////

       function readMap() {   //1

           pollCount = pollCount + 1;

           var url = "http://www.AdventureTradingPost.co.uk/MapData.aspx";
           
//        var url = "http://2979839.test.prositehosting.co.uk/MapData.aspx";
//        var url = "http://localhost:1088/AjaxATP/MapData.aspx";
//        var url = "http://www.euroloop/MapData.aspx";

            var date = getCalendarDate();
            var clockTime = getClockTime();

            document.getElementById("clock").innerHTML = "<b>" + clockTime + "<b> GMT updated every 15 mins by <a class='external' href='http://www.AdventureTradingPost.co.uk' target='_parent'>Adventure Trading Ltd</a>."
        
        var mapName='JVF';
        var startDate = '2009-11-17 08:00:00';      //Y-M-D format
        var endDate = '2010-11-19 10:00:00';
        var now = new Date();
        var start1 = new Date(2009, 10, 18, 08, 00, 00);  //yyyy,mm,dd,hr,min.sec NB month number-1!!!!!!!!!
        
        var request = GXmlHttp.create();
        url = url + "?map=" + mapName + "&start='" + startDate + "'&end='" + endDate + "'&callback=?";
        request.open("GET", url, true);

        request.onreadystatechange = function() { //2

            if (request.readyState == 4) {    //3

                //                var xmlDoc = request.responseXML;

                var xmlDoc = GXml.parse(request.responseText);

                //                  map.getInfoWindow().hide();
                //                  map.clearOverlays();

                gmarkers = [];

                var esns = xmlDoc.documentElement.getElementsByTagName("esn");
                var markers = xmlDoc.documentElement.getElementsByTagName("marker");
                var bounds = new GLatLngBounds();

                var col0;
                var col1;
                var lastPoint;
                var esnName;
                var time;
                var lat;
                var lng;
                var miles;
                var cumMiles;
                var days;

                document.getElementById("div2").style.display = 'block';

                if (esns.length == 0) {

                    document.getElementById("div2").innerHTML = "No signals received yet.";

                } else {

                    for (var i = 0; i < esns.length; i++) {   //4

                        esnName = esns[i].getAttribute("name");
                        col0 = esns[i].getAttribute("colour0");
                        col1 = esns[i].getAttribute("colour1");
                        cumMiles = 0;

                        var line1Col0 = [];
                        var line2Col0 = [];
                        var line3Col0 = [];
                        var line4Col0 = [];
                        var line5Col0 = [];
                        var line6Col0 = [];
                        var line1Col1 = [];
                        var line2Col1 = [];
                        var line3Col1 = [];
                        var line4Col1 = [];
                        var line5Col1 = [];
                        var line6Col1 = [];

                        if (esns[i].childNodes.length > 0) {  //5

                            for (var j = 0; j < esns[i].childNodes.length; j++) { //6

                                var child = esns[i].childNodes[j];

                                if (child.nodeName == 'marker') { //7

                                    lastPoint = point;

                                    lat = parseFloat(child.getAttribute("lat"));
                                    lng = parseFloat(child.getAttribute("lng"));
                                    miles = parseFloat(child.getAttribute("miles"));
                                    cumMiles = cumMiles + miles;

                                    point = new GLatLng(lat, lng);
                                    time = child.getAttribute("time");

                                    bounds.extend(point);

                                    line1Col0.push(point);

                                    //                                line2Col0.push(point);
                                    //                                line3Col0.push(point);
                                    //                                line4Col0.push(point);
                                    //                                line5Col0.push(point);
                                    //                                line6Col0.push(point);

                                    //                                line1Col1.push(point);
                                    //                                line2Col1.push(point);
                                    //                                line3Col1.push(point);
                                    //                                line4Col1.push(point);
                                    //                                line5Col1.push(point);
                                    //                                line6Col1.push(point);

                                    //                                line1Col0.push(lastPoint);
                                    //                                line2Col0.push(lastPoint);
                                    //                                line3Col0.push(lastPoint);
                                    //                                line4Col0.push(lastPoint);
                                    //                                line5Col0.push(lastPoint);
                                    //                                line6Col0.push(lastPoint);

                                    //                                line1Col1.push(lastPoint);
                                    //                                line2Col1.push(lastPoint);
                                    //                                line3Col1.push(lastPoint);
                                    //                                line4Col1.push(lastPoint);
                                    //                                line5Col1.push(lastPoint);
                                    //                                line6Col1.push(lastPoint);

                                }  // end of child1 nodename = marker     //7//

                            }   // end of if child nodes for loop    //6//


                        }   //end of childnodeslength>0   //5//

                        //                     map.addOverlay(new GPolyline(line1Col1, col1, 1, 1));
                        //                     map.addOverlay(new GPolyline(line2Col1, col1, 2, 1));
                        //                     map.addOverlay(new GPolyline(line3Col1, col1, 3, 1));
                        //                     map.addOverlay(new GPolyline(line4Col1, col1, 4, 1));
                        //                     map.addOverlay(new GPolyline(line5Col1, col1, 5, 1));
                        //                     map.addOverlay(new GPolyline(line6Col1, col1, 6, 1));

                        map.addOverlay(new GPolyline(line1Col0, col0, 2, 1));

                        //                    map.addOverlay(new GPolyline(line2Col0, col0, 2, 1));
                        //                    map.addOverlay(new GPolyline(line3Col0, col0, 3, 1));
                        //                    map.addOverlay(new GPolyline(line4Col0, col0, 4, 1));
                        //                    map.addOverlay(new GPolyline(line5Col0, col0, 5, 1));
                        //                    map.addOverlay(new GPolyline(line6Col0, col0, 6, 1));

                        //                          var name;
                        //                          var start = "<div style='margin: 0px; background-color: transparent; text-align:left; font-family: Arial; color:" + col0 + "; font-style:  normal; font-weight: normal; font-size: xx-small;'>"
                        //                          var end = "</div>"
                        //                          var html = "<br><br>" + time + " GMT<br>Latitude: " + lat + "<br>Longitude: " + lng;

                        //                          if (esnName == "HongKong1") {

                        //                              name = "Boat 1";
                        //                              html = start + name + html + end;

                        //                          } else {

                        //                              name = "Boat 2";
                        //                              html = start + name + html + end;

                        //                          }   // end of hongkong1


                        marker = createMarker(point, 1);

                        gmarkers[i] = marker;

                        //                          htmls[i] = html;
                        //                          side_bar_html += "<a style='font-family: Arial; color: " + col0 + "; font-style:  normal; font-weight: bold; font-size: medium;' href='javascript:myclick(" + i + ")'>" + name + "</a><br><br>";


                        //                          GEvent.addListener(marker, "click", function() {
                        //                              marker.openInfoWindowHtml(html);
                        //                          });

                        map.addOverlay(marker);

                        //                          if (pollCount > 1) {

                        if (zoom < 4 || zoom > 4) {
                            map.setCenter(bounds.getCenter());
                            document.getElementById("div2").style.display = 'none';
                        }

                        //                        map.setZoom(map.getBoundsZoomLevel(bounds));

                        centre = point;


                        //                          point = new GLatLng(59.35, 18.109);
                        //                          line2Col1.push(point);
                        //                          point = new GLatLng(60.4487, 22.2416);
                        //                          line2Col1.push(point);
                        //                          map.addOverlay(new GPolyline(line2Col1, col1, 2, 1));

                        //                          point = new GLatLng(60.1514, 24.9193);
                        //                          line3Col1.push(point);
                        //                          point = new GLatLng(59.4425, 24.7639);
                        //                          line3Col1.push(point);
                        //                          map.addOverlay(new GPolyline(line3Col1, col1, 2, 1));
                        //                          
                        //                          point = new GLatLng(48.71976,-3.96787);
                        //                          line4Col1.push(point);
                        //                          point = new GLatLng(51.83031,-8.3206);
                        //                          line4Col1.push(point);
                        //                          map.addOverlay(new GPolyline(line4Col1, col1, 2, 1));
                        //                          
                        //                          point = new GLatLng( 54.63588,-5.88013);
                        //                          line5Col1.push(point);
                        //                          point = new GLatLng(54.90542,-5.02039);
                        //                          line5Col1.push(point);
                        //                          map.addOverlay(new GPolyline(line5Col1, col1, 2, 1));


                    }     // end of for i loop thro all esns

                    days = ((now - start1) / (1000 * 60 * 60 * 24)) + 1;     //adjustment
                    days = 31;
                    cumMiles = cumMiles + 0;      //adjustments
                    cumMiles = 2425;

                    var mpd = 0;

                    if (days > 0) { mpd = Math.round(cumMiles / days) };

                    if (zoom == 4) {

                        document.getElementById("div2").style.visibility = "visible";
                        document.getElementById("div2").innerHTML = "So far I have cycled " + Math.round(cumMiles) + " miles in " + Math.round(days) + " days = " + mpd + " miles per day"
                    } else {

                        document.getElementById("div2").style.visibility = "hidden";

                    }



                }     // end of test for no of ESNs

            }   //end of request state =4

        }                //end of onchange function
       

          // put the assembled side_bar_html contents into the side_bar div
          //                  document.getElementById("side_bar").innerHTML = side_bar_html;

          point = "";
          request.send(null);
          setTimeout("readMap()", 15*60*1000); //15 mins

  } //end of readMap function
                
     ////////////////////////////////////////////////////////////////////////////           
                
           
       function createMarker(point,type) {

            var marker1 = new GMarker(point);
            
            var yDot = new GIcon();

//            yDot.image = "http://localhost:4352/AjaxATP/Images/YellowDot.png";
//            yDot.image = "http://www.adventuretradingpost.co.uk/Images/YellowDot.png";

            if (type == 1) {

                yDot.image = "http://maps.google.com/mapfiles/ms/micons/cycling.png"

            }else{

            yDot.image = "http://maps.google.com/mapfiles/ms/micons/rangerstation.png"

        }

            yDot.iconSize = new GSize(25, 25);
            yDot.iconAnchor = new GPoint(12,13);
            yDot.infoWindowAnchor = new GPoint(12,13);

            markerOptions = { icon: yDot };
            marker1 = new GMarker(point, markerOptions);

            return marker1;
        }
        
        ///////////////////////////////////////////////////////////////////////////////


//                function myclick(i) {
//            gmarkers[i].openInfoWindowHtml(htmls[i]);
//        }

        ///////////////////////////////////////////////////////////////////////////////////

        function getClockTime() {
        
             dateAdjust=0;
           
            var now = new Date();
            var hour = now.getHours()// + 8;      //HongKong time adj

//            if (hour > 15) {

//                dateAdjust = 1;
//                hour = hour - 8;

//            }
            
            var minute = now.getMinutes();
            var second = now.getSeconds();
            
            var ap = "";    //"AM";
//            if (hour > 11) { ap = "PM"; }
//            if (hour > 12) { hour = hour - 12; }
//            if (hour == 0) { hour = 12; }
            //            if (hour < 10) { hour = "0" + hour; }

            if (minute < 10) { minute = "0" + minute; }
            if (second < 10) { second = "0" + second; }
            
            var timeString = hour + ':' + minute + ':' + second// + " " + ap;
            
            return timeString;
        } // function getClockTime()


        /////////////////////////////////////////////////////////////////////////////////////////

        function getCalendarDate() {
        
            var monthAdjust=0;
        
            var months = new Array(13);
            months[0] = "Jan";
            months[1] = "Feb";
            months[2] = "Mar";
            months[3] = "Apr";
            months[4] = "May";
            months[5] = "Jun";
            months[6] = "Jul";
            months[7] = "Aug";
            months[8] = "Sep";
            months[9] = "Oct";
            months[10] = "Nov";
            months[11] = "Dec";
            var now = new Date();
            var monthnumber = now.getMonth();
            var monthname = months[monthnumber];
            var monthday = now.getDate() + dateAdjust;
            var year = now.getYear();
            if (year < 2000) { year = year + 1900; }
            var dateString = monthday + ' ' + monthname + ' ' + year;
            return dateString;
        } // function getCalendarDate()  
        
       //]]>
       
       
//    </script>