//
// 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 polyline0 =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "oio~Gmx}q@aUgL}IuHmO{O{J{MiH}OkAkHuC_WaAmT\\mR`Bw[tAqTXmYeBgQmCaIs[k`@uFoDeD_AwFiAsOeDaR{EwI_GkI_JsGyLgF{PqCiMiGmNcIqJeE{BsFyCkFCoUnAwGzCuIdD{HpC}F]cGaDwFeG}FwD_NY}ECoLJgPdC}WtIeTxHkGvKwBrUyA|OoB~BaIrBkR|CiU|BwDCqD}@qPoFoHoFqHoHqEsBiFo@mH`@gIpFiP`IwOjAwJxAcM|D_FRiL{@yMcAgHz@yHjFuKtNgHtCwQjDmKvB_F?mIqC",
  levels: "P?EGFHDFGEIFGEFHEFEJFGEHFEGEIEFGEHEFEGEIEJKFGHFGDFIFGDFHEFEGEJFGFEHFEGIEGEFP",
  zoomFactor: 2,
  numLevels: 18
});


map.addOverlay(polyline0);
   
   
   
   
   
   
    
   var polyline1 =  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(polyline1);



var polyline2 =  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(polyline2);

 var polyline3 =  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(polyline3);


var polyline4 =  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(polyline4);


var polyline5 = new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "qk{`Hazgq@_Kz@gH|EmDdEiEr@_I_BiGOq\\bA}JfBiK|EiKYaHY{EW",
  levels: "P?EFDGEHEFGIP",
  zoomFactor: 2,
  numLevels: 18
});


map.addOverlay(polyline5);



 var polyline_aare1 =  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_aare1);


  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_aare3 =  new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "act}G_lal@v@jP|AjFjCtDpE~DvIzBpI|HxBdPuB|N{CrFeSlJwLrHeA`RPtLjAhK`@dIbBf\\pLb^nBjOmCvn@kAdr@uFb{@m@tW~Bp{@wNvu@{HbWjJhd@i@dIyBpCcDYwHr@oHp@qGfMmExR]fQVtHbD~FnQb^rBjO}CtP_E~IeJpJqG|LuF|AgGoBqC_J{BgFqL_GeGNgIzK{HvP_F`SwGdLyKhGkJbHsS~Q}[z]cFjDkEYkH}D}IeIsEc[_Ea]gEiRmMmPuLFwLxFmKfJmMpG{Fi@uHmIaQu^wTor@_NyUmIqCyIj@eGtAiFjAc@rB",
  levels: "P?DEFGEFHEGFEHEFIFGHJGHGIFGEDFHEFJKDEGEHEFGEFEGHEFGIEFGHJEFEGFHFGEIFGEFHGJEFGEP",
  zoomFactor: 2,
  numLevels: 18
});

map.addOverlay(polyline_aare3);


var polyline_vorderrhein =    new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "k~n|Gwiew@yC{a@eCcWEoQ?a]iGyYoDuLqCgM_HmPuKqKsGoMQyNvAaNzDaH~CmLHcHz@iKl@kOy@cLcB_JyEgF}CwByCoFiHaGsCuHQoFyB}HkDcHwC}PwH{VoHkO_HeEaEuEsAwFUwMbBsG|AuEJkDoB{DWyFDqCvAuIjFsRrBwMiB{H{F_FmG_C{FgBiGz@qEfBwFxCsGQyIyCkFsHsBeI~@kDl@eI_AcDaEkHeCmIc@{K~@iJlCqGhDGjCmAVwIg@{KWsD{BGiDtAkCr@uBeAKwF\\mE~BiCrGaD~GwB~C_B|CyG\\yFc@wFuBeEyEsD_C{DkAcD]oJJiYc@qJ_AiDmC{CwCeBaGyCyPsVkSm[sCwIOqGDgFfByCzBwFh@{Ki@wEeCaDsCk@cBHuFsGuF_NeHmLoDwFmAwBOeLWeF}AaCwAgF~@mEzDq@rCmAvAqC?sDaAcAwAuAm@eEQkD?iGeAqRDuW`@eIg@iRiB}HkAwMiBoJqAgI}AaKc@eI\\wFdAkD~@oBnDF",
  levels: "P?FGFHEFGIEFGEFDHEFGEFEJEDFGEHFEGDFDIDEDFEGEFHEFEGEFHEFDKDEFGEFDEGHDDEFDEDFEFDGDEFEDIEFGDEFEHGEIJDEFDEDFGEHEDFDEGDEFDECDFIDFGEHEFEGEKLDEP",
  zoomFactor: 2,
  numLevels: 18
});


map.addOverlay(polyline_vorderrhein);



    // Punkte 
      var point = new GLatLng(47.279171, 8.394896);
   var marker = createMarker(point,"Reuss&nbsp;und&nbsp;Aare","<div>Reuss und Aare<br />Luzern/Perlen - Ottenbach - Sulz - Stilli<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/reuss_aare_dreitagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
   
      var point = new GLatLng(46.934030, 7.455447);
   var marker = createMarker(point,"Aare","<div>Aare<br />Thun - Bern - Hinterkappelen - Aarberg<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/aare_dreitagestour.htm\">Beschreibung der Tour</a></div>")
   map.addOverlay(marker);
   
    var point = new GLatLng(46.807315, 9.311728);
   var marker = createMarker(point,"Kanukurse&nbsp;Vorderrhein","<div>Kanukurse Vorderrhein<br />Versam und Umgebung<br /><a href=\"index.cfm/fuseaction/seite_anzeigen/seite/kanukurse.htm\">Beschreibung der Kurse</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;
         
    
   }
   
}