//
// Die GoogleMap Polylines (Koordinatendaten) der einzelnen Touren sind Eigentum von Trango - Dominik Schläpfer. 
// Diese Daten sind urheberrechtlich geschützt, jede Verwendung durch Dritte ist ausdrücklich untersagt und wird 
// verfolgt.
//

var map;

// arrays to hold copies of the markers and html used by the side_bar
// because the function closure trick doesnt work there
var gmarkers = [];
var zmarkers = [];
 
 
// This function picks up the click and opens the corresponding info window
function myclick(i) {
    GEvent.trigger(gmarkers[i], "click");
    }

function zoomclick(i) {
    map.setCenter(zmarkers[i],17,G_SATELLITE_MAP);      
    }
   
function resetmap () {
    map.setCenter(new GLatLng(47.171044, 8.217773), 8, G_NORMAL_MAP);
    }


function load(){

    if (GBrowserIsCompatible()) {
    // Initialize
    if(document.implementation.hasFeature(
       "http://www.w3.org/TR/SVG11/feature#SVG","1.1")){ 
      _mSvgEnabled = true;
      _mSvgForced  = true;
    }
    map = new GMap2(document.getElementById("map"));
      
         
    // 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 = [];
    //  var zmarkers = [];
    var i = 0;  
      
     // 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) + i);
        var myIcon = new GIcon(G_DEFAULT_ICON, "http://www.google.com/mapfiles/marker" + letter + ".png"); 
        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[i] = marker;
        zmarkers[i] = point;
        
        // add a line to the side_bar html
        side_bar_html += '<table width="150" border="0"><tr><td width="20" valign="top"><a href="javascript:myclick(' + i + ')"><img src="http://www.google.com/mapfiles/icon'+letter+'.png"></a></td><td align="left" valign="top">'  + '&nbsp;<a href="javascript:myclick(' + i + ')" class="textlink">' + name + '</a></td><td>&nbsp;</td></tr></table>';
        i++;
        return marker;
      }

      
    // Add the controls and set up the map
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.addControl(new GScaleControl());
    var omc = new GOverviewMapControl();
    map.addControl(omc);
    // omc.hide();
    map.setCenter(new GLatLng(47.171044, 8.217773), 8, G_NORMAL_MAP);


   // Set up the encoded polyline.  This is the thinner, clear blue line.
    
   var polyline_aare =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "wdl|Gq}nm@\\~PgEbLyLzGyKlMeHpJan@lb@{TzKeu@b_@}Y|SwJrO}HtSkHxUoDn\\sCdXoFzOsIhGeMr@yKO{IdByG`@}UeI_SeEgN{D{Hh@kHzC_H~FaRhRyNxJ_JhG}EvBsYvMgEfB_S|Hy]jH{c@fFgTdE}SnN{QpJseA~j@cZpNg[fF_JrAcg@pJeJpCmEdBgKtLaRjSkk@po@_CpC_FhNcOb^{HhR_LhVqLpNcQ`OgG`GwAhCuBlEgTxs@{HjViFdTWlI?fFxB|HnDrH|CdIz@dIi@rGeCnFwCxCmCxC_EzGyCvFqEhGyG`NoHzK_HlEeEnBcDhDwA~E?bHvAbHjAjDHNhDxNDfQyBnMoDvI{FhDwJdAcH{@uFs@gEs@oQoB",
  levels: "P?EFGEHIHGJFGHFGEFIEFGHFEGEKFGEHDGIGHFJHGIEGHLFGHDIFGHFGJDEGHFEGEFIEDFDGEFEHEFGDEFIJAKEFGEFGHDP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_aare);

  var polyline_doubs =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "mtn_Hikli@_Da@cBmAsDyC_BmAkBYeBFgBn@iBnBsC`BsB`CqAvBwClBiDn@wC~@sFnDuDbDgFvDqDdCy@IsAi@}BCgAYwA~@eClAyA~ByCvFe@jDqD`EgCr@uAIaBHwA?gE_HcDkHyGwI{IgMkD_Rq@uP_@qQfAsJ~A}HDoM_BuNqBiE_AmGh@wIlAgH|AiGtAqG_@uEmBcF_CwBcGo@gDj@gDUeBkD_@eOlAqF~AqE@eK{AuL}AqIi@}J@mLxBgLl@uJo@kHuBqEuE{GiI{G_D{D{BwDiCkDa@kHr@cJbAkDtCqHXkFuAyE}CmCqGsDsCoDs@uCq@kHYmHLkH\\sHIuF_A_COiENaDo@mG}B_Js@}HqB_JaAaC_CHoDs@mC{B_BcBeAD_BbAs@pCaAnD{CdB_De@_Co@aDkCgEsGeEsHk@_F`@gFbCkF~BgJ~B{GfC}GjByAdCXpCJnDeCjC}AnCsB~AcCQ{BI}Bb@aBzByH",
  levels: "P?DECFCDEGDEDFDHDFDECGCDEDFDIDECDFEGFHEFGEFIDEFDGDEFDEFGHJDEFEGEFHEFDFGDEFIEDFDGDFDEGHDEFCEGDFEJDDEFKCDEDFDEGEFDEGEFEDGDEFDEHCDP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_doubs);


 var polyline_reuss =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "ab_`Hav{q@uEvTqEpGgHlEkGa@yDyC{AyFKeI~@mIfBqGdAcDpCiGzEuEjCiCdAmEWyCoCaGqEs@eGz@eGbDeEvBuInFsHdEkCbHmFrH}CdI_CjKiCjHyFpCqENaHwBeEuAsJbD_AzGr@zHxB|DdEtAfFNxBXvCbHZ`Ky@hGeCdEmH?_Oi@aDoBmBgFgBoFcDoFoE}@kC`CiBhGJ`G|ChOhG~TvArO?dP_AxNqAlLsDnJuClEyFpCcHXsF_CwHuEyDoBeCz@oBz@}Bh@cDq@oMp@oWGeEfBeApGEpNKfNyDpJyFlAiGh@cF~EuCbL_GjO{G~MyJnJeG|DcMrDeIdEaD~FqQjV{OrOiKvFkE~IiM`YqE`O[zG`@jLeAbHsBr@iC{@iBGsF|A{EjAaFGyFpCeC|HaD|Sa@zKl@lM?`NgDvFmF?iF?oEoBaD{@mHi@_GtAkEeAyBwBuCiGeE_JcEwFwE{DuGcDsLcD}FqCeGkAaD`DkGdIiI|HgDbDsFdIqCjHuAbHeEzDmDzK{AnMu@pUJjLjA`VJ`RQbHg@zGgDfCeEG_CaGoCiK_GoFoK{GaHz@qG~BgFmBgHmAaDXuEdBsJ|HcIdIkGfJmDbK_ChDgDP}BqC",
  levels: "P?EFEGDEFDGEFDECGDHEFEGEFHEFEGIDFDEFDEFGEFDFGDEFEGHDEFGEHEIEFEJEFDGDEDFHDEFGEFIEFGEHEFGEKFGEHEFEGDECFIEFEGEFHEFEFGEFHDEFGIJFEGDFGHEFDGEFIEFGDEFDEFGFHEFEGELEFGDEP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_reuss);


 var polyline_reuss2 =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "{js~Gq~fr@}P{D{NyCcNgJ{JsK}IsVeEyRqEsKuFuHuJiG_KqCaI?mHr@_NxFuN|EqI?}GaD}EaG}KoF}M`@kPPqM~B}Q`GmObEuLbHwChG_CfQaB`RcBfF}EdBcT|DqVlBgJ{@cP{DeRqNcHmEyHYwIhCaMlI_MjD{Lr@kQjDcJbA}QuAcTXiH`G}GhKkI~EwMxC{PhCmHNeE}AcLoFoJyJgLmPiLqU}G_GcLmAgH?qI}H{R}PeGXcHpCyJrLqIfMmHbLuDpCuE`@iFY_E_CkI{DoHNyDr@kCzD{CrGwEbEcDXwOqC{OuE}IOyD|AeElIkM~ToFpGgFjDwGvBmRdEkWfJqKpJ}MfNcLbOeKnX{E|LoJnJ_I`CmPjAyNeB}OwBeMiC_M_CyFz@aFzD_GtH{H|EiCtAoBY",
  levels: "P?FGFHFEGIEFGFHEFGFIJFGFHEFGDEIFGFHEFGKFGFHFGEIEFGEHFGFJEFGEHEFGFIDEFDGEFHEFDGLEFEGEHEGIFGFHEFGJFGFHEFEGDP",
  zoomFactor: 2,
  numLevels: 18
});


