﻿function initialize() {
    if (GBrowserIsCompatible()) {

        // this variable will collect the html which will eventualkly be placed in the side_bar
        var side_bar_html = "";
    
        // arrays to hold copies of the markers and html used by the side_bar
        // because the function closure trick doesnt work there
        var gmarkers = [];

        // A function to create the marker and set up the event window
        function createMarker(point,name,html) {
            // use a custom icon with letter A - Z
            var letter = String.fromCharCode("A".charCodeAt(0) + (gmarkers.length));
            var myIcon = new GIcon(G_DEFAULT_ICON, "http://www.google.com/mapfiles/marker" + letter + ".png");
            myIcon.printImage = "http://maps.google.com/mapfiles/marker"+letter+"ie.gif"
            myIcon.mozPrintImage = "http://maps.google.com/mapfiles/marker"+letter+"ff.gif"

            var marker = new GMarker(point, {icon:myIcon});
            GEvent.addListener(marker, "click", function() {
                marker.openInfoWindowHtml(html);
            });
            // save the info we need to use later for the side_bar
            gmarkers.push(marker)
            // add a line to the side_bar html
            side_bar_html += '<b>'+letter+'<\/b> <a href="javascript:myclick(' + (gmarkers.length-1) + ')">' + name + '<\/a><br>';
            return marker;
        }

        // This function picks up the click and opens the corresponding info window
        function myclick(i) {
            GEvent.trigger(gmarkers[i], "click");
        }

        // create the map
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setMapType(G_PHYSICAL_MAP);
        map.setCenter(new GLatLng(51.24, 0.65), 11);
        map.setUIToDefault();

	}
	  
	{
      
	var encodedPolyline = new GPolyline.fromEncoded({
    color: "#ff0000",
    weight: 5,
    opacity: 0.8,
    points: "uwwwHalbCAGFg@TPERJDF@XOpA{ELSHGTCRBHF~@fBf@r@Ha@`AoCNu@h@e@PKl@s@DVkBxB_AnCUfAK~@nAv@t@l@RZJKjCpD@bET??^FH~A^ZPAThBpApBjA~Aj@FHBd@@dBCjACRGLIHo@REDEr@Cx@DlAZdEJHr@^DFBN@t@CXM^Rl@j@z@DL@NSf@ANDxAXxGVtDDNn@iANa@bAkCvAiDd@yAx@sFZgAh@mAHYDi@t@ZnAhADDBTzC`DjAlBx@~@TRPFL?|@cAJE`Cm@P?NFPPR\\n@xB\\`AR`@FCFQZaEd@_EBKNWd@i@PM|@Ul@i@L`@`@z@Z^\\ZFCDODU?QOu@CS@QJw@h@gC?e@Dk@G_@CwC@{CBKFCzCZ|J`@`AX`@B`AN\\B~ADbCNnA@nCFRAZELeIHqC?s@LKxAPZH\\Pj@f@R`@DADyAJc@zAiATKTCx@?p@Db@AhAMVKV?t@TlFpBp@Lf@Dx@BVCfEdPGd@_A`QRB@v@E\\i@@KD{DjWBRRXIb@eAcAw@SYMEQGLu@UwAOeFmAQ?SFKLg@dCw@hFKDW@[J_Aj@kAz@_@P]JYBc@L[N_@p@GHULSWELSHiAl@MDu@LMDwB|Ag@d@o@^QPSLgApA_@^mCv@i@\\OLk@lAm@`@a@^ILUr@k@h@oAp@[Vs@HkAd@WNUBKDKJMPSh@UpAW`AQb@m@`CILS`AUb@i@bDO\\Yd@iAcAs@aAUg@ICcEiFuB{CuAaCc@{@gAcCmAgDQQG?GDMTk@hBcA`DS`AInAEdGKhBEh@Kf@e@hBMp@K\\Q^cAfA]NU@MBIL?hBILEd@FnIDdA@hABV_@bAI@QJi@l@MfAEt@Av@DnCIf@e@~B_@dCMb@KRQPq@d@MNMVI^E\\DbBCXk@vByAdGu@lCs@|DQd@GLK?MGK?GD}A~Em@jAKBFlA[dBOR_AyAcAqA_@W][aDcDEN[|IQpDAfAOpAUtAAv@Tf@FVARS^IFKAg@j@]DgA`@{@PYL_@Ra@PSPSTO\\y@bCKf@G`@Ab@@ZBVPl@BT?HMPe@`@gAxAeAlAMFIyAIg@wAiFSi@Q]SMWkBDSNSLIDQIeAIs@Ic@SWBGLFQ_@i@]e@MI?GBKNGNK`@EB]QB_@UGSAEBGTHT^TH[^T@h@LTTe@PPG^?P@RHXJVPRXFJLNj@TfBKLCr@g@Bg@CaB[yAa@WEWFYPkAlAE@_BKyCKWEyA_@a@Qa@GMWAW_@aCMe@Qg@Oo@Qe@SgAMM[sAe@wA]m@]x@Q\\qAlBaBtCKCcAI[GiAu@KCYZc@~@aBwBSj@u@cAC?IJqArCSRqBr@g@LICy@_AEDWpAKz@[|DCNEHGDI?UI_@GGBU^E@QME?[f@MZET@f@CNoAdAg@^_@Ts@N[V_@^OFGHDkCDs@_@Kg@c@uAmBYYGCuAh@{@VIHqEl@SFS@}ATYJCkAHmAGMKEK`@",
    levels: "P?CAAB@CA?E@?C@E@@C?@GBBA?F?ABBDBB@D@BBB@@F?@?C?A?C?D?C??C?A?C@?C@?ABA@I?A?@CB@A?GAB?AAA@?EA?CA?E?A@?G?A@A?E?AAE?@BB?E?A@?B?A?B@A?G@@BA??B@A??FB??AF?C?AE@@CD?A??A@@E?C?A?HE@BBDB@CB@AJB?ACB@@B?G@AE??B??A??@BA?BB@?A??D@@A???CAC@A?A?AC@AA?@@?F?AA????@BA?HA@A@@C?A@BA?H?@?C@@C?@?D?AB@?@EA@B@??DB?AD?A@AD??C?@?A?C@?C??AF?B?@?CB@CB@F?B?@F???B?CAA?FA@AB@??B?A?E?A?C?A???D?@?IB@BB?ADC@?@B?A@B@AF@?C?@??CBC?B@EABBCACBD?A?C?A@ACB@F?B??D@A?D??G@@AD?A???@B@?AG?@@E??B?D@DBC?E?@D?C?@F@?@?E@A?B?B@?D?B??C?A@A?@?G?DAA?F@?@B???@E@ACAP",
    zoomFactor: 2,
    numLevels: 18
});

	map.addOverlay(encodedPolyline);
      
	}

}
  