//
// 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_aare2 =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "azo}Gyeml@mAmDmBqF_@eCC{Al@wAP{@XuB\\kCCsDKkJg@gD{AgFgAaF{AkDgAkB{CqAeBHwB?}AFqA\\iAnBg@jHClGd@|H`@rKWxGe@hGqAbF{C|L}EtH_GhGiDnD{F~@}EQcHoB_GuAaJmB{GoBwDsBmEkDcBsBeAUiSkLaF}DyDmM}@uJPuG`AmHhC_J|@eImAgLiDoHuF_JuE_FuHmI{AIqAhAcAbCSfFBnI{@vSk@pPyAxHwBpE{G`BiVhE{T~AyIVwGf@gBdBOnBj@bFpCnH|EhEtDXxBIhESrDbCzLvKhB~EtGlKzE~@pCqBlAqFh@gEkBqHoA_EAsEpDaDfFqAhHnBhCfHX`G}AnBcD~@kCzF]`GXpEfB`C|B~@`I~BnMBjIz@dE|BhA`BpA~IYpCoD~DiItAiCxAmF`GcCbJs@`EKtGx@vG~HrZhAlG^nMl@fNfD`TrDtLbCjQ?bLe@pLWtG[rKjAdK|HbVhBfLb@~M?~GDbH@zDDpCFr@",
  levels: "P?DECDBFCEGDEFDEDHDCECFDEGDEFHEFDGEFEHIDEFCGEHEFDGEFEHIEFCDEFGEFDHJFGEDCFEFDEFGFDGEDFDEFDGEFHDEDFDEGDFGEFIECFEFGEDFHFGEFHIEJEFEGFHEFDEGP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_aare2);



 
      var polyline_rhein1 =  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@",
  levels: "P?GFHGIFGHFJGEFDEFDGFGHEGEFEFGEFHEFGEFHGFIGFHFGEKFEGFEHFIFGHP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_rhein1);



 var polyline_rhein2 =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "klkaHoxjs@pElJjBpVdHjOfUtIzMvB`YfFfW|OzTpRxQtPjE~ITpNiG|LuKjKeNzDaQ`@mLvE_TnNwNlSyKh]mHj^}Dx]mFp]sBlPoK`~@yGf\\qGpVuCza@vApY|HnXhGbHlBlPeCt[s@xJ~BzOzE`RzAjDnGlEpG|PhCrOpAlPkAnMKzO`BzKrHhd@tKhe@pHhh@Zt[}B|SoEzRkElXyA~E",
  levels: "P?FGFHFIFGHEFGFHFGIFGHJEHFGIFGEHFGEKDFGEFHEFGIGFHFJP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_rhein2);


   var polyline_thur_rhein1 =  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_rhein1);


 var polyline_thur_rhein2 =  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_rhein2);


  var polyline_doubs1 =  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_doubs1);

   var polyline_doubs2 =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "cxv_Has_j@hAcDbAsFv@sFk@gJNuLOyN}CgJgB{@_CkB_BgD_CuGoBiC_EoDoAqAkAsDeAmEqAuEsEgHkAuEyAoIk@eGYcGA{E}AeRyA{HmBmCwAyHsAgLCeEMuH?}GgBsIeBoHsA{GoDoHaAkHq@qJJ_C~A}F|CqIh@gDe@sBaB_AsH_D}EsBsAoCaBeG_@_Dq@wMSeEwAaDwDeMuBeLsBgQkAmIqCkM{B{MuB}Ng@}Hg@_HFyEgAsFeC{CeE_AcF`@uEpAyDBiDS{ByBc@oDNeF~A}JfAuHrEgJ~BsK\\kDW{Me@aIaAgFeC}EgIqJeLgJyEqCiGiCuAf@}DMeLqC_FYmC{D_IoHyD}HgBiGs@wMKqL}BeG_FaIsHeD_DUoB`@wCv@_CTmCsDgC{C}DsBsBXqBnBgBfFkDfFkKzDaGtAqElCyAd@",
  levels: "P?DEFEGEDFDHDEFDEGEFEIDEFGDEFHDEFEGEFJCEFDCEFGDEFEHDFEGEIEFGDEFDEHEDFDEDFGEFDKEDFGFEHCEFGDFIDFEGEFDEHDEFDEDGEFHEP",
  zoomFactor: 2,
  numLevels: 18
  });
  
