<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Kurztrips</title>

<script type="text/javascript" src="daten/kurztrips.js" charset="ISO-8859-1"></script>     
<script type="text/javascript" src="kurztripauswahl.js" charset="ISO-8859-1"></script>     

<script type="text/javascript" language="JavaScript">
<!--

function init ()
{
   var region = "alle";
   var gehzeit = "alle";
   var hoehe = "alle";
   var distanz = "alle";

   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 ('   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/kurztrips.js" charset="ISO-8859-1"></script>\r\n');     
   document.write ('<script type="text/javascript" src="kurztripauswahl.js" charset="ISO-8859-1"></script>\r\n');     

   // --- Cookie lesen --------------------------------------


   var ctext = document.cookie;

   if  (ctext.substr(0, 16) == "Kurztrip-Filter:")
   {
      var pos; 
 
      ctext = ctext.substr(16, 200); 
      pos = ctext.search (/,/);   
      region = 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);
 
      distanz = ctext.substr(pos+1, 200); 
   }

   // -- Rahmen für Filter --------------------------------------
  
   document.write ('<br>\r\n');
   document.write ('<table width=100% border=0 cellpadding=10 cellspacing=5 bgcolor=#eeeeee style="height:60px;"><tr><td valign="middle"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;">&nbsp;&nbsp;F i l t e r&nbsp;&nbsp;</div>\r\n');
   document.write ('<form name="filter">\r\n');
 
   // --- Auswahl Regionen --------------------------------------

   document.write ('<font face="arial" color="#777777" size="3">Region:</font>\n');
   document.write ('<select id="gebiet" size="1" onchange="kurztrip_auswahl (filter.gebiet.value, filter.gehzeit.value, filter.hoehe.value, filter.distanz.value);">\n');
   for (var idx=0; idx<regio.length; idx++)
   {
      document.write ('<option value="'+ regio[idx] +'"');
//      if (regio[idx] == 'alle') document.write (' selected');
      if (regio[idx] == region) document.write (' selected');
      document.write ('>'+regio[idx]+'</option>\n');
   }
   document.write ('</select>\n');
   document.write ('<font face="arial" color="#777777" size="3">&nbsp;&nbsp;&nbsp;&nbsp;</font>\n');


   // --- Auswahl Gehzeiten --------------------------------------

   document.write ('<font face="arial" color="#777777" size="3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Gehzeit:</font>\n');
   document.write ('<select id="gehzeit" size="1" onchange="kurztrip_auswahl (filter.gebiet.value, filter.gehzeit.value, filter.hoehe.value, filter.distanz.value);">\n');
   for (var idx=0; idx<fgehzeit.length; idx++)
   {
      document.write ('<option value="'+ fgehzeit[idx] +'"');
 //     if (idx == 0) document.write (' selected');
      if (fgehzeit[idx] == gehzeit) document.write (' selected');
      document.write ('>'+fgehzeit[idx]+'</option>\n');
   }
   document.write ('</select>\n');
   document.write ('<font face="arial" color="#777777" size="3">&nbsp;std&nbsp;&nbsp;&nbsp;</font>\n');


   // --- Auswahl Höhenmeter --------------------------------------

   document.write ('<font face="arial" color="#777777" size="3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;H&ouml;he:</font>\n');
   document.write ('<select id="hoehe" size="1" onchange="kurztrip_auswahl (filter.gebiet.value, filter.gehzeit.value, filter.hoehe.value, filter.distanz.value);">\n');
   for (var idx=0; idx<fhoehe.length; idx++)
   {
      document.write ('<option value="'+ fhoehe[idx] +'"');
//      if (idx == 0) document.write (' selected');
      if (fhoehe[idx] == hoehe) document.write (' selected');
      document.write ('>'+fhoehe[idx]+'</option>\n');
   }
   document.write ('</select>\n');
   document.write ('<font face="arial" color="#777777" size="3">&nbsp;hm&nbsp;&nbsp;&nbsp;</font>\n');


   // --- Auswahl Distanzen --------------------------------------

   document.write ('<font face="arial" color="#777777" size="3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Distanz:</font>\n');
   document.write ('<select id="distanz" size="1" onchange="kurztrip_auswahl (filter.gebiet.value, filter.gehzeit.value, filter.hoehe.value, filter.distanz.value);">\n');
   for (var idx=0; idx<fdistanz.length; idx++)
   {
      document.write ('<option value="'+ fdistanz[idx] +'"');
//      if (idx == 0) document.write (' selected');
      if (fdistanz[idx] == distanz) document.write (' selected');
      document.write ('>'+fdistanz[idx]+'</option>\n');
   }
   document.write ('</select>\n');
   document.write ('<font face="arial" color="#777777" size="3">&nbsp;km&nbsp;&nbsp;&nbsp;</font>\n');


   // ----------------------------------------------------------

   document.write ('</form>\r\n');

   document.write ('</td></tr></table>\r\n');

//   kurztrip_auswahl ('alle', 'alle', 'alle', 'alle');
   kurztrip_auswahl (region, gehzeit, hoehe, distanz);
}

-->
</script>


</head>
<body onload="init ()">

</body>
</html>