map.addOverlay(polyline_reuss2);

  var polyline_reuss3 =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "mfg_Hkxfr@mQyJ}QaZkUsZ{Hk@gHOaQePeQ_JmJ|DuTpVkGdLqEnFmLp@aKiDsHmEcJfCsHxJqKtHoJs@sLkDyLsDkIr@yH|L{R~\\qMxFqSrDmZ|LqYpYqIbLwKpYsN`VcPhG_QPgFmAoTwBgRuEqKs@yFbDeIjHeM~IeIGgNQgFhCiJzOuYdq@cBtPb@~ToDpK_GrGiCdMwGnMaLp]cHzVyNnMmJX_GiCg@cHnAeEhH_CtC{Gg@uIeCyF}AmBiAc@",
  levels: "P?FHEFGIEGEHEFGEIFJFGEFHFGIGFHJKFEGHEFGIEFGFHEFIEJEGHFGEDFEFGDEP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_reuss2);


  var polyline_rhein =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "g{{aHyb`u@iItf@cIp`@oElEwQnFqHvI{GxJiK~XoEbLa@vMcGhY}Hn\\g@tWfDjLNpUwD~MeApJ`DdQdJtSpChV]|WcGn\\cIx\\yGtPoGzVwFnJsMpNkJlWaJpYqF~TqF`ZwA~T[nc@mDz^gDtSIln@hAzYbIrb@vD~TjArZ{AxYaF`RiIvQiC~LaD|PqDdP_AxJzEpNjJrHxGrKtGvMfKnQvH~XrDnTEdTmB|[gDbSkJzVyIhRoNnXgFjPy@zA",
  levels: "P?FGFHEGEIFGHEFGEIJFGFHFGIFGHFGKFGHGIFGHFGFJEFGEFHEGFIFGFHFGIP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_rhein);


  var polyline_rhein2 =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "y}~aHswps@nW`Cb_@zH`QcEhKsKnXsw@dYcb@nR_R|SrAbc@nTdRxU|Lxo@l@lj@aBxNmDrD_CaDgDp@cCa@_CuEa@{RiCkSoKkLwNs@gKfCmO|OaDxNy@lLlDlE~EtArD|AlFzDzLrGbKrSbGhNxK`DjEeBhEcDhGkD`S`Cn_@{CrQ{Dd[cOhXqV|LoBpRjDxOxNvLfUrGfMrYjH|L{@dJs@zG|DpFtPbBrObIf`@jPzVbVlLdTs@zV{KzG}AfBp@JnB",
  levels: "P?GFHGIFGHFJGEFDEFDGFGHEGEFEFGEFHEFGEFHGFIGFHFGEKFEGFEHFIFGHDP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_rhein2);


 var polyline_sitter =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "gnt`Hawdx@cIxFsBlI_C`K}A~BsBi@yByCgB}AgD}@uE?kGcAwHYeClEs@hGmBxFsDr@kCs@oC_F}AeBeCFuEzDsB`Gg@nItAzHzGfFvGfFhCfFOvFkChCsHlAiMFgFY{CvBs@xCNxFpChCrDYxBs@xBcDlBYtAPJdEKhGgBxG{AzC_EfCqEbDcEh@mB?mBOqA?_Ah@[lADnBx@fCbArDn@tHTlIy@lEmBfBuCzDcDrGiC~Fm@~EKxG_AlHuCdBqExCuCpC]pCl@bDhBnFhAbHb@xCm@xCoBr@cC|AqAq@gBiGyB{@gBQgEpA{OvFaCtAeBv@sAFmBCgFw@uCq@sAUiA?mBrB}KbHqB`Ds@rF^bFpApEfEvIlF|Jz@lEB`BiAdAiANqACmHuEgC?gAdD_D|HG|FlBtJhDtE|DnBlEs@`EmC`DyCdAw@r@?d@h@FvBy@nDoFt^IdEp@dDtEbFl@pAc@`F}AjFuFpNsJjXgBrBgFhEgC`@{DJ_FKiCk@sBb@y@fCTlE|AhCbCjDlDzB~EnD|I~MrBbHNrDe@hAeAJ_B}A{@BmA`CeJf^kHpR`@xArBjH`E~IdCjHiAfDuB~Bq@jB~@tEpBvEtA~FXlE\\zBwAzAgD`B{AbAw@|A?pCh@nBL~@",
  levels: "P?EFDDEFGDFEHDEFDEFDGDEFEGDEDHIEDFDEDFDECDEFGDFDEDGCDCEDHEDFDFGDEFJEDFDEFGDDECFDEGHDECDFDGCDFDIDEFGDCECDFDEGDEHDEFDEGBDEGDEFCDEIFDGDKEDFCEDFDFGEDCDECFHFCEGEDEFIDEFCDECFGCP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_sitter);