map.addOverlay(polyline_doubs2);


var polyline_untersee =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "kk~aHeomv@oLsGgQLcFzF{K~PaBxGuCfQ_AvPy@dTs@`HwQhiAyI`l@uG`]yI`]}JjAaF}AkJkD}DoF`OhyEvY`]fr@nc@he@p_BzNnUpWtf@bI|i@rOb|@`^nc@nRpbAtGnr@nEfn@lMhp@xD~j@pBvg@`DrVdAtW?rViKd_@qJxh@UdTaBjZqCtPqFnM{AhG_AdI?rH`@fF\\lE",
  levels: "P?FEGDHEFGIGFHJEFEIGHJKGHGIGJGHGIFGFHLFGEHDEFDP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_untersee);


var polyline_untersee_rhein1 =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "mq~aHcn`v@sGrl@}Jxw@}Fbe@fKvdA`Qnd@rObOvLtf@?pGzAbe@fO`{@|J~MnNr]fFrOdIpTjBtClAvBXjBQxAe@d@ULG\\n@jAtBzG`BlGdA`EUvSTlPV|HjDlb@fJdX`D~TvHjZnE~\\hC`l@uG`]gJ|f@uEbXc@pNwCrk@sC|QwCpImBjKUlMTfDeAhKsErM}HhNuAbC",
  levels: "P?GHIGFHDGJFGEHDECDBCAFEGDIEFGHKFGHFIFGHEFGEDJEFP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_untersee_rhein1);


var polyline_untersee_rhein2 =  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_untersee_rhein2);



var polyline_reuss1 =  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_reuss1);



var polyline_reuss2 =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "ku}_Ho_}q@i@bDm@fAcGTu@d@kAhAeEzAwDtAiABsAj@q@|Ao@~AyB}Aa@dAa@nDE~BIdAItAMNi@S]nB",
  levels: "P?CECFDEGCDEDCFCDCACP",
  zoomFactor: 2,
  numLevels: 18
});


map.addOverlay(polyline_reuss2);

 var polyline_reuss3 =  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_reuss3);


var polyline_reuss4 =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "wrx`H_oeq@F_L`AuGr@wEMcEBkK_AaDyG_FuIgF_DiEuDkFuG_JwAiB{BJiBd@uC|ByC~BoDvD{FpA_CFkF?oDGk@?",
  levels: "P?DEFEDGEFEHDECFDEGDEFP",
  zoomFactor: 2,
  numLevels: 18
});


map.addOverlay(polyline_reuss4);



    // Punkte 47.375729, 8.311651
    
    var point = new GLatLng(47.638791, 8.595428);
   var marker = createMarker(point,"Rhein","<div>Rhein<br />Neuhausen - Flaach - Kaiserstuhl<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/rhein_zweitagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
   
    var point = new GLatLng(47.596209, 8.686752);
   var marker = createMarker(point,"Thur&nbsp;und&nbsp;Rhein","<div>Thur und Rhein<br />Frauenfeld/Warth - Andelfingen - Eglisau<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/thur_rhein_zweitagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
    
     var point = new GLatLng(47.375729, 8.311651);
   var marker = createMarker(point,"Reuss","<div>Reuss<br />M&uuml;hlau - Sulz - Turgi<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/reuss_zweitagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
    
   var point = new GLatLng(46.877502, 7.540054);
   var marker = createMarker(point,"Aare","<div>Aare<br />Thun - Bern - Hinterkappelen<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/aare_zweitagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
   
   var point = new GLatLng(47.307834, 7.048448);
   var marker = createMarker(point,"Doubs","<div>Doubs<br />Goumois - Soubey - St. Ursanne<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/doubs_zweitagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
   
    var point = new GLatLng(47.698296, 9.044108);
   var marker = createMarker(point,"Untersee","<div>Untersee<br />Ermattingen - Reichenau (D) - Stein am Rhein<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/untersee_zweitagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
   
   
     var point = new GLatLng(47.659274, 8.937002);
   var marker = createMarker(point,"Untersee und Rhein","<div>Untersee und Rhein<br />Berlingen - Wangen (D) - Schaffhausen<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/untersee_zweitagestour.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;
         
    
   }
   
}