
// Uebersicht       (C) 2011 by Jürgen Schnelke

      function anzahl_wanderungen (anzahl)
      {
         document.getElementById("wanderungen").value = anzahl + " Wanderungen";
         document.getElementById("wanderungen").value = "     " + document.getElementById("wanderungen").value;
      }

      function punkte_anzeigen (bereich, anzahl)
      {
         var von = bereich.substr (27, 3) * 1;
         var bis = bereich.substr (31, 3) * 1;

         if (document.getElementById("pfeil") != null) document.getElementById("pfeil").style.visibility = "hidden";
 
         for (var idx = 1; idx <= anzahl; idx++)
         {
            if (idx < von || idx > bis) document.getElementById(idx).style.visibility = "hidden";
            else document.getElementById(idx).style.visibility = "visible";
         }
         anzahl_wanderungen (bis - von + 1);

         if (bereich == wjahr[1]) document.getElementById("lpfeil").style.visibility = "hidden";
         else document.getElementById("lpfeil").style.visibility = "visible";

         if (bereich == wjahr[wjahr.length-1]) document.getElementById("rpfeil").style.visibility = "hidden";
         else document.getElementById("rpfeil").style.visibility = "visible";
       }


      function pfeiltaste (richtung, erstjahr, diesjahr)
      {
         var ajahr = document.getElementById("jahr").value * 1 + richtung;

         if (ajahr >= erstjahr && ajahr <= diesjahr)
         {
            document.getElementById("jahr").value = ajahr;
            document.getElementById("jahr").onchange();

            if (document.getElementById("pfeil") != null) document.getElementById("pfeil").style.visibility = "hidden";
         }
      }


      function make_uebersicht (wanderjahr, tour_id)
      {
         var left_pos, top_pos, zeig;

         window.document.write ('<body bgcolor="#eeeeee">\n');

//       --- funktioniert nicht mit Opera ------------------------------------------------ 
//       window.document.write ('<script language="JavaScript" src="daten/wanderung.js"></script>\n');
//       window.document.write ('<script language="JavaScript" src="daten/wanderpos.js"></script>\n');
//       window.document.write ('<script language="JavaScript" src="daten/wanderjahr.js"></script>\n');
//       window.document.write ('<script language="JavaScript" src="uebersicht/jahresuebersicht.js"></script>\n\n');
//       ---------------------------------------------------------------------------------

         window.document.write ('<script type = "text/javascript">');

         window.document.write ('var script = document.createElement("script");');
         window.document.write ('script.setAttribute("src", "daten/wanderung.js");');
         window.document.write ('script.setAttribute("type","text/javascript");');
         window.document.write ('script.setAttribute("language","javascript");');
         window.document.write ('document.getElementsByTagName("head")[0].appendChild(script);');

         window.document.write ('var script = document.createElement("script");');
         window.document.write ('script.setAttribute("src", "daten/wanderpos.js");');
         window.document.write ('script.setAttribute("type","text/javascript");');
         window.document.write ('script.setAttribute("language","javascript");');
         window.document.write ('document.getElementsByTagName("head")[0].appendChild(script);');

         window.document.write ('var script = document.createElement("script");');
         window.document.write ('script.setAttribute("src", "daten/wanderjahr.js");');
         window.document.write ('script.setAttribute("type","text/javascript");');
         window.document.write ('script.setAttribute("language","javascript");');
         window.document.write ('document.getElementsByTagName("head")[0].appendChild(script);');

         window.document.write ('var script = document.createElement("script");');
         window.document.write ('script.setAttribute("src", "uebersicht/jahresuebersicht.js");');
         window.document.write ('script.setAttribute("type","text/javascript");');
         window.document.write ('script.setAttribute("language","javascript");');
         window.document.write ('document.getElementsByTagName("head")[0].appendChild(script);');

         window.document.write ('</script>');

         var anzw = wnr.length-1;


         // Combobox anzeigen ------------------------

         window.document.write ('<table border=0 align="center" cellpadding="15" width="1030"\n');
         window.document.write ('<tr>\n');
         window.document.write ('<td width="150"><font face="arial" color="#777777" size="3"><b>Jahr:</b></font>\n');
         window.document.write ('<select id="jahr" size="1" onchange="punkte_anzeigen(wjahr[this.value-2000],' + anzw + ');">\n');

         var vj = wjahr[1].substr (0, 4);
         var bj = wjahr[wjahr.length-1].substr (0, 4);

         if (wanderjahr == 0) wanderjahr = bj;
         var von = wjahr[wanderjahr - 2000].substr (27, 3) * 1;
         var bis = wjahr[wanderjahr - 2000].substr (31, 3) * 1;

         for (var idx = wjahr.length-1; idx >= 1; idx--)
         {
            var xjahr=wjahr[idx].substr (0, 4);
            window.document.write ('<option value="'+ xjahr +'"');
            if (xjahr == wanderjahr) window.document.write (' selected');
            window.document.write ('>'+xjahr+'</option>\n');
         }
         window.document.write ('</select>\n');


         // Pfeil nach rechts -----------------------

         window.document.write ('<td><img id="lpfeil" alt="ein Jahr fr&uuml;her"');
         if (wanderjahr == vj) window.document.write (' style="visibility:hidden;"');
         window.document.write (' src="uebersicht/links.gif" align="right" onclick="pfeiltaste (-1,'+vj+','+bj+');" border=0></td>\n');


         // Titel Ü b e r s ic h t ------------------

         window.document.write ('<td width="100"><FONT FACE=Arial SIZE=6 COLOR=green><B><I><CENTER> &Uuml;bersicht </CENTER></I></B></FONT></td>\n');


         // Pfeil nach links ------------------------

         window.document.write ('<td><img id="rpfeil" alt="ein Jahr sp&auml;ter"');
         if (wanderjahr == bj) window.document.write (' style="visibility:hidden;"');
         window.document.write (' src="uebersicht/rechts.gif" align="left" onclick="pfeiltaste (+1,'+vj+','+bj+');" border=0></td>\n');


         // Anzahl Wanderungen ----------------------

         var anztx = bis - von + 1 + " Wanderungen";

         window.document.write ('<td width="150"><input type="text" id="wanderungen" readonly="true" value="     '+anztx+'"></input></td>\n');
         window.document.write ('</tr>\n');
         window.document.write ('</table>\n');


         // Karte anzeigen --------------------------

         window.document.write ('<table border=0 align="center"><tr><td>\n');
         window.document.write ('<div style="position:relative; left: 0px; top:0px;">\n');
         window.document.write ('<div style="position:relative; left:0px; top:0px;"><img src="uebersicht/uebersicht.jpg" border=1></div>\n');

         
         // Punkte anzeigen -------------------------

         for (var idx = 1; idx <= anzw; idx++)
         {
            left_pos = Math.round (wpos[idx].substr (5, 4) / 1.2);
            top_pos  = Math.round (wpos[idx].substr (17, 4) / 1.2);

            if (idx >= von && idx <= bis) zeig = "visible"; else zeig = "hidden";
       
            window.document.write ('<div id="'+idx+'" style="position:absolute; visibility:'+zeig+'; left:'+left_pos+'px; top:'+top_pos+'px;">\n');
            window.document.write ('<a href="' + wurl[idx] + '.htm" title="' + wtit[idx] + '" target="Hauptseite">\n');
            window.document.write ('<img src="nummern/nr_' + idx + '.gif" border=0></a></div>\n');
 
            if (tour_id == idx)
            {
               window.document.write ('<div style="position:absolute; left:'+(left_pos-48)+'px; top:'+(top_pos-48)+'px;">\n');
               window.document.write ('<img id="pfeil" src="uebersicht/pfeil.gif" border=0></a></div>\n');
            }
         }
         window.document.write ('</div>\n');
         window.document.write ('</table>\n');
         window.document.write ('</body>\n');
      }