var polyline_thur_rhein =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "_eoaH}d_t@oEhXcJ~RcHnHoInGqLfJaIdKaE~PiAbNnA~MlHrMpJzEzJ`D~MvMvM~P`LdI|RnDhJQ|Ej@dBzDeAhP{EfQyDhMqFfXqAbHc@~Xe@tPqBxt@yB~sA[fx@Mdu@tGnc@pNdV~PpLrHB|SyAvNqGdKoDlE?fBlBzAvEh@zMdG`X|ItE~UtHfXjB|RvJfPxOh]bWjF`IrBtI]nKsDpGuIxL_HxDqBRuVpC}KdE_RdMoMjQiPj\\qIld@iDf^wBxL~@xA",
  levels: "P?FGEHEFGEFHEGIFGEFHEFGHDFGJHGIFGHKFGEHDEFGEIFGHGEJEFGEDHEGIFGHEP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_thur_rhein);

  var polyline_thur =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "s{kaHe}eu@rBn}@`Dj_A~Bjt@yBfo@kAn`@y@jO\\vTr@t_@Q|SaSjuAuI|m@aOpeAaJtj@oZpuBeCf\\IdXx@dj@x@fXjD`OhMpNxDzDx@pCWvMaFlLuI`KwHtEuI?iG?wFbHQjOdC~TnGlT|BhNs@~I}B`DqEdAaDkDmBcSoCgNoEmEmF`@sKhKoKhNmB~FJhGrDrGfI~BzGrDbGhY~BdM|HnMnGbH~BnFs@vMuGtP_CjOjAn\\hCvMr@tS",
  levels: "P?GHIFGFHFJGHIKFGHFGFIDEFGEFHEFGFHEIDEFGEFFHJDEFGFHFEGEFGIEP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_thur);

  var polyline_thur2 =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "kp``Hqgmv@aAs@kCr@eC|AsD~IwBdIiCbBkFUkB{@sC?gCfCiEvEoBjA}BoAw@iE]wG_AiEiBsBmBm@_BFaBlCq@rFwArDu@DqAcBsCyGgC_FyEcA_C\\oDUiEP_B|AeAhG?jDE`DyAbD{D~@wDo@mDiE_EuEyDCeBJk@~AX|EPzBg@~GiCxH}AfC}AHaBcBkCsFqBqGmDeGsCG{C`BkE`DeDWeCoDeByFoAwBmDoBeCpAcA|FJxEDzBx@jDpA~CdCrHEhAk@|AkAl@y@HsAaCqD}CgD}D_EkHmEmK{CcF}Be@mBdByA`Ek@vF{ChImBxAwGhHyDlGiEjDkFd@eCkByCqGuCqEkHgKqBcCiDqCyCv@sAd@gTbFoPdG}A]GiCl@sFR_HyBsKsDcJ{CYgDdAqApEkFdMuDbJk@dCUdGqAlCmAbAkAQwD{@}HmBkJc@{CjBk@pJfA`Fj@jFUrIeH`KeIjDoGrB_EpGcD|HuB|AsB}AyCmJ}AgJcDwFiDp@mDdA_EnBmBrBcBhCy@zCYN",
  levels: "P?DEFEGEDFDEHDEDFDECEFDGCEFEDHIDEDFDEFGEDFCDEFHDCEFDFGDEFDEHDJDECFDEGCDCEFDGEFDEDFGDHEFEDGDFDIDEGFCDEFGHDEFEGCEDFCEKEFEDFGEFHEFDEFEGDEFDEHP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_thur2);




    // Punkte 
   var point = new GLatLng(46.868055, 7.545376);
   var marker = createMarker(point,"Aare","<div>Aare<br />Thun - Bern<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/aare_tagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
      
   var point = new GLatLng(47.292038, 6.961212);
   var marker = createMarker(point,"Doubs","<div>Doubs<br />Goumois - Soubey<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/doubs_tagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
      
   var point = new GLatLng(47.405088, 8.303776);
   var marker = createMarker(point,"Reuss","<div>Reuss<br />Bremgarten - Gebenstorf<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/reuss_tagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
 
   
     var point = new GLatLng(47.128608, 8.402824);
   var marker = createMarker(point,"Reuss","<div>Reuss<br />Gisikon - Rottenschwil<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/reuss_tagestour2.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
   
   
     var point = new GLatLng(47.277366, 8.395786);
   var marker = createMarker(point,"Reuss","<div>Reuss<br />M&uuml;hlau - Bremgarten<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/reuss_tagestour3.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
   
     var point = new GLatLng(47.688504, 8.759880);
   var marker = createMarker(point,"Rhein","<div>Rhein<br />Stein am Rhein - Schaffhausen<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/rhein_tagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
   
     var point = new GLatLng(47.643186, 8.596115);
   var marker = createMarker(point,"Rhein","<div>Rhein<br />Neuhausen - Flaach<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/rhein_tagestour2.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
     
      var point = new GLatLng(47.575136, 8.522301);
   var marker = createMarker(point,"Thur-Rhein","<div>Thur und Rhein<br /> Andelfingen - Eglisau<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/thur_rhein_tagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
      
      var point = new GLatLng(47.578379, 8.827171);
   var marker = createMarker(point,"Thur","<div>Thur<br /> Frauenfeld/Warth - Andelfingen<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/thur_tagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
      
      var point = new GLatLng(47.402997, 9.074364);
   var marker = createMarker(point,"Thur","<div>Thur<br /> B&uuml;tschwil - Schwarzenbach<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/thur_tagestour2.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
      
      var point = new GLatLng(47.483801, 9.328423);
   var marker = createMarker(point,"Sitter","<div>Sitter<br />Wittenbach - Sitterdorf<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/sitter_tagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
      

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