﻿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(50.76,0.155), 11);
        map.setUIToDefault();

	}
	  
	{
      
	var encodedPolyline = new GPolyline.fromEncoded({
		color: "#ff0000",
		weight: 5,
		opacity: 0.8,
		points: "gq{tH{pREIV{@HEL?FNf@zBNXZ?LOJGbCVnDRdCbDK^N^^B^P`@LZSL]Lo@EeA?_D~JwVJGJBLIFWAc@xMiYSG?WKYAWDYh@oAD_@Ac@Pc@j@sB^gBr@mC\\_AdCcEXkAbAmCZa@Zm@LOJGXk@b@q@`@y@t@cAPc@`@uAj@qDXsA\\mAb@yBt@iCp@yAJe@LSZYb@g@z@oCViAl@kJN_BrAmJn@iDNoAh@}Gb@yGz@{JViBx@iE^yDN}BJwCZaO@iACmAKeAk@{AUmAG{@MmCQiA]oAc@oAuAiDk@cC[}@]c@w@k@m@o@_AoGMsAGEKLI\\o@`AKVIh@a@lAg@rAi@x@o@n@w@n@{AdAeBlB_ClDWRm@\\aGtEYJa@@m@Iu@SYOkAcAe@Yw@YeB_AgAeAi@OSM_@O]QeCgBuByCqBgCWg@e@iA_@mA]wAMK{AUqAWa@F[AyBQyAU_@AY@aBd@UBUEcC~@IMOkDNQ?[Im@SaAyBsJ}CqMEc@AWHq@[Uk@sAz@wAXqBSy@i@[cBeJAMDEMg@A_@K{@iAkIMqBKo@U[G[gAkC?WvAoCBuAHJN@Pe@Ta@`@_@Fa@@g@CiA[{E?mADa@J}CEeEc@{IAsB@oBB]^wEb@mEnAqI~AyPlA_LPqA`@aCxBiKbAeEVw@Vi@X_@bAeBbAaDd@cBP}@H_Bl@}ET{@pAeDV{@`A}BfA}C`CkItBwI^_CgEsCMi@@g@J_Ap@iCd@yArAiDf@kAJg@zBXjCNn@AZCREZPx@YnDsBtAs@n@Qn@Dj@Cf@Dv@RfA^n@g@TC\\RTGX@LGNc@HK^YP?FKRBVLNSXmAHs@jAcCVW~AyCx@sAnDaIhAyBb@mAj@mARo@f@iAeAqA`A{ALEP?NL`@j@\\Fp@Wl@@?pBI|F?~@J|BLfA?TGDKANxDHnAFfCMt@y@dCoAjCc@xAYvB_@vBS`BO|@PFLPL`@H`@Ff@FrDHjAN|@Pr@bA|B|@hCjDlMX`A`@l@h@~AtBxHTnAnAjDdAtD^fBT~ARrBR`CF`Bp@rGVl@ZZn@Zl@Rr@LzCNTD|@Zp@`@tA|AvApCpA~BwAnGqDhO]hBQzAm@jD_@x@Qx@Kz@Qv@K~@g@~CoA~GgA|Ea@lAYtA_@hDoAbI_@pAQrAgAhFgA~DAr@UfAgBjGMVWNo@TaARwC`@eG`AcEh@}GvAgAjAg@v@i@jAaAbDw@bE_BxGs@nC]hAYzAELQNODUC_@DsAd@O@eAk@_As@uBBuBMuC_@u@Sm@e@g@m@e@{@cAwBg@u@oCeDWQ_@OaBSa@CYIoAq@WS_AuAYYQIWCyBLY?g@Js@X}Az@mAjA[`@s@lAoA`BSl@DtA",
		levels: "PAB@D?@DA?B@DBADA?BG?B@DB@?B@BDB@@ACA@B@?@?DB@B?@?A??@@GA@A?@C@B??B@E?B@@B?@B@AD?A@?IA@B?@D?@A@C@?D?@H?@A??A@D?@BAC?@B@H@@B?A?AA@??AE??C@?@F?B@A@@D@A@BAIAA?C??C?ACADBDBBC@A@?@@?C@?FABC@B?AAE?AB@?BAA??I?AA@A?E?C?A?B?C@@AC?@?B@EDCAE@B??@H@B@?AD@?AD@@B?DBAA@?C?AA@B@GA?B@@?B@A???DE@DA?ACAK??B??B@B??E@AAC???E@A?C@A?G@@BA@AA@A@D@B?@@FA@C@A?B@EB?H?B??AB??@?@B@@B@B@@@A@IB@E?A??ACF@AB@A?@A?H?@A@D@CAB@F@B?B?D?B?@C?B?B?G?@C?E?A@CAP",
		zoomFactor: 2,
		numLevels: 18
	});

	map.addOverlay(encodedPolyline);
      
	}

}
  