<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Steckbrief</title>

<script type="text/javascript" src="daten/steckbriefparameter.js" charset="ISO-8859-1"></script>     
<script type="text/javascript" src="steckbriefauswahl.js" charset="ISO-8859-1"></script>     

<script type="text/javascript" language="JavaScript">
<!--

function init ()
{
   var gebiet      = "Alpstein";
   var gehzeit     = "alle";
   var hoehe       = "alle";
   var distanz     = "alle";
   var anzeigejahr = "alle";

   var parameter = "filter.gebiet.value, filter.gehzeit.value, filter.hoehe.value, filter.distanz.value, filter.jahr.value";

   document.write ('<style type="text/css">\r\n');
   document.write ('   table {border-color:#ffffff;}\r\n');
   document.write ('   td {font:normal 13px Arial;}\r\n');
   document.write ('   span {font:normal 16px Arial; color:#777777; vertical-align:middle;}\r\n');
   document.write ('   select {font:normal 14px Arial; color:#000000; vertical-align:middle; height:20px; }\r\n');
   document.write ('   a.suche:link {text-decoration:none; color:#ffffff;}\r\n');
   document.write ('   a.suche:visited {text-decoration:none; color:#ffffff;}\r\n');
   document.write ('   .taste {text-align:center; background-color:#cccccc;}\r\n');
   document.write ('   .back {background-color:#ffffff;}\r\n');
   document.write ('</style>\r\n');

   document.write ('<script type="text/javascript" src="daten/steckbriefparameter.js" charset="ISO-8859-1"></script>\r\n');     
   document.write ('<script type="text/javascript" src="steckbriefauswahl.js" charset="ISO-8859-1"></script>\r\n');     

   // --- Cookie lesen --------------------------------------

   var ctext = document.cookie;

   if  (ctext.substr(0, 18) == "Steckbrief-Filter:")
   {
      var pos; 
 
      ctext = ctext.substr(18, 200); 
      pos = ctext.search (/,/);   
      gebiet = ctext.substr(0, pos);

      ctext = ctext.substr(pos+1, 200); 
      pos = ctext.search (/,/);   
      gehzeit = ctext.substr(0, pos);
 
      ctext = ctext.substr(pos+1, 200); 
      pos = ctext.search (/,/);   
      hoehe = ctext.substr(0, pos);
 
      ctext = ctext.substr(pos+1, 200); 
      pos = ctext.search (/,/);   
      distanz = ctext.substr(0, pos);

      anzeigejahr = ctext.substr(pos+1, 200); 
   }

   // -- Rahmen für Filter --------------------------------------

   document.write ('<br>\r\n');
   document.write ('<table width=100% height=60 border=0 cellpadding=10 cellspacing=5 bgcolor=#eeeeee><tr><td bgcolor=#ffffff>\r\n');


   if (navigator.appName == "Microsoft Internet Explorer") 
   {
      document.write ('<div style="position:absolute; top:14px; left:20px; background-color:#ffffff; color:#000000; font-size:0.9em;">');
      document.write ('&nbsp;&nbsp;F i l t e r&nbsp;&nbsp;');
      document.write ('</div>\r\n');
   }

   document.write ('<form name="filter">\r\n');
 
   // --- Auswahl Gebiete --------------------------------------

   document.write ('<span>Gebiet: </span>');
   document.write ('<select id="gebiet" onchange="steckbrief_auswahl (' + parameter +');">\n');

   for (var idx=0; idx<fgebiet.length; idx++)
   {
      document.write ('<option value="'+ fgebiet[idx] +'"');
      if (fgebiet[idx] == gebiet) document.write (' selected');
      document.write ('>'+fgebiet[idx]+'</option>\n');
   }
   document.write ('</select>\n');
   document.write ('<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>\n');


   // --- Auswahl Gehzeiten --------------------------------------

   document.write ('<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Gehzeit:</span>\n');
   document.write ('<select id="gehzeit" onchange="steckbrief_auswahl (' + parameter +');">\n');
   for (var idx=0; idx<fgehzeit.length; idx++)
   {
      document.write ('<option value="'+ fgehzeit[idx] +'"');
      if (fgehzeit[idx] == gehzeit) document.write (' selected');
      document.write ('>'+fgehzeit[idx]+'</option>\n');
   }
   document.write ('</select>\n');
   document.write ('<span>&nbsp;std&nbsp;&nbsp;&nbsp;</span>\n');


   // --- Auswahl Höhenmeter --------------------------------------

   document.write ('<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;H&ouml;he:</span>\n');
   document.write ('<select id="hoehe" onchange="steckbrief_auswahl (' + parameter +');">\n');
   for (var idx=0; idx<fhoehe.length; idx++)
   {
      document.write ('<option value="'+ fhoehe[idx] +'"');
      if (fhoehe[idx] == hoehe) document.write (' selected');
      document.write ('>'+fhoehe[idx]+'</option>\n');
   }
   document.write ('</select>\n');
   document.write ('<span>&nbsp;hm&nbsp;&nbsp;&nbsp;</span>\n');


   // --- Auswahl Distanzen --------------------------------------

   document.write ('<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Distanz:</span>\n');
   document.write ('<select id="distanz" onchange="steckbrief_auswahl (' + parameter +');">\n');
   for (var idx=0; idx<fdistanz.length; idx++)
   {
      document.write ('<option value="'+ fdistanz[idx] +'"');
      if (fdistanz[idx] == distanz) document.write (' selected');
      document.write ('>'+fdistanz[idx]+'</option>\n');
   }
   document.write ('</select>\n');
   document.write ('<span>&nbsp;km&nbsp;&nbsp;&nbsp;</span>\n');


   // --- Auswahl Kalenderjahre --------------------------------------

   document.write ('<span>&nbsp;&nbsp;&nbsp;Jahr:</span>\n');
   document.write ('<select id="jahr" onchange="steckbrief_auswahl (' + parameter +');">\n');

   var nr = 0;
   var wjahr = new Array();
   wjahr[nr] = 'alle';

   for (tourid=wnr.length-1; tourid>0; tourid--)
   {  
      jahr =  wnr[tourid].substr (6, 4);
      if (jahr != wjahr[nr]) wjahr[++nr] = jahr;
   }

   for (var idx=0; idx<wjahr.length; idx++)
   {
      var xjahr=wjahr[idx].substr (0, 4);
      document.write ('<option value="'+ xjahr +'"');
      if (wjahr[idx] == anzeigejahr) document.write (' selected');
      document.write ('>'+xjahr+'</option>\n');
   }
   document.write ('</select>\n');


   // ----------------------------------------------------------

   document.write ('</form>\r\n');

   document.write ('</td></tr></table>\r\n');      // Ende Filter

   steckbrief_auswahl (gebiet, gehzeit, hoehe, distanz, anzeigejahr);
}

-->
</script>


</head>
<body onload="init ()">

</body>
</html>