// Schreibe Menuezeilen
stpt=0;  //startpunkt des ersten td
menubg1="url(img/menu_bg.gif)";
menubg2="url(img/menu_bg2.gif)";

menuitem1="<td class='menu' width='8%'><a href='index.htm'  class='menu' onmouseover=farbe1(stpt+1) onmouseout=farbe2(stpt+1)>Home</a></td>";	
menuitem2="<td class='menu' width='16%'><a href='bilder.htm'  class='menu' onmouseover=farbe1(stpt+2) onmouseout=farbe2(stpt+2)>wie ich&nbsp;<br>Penzing sehe</a></td>";
menuitem3="<td class='menu' width='13%'><a href='vergleich.htm' class='menu' onmouseover=farbe1(stpt+3) onmouseout=farbe2(stpt+3)>Vergleich&nbsp;<br>1900-2000</a></td>";
menuitem4="<td class='menu' width='15%'><a href='javascript:startRS(\"rs/_penz.htm\")' class='menu' onmouseover=farbe1(stpt+4) onmouseout=farbe2(stpt+4)>virtueller&nbsp;<br>Spaziergang</a></td>";
menuitem5="<td class='menu' width='13%'><a href='wienfluss.htm' class='menu' onmouseover=farbe1(stpt+5) onmouseout=farbe2(stpt+5)>Wienfluss<br>und Bäche</a></td>";
menuitem6="<td class='menu' width='8%'><a href='linien.htm' class='menu' onmouseover=farbe1(stpt+6) onmouseout=farbe2(stpt+6)>Linien-<br>&auml;mter</a></td>";
menuitem7="<td class='menu' width='12%'><a href='history.htm' class='menu' onmouseover=farbe1(stpt+7) onmouseout=farbe2(stpt+7)>Geschichte</a></td>";
menuitem8="<td class='menu' width='7%'><a href='javascript:menuesuche()' class='menu' onmouseover=farbe1(stpt+8) onmouseout=farbe2(stpt+8)>Bild-<br>suche</a></td>";
menuitem9="<td class='menu' width='8%'><a href='links.htm' class='menu' onmouseover=farbe1(stpt+9) onmouseout=farbe2(stpt+9)>Links</a></td>";

document.writeln("<table border='0\' width='100%' cellspacing='1' class='menu'><tr>");
switch (aktseite) {
  case "home":
    stpt=1;	
    menuitem1="<td class='menu' width='8%'>Home</td>";
    break;
  case "bilder":
    menuitem2="<td class='menu' width='16%'>wie ich&nbsp;<br>Penzing sehe</td>";
    break;
  case "vergleich":
    stpt=13;	
    menuitem3="<td class='menu' width='13%'><a href='javascript:startbig(ort)' class='menu' onmouseover=farbe1(stpt+3) onmouseout=farbe2(stpt+3)>Vergleich&nbsp;<br>XXL</a></td>";
    break;
  case "vergl_big":
    stpt=15;	
    menuitem3="<td class='menu' width='13%'><a href='javascript:startsmall(ort)' class='menu' onmouseover=farbe1(stpt+3) onmouseout=farbe2(stpt+3)>Vergleich&nbsp;<br>klein</a></td>";
    break;
  case "rs": //kein Menü!
    break;
  case "wienfluss":
    menuitem5="<td class='menu' width='13%'>Wienfluss<br>und Bäche</td>";
    break;
  case "linien":
    menuitem6="<td class='menu' width='8%'>Linien-<br>&auml;mter</td>";    
    break;
  case "history":
    menuitem7="<td class='menu' width='12%'>Geschichte</td>";
    break;
  case "suchen":
    menuitem8="<td class='menu' width='7%'>Bild-<br>suche</td>";
    break;
  case "links":
    menuitem9="<td class='menu' width='8%'>Links</td>";
    break;
  case "br":
    menuitem1="<td class='menu' width='8%'><a href='../index.htm'  class='menu' onmouseover=farbe1(stpt+1) onmouseout=farbe2(stpt+1)>Home</a></td>";	
    menuitem2="<td class='menu' width='16%'><a href='../bilder.htm'  class='menu' onmouseover=farbe1(stpt+2) onmouseout=farbe2(stpt+2)>wie ich&nbsp;<br>Penzing sehe</a></td>";
    menuitem3="<td class='menu' width='13%'><a href='../vergleich.htm' class='menu' onmouseover=farbe1(stpt+3) onmouseout=farbe2(stpt+3)>Vergleich&nbsp;<br>1900-2000</a></td>";
    menuitem4="<td class='menu' width='15%'><a href='javascript:startRS(\"../rs/_penz.htm\")' class='menu' onmouseover=farbe1(stpt+4) onmouseout=farbe2(stpt+4)>virtueller&nbsp;<br>Spaziergang</a></td>";
    menuitem5="<td class='menu' width='13%'><a href='../wienfluss.htm' class='menu' onmouseover=farbe1(stpt+5) onmouseout=farbe2(stpt+5)>Wienfluss<br>und Bäche</a></td>";
    menuitem6="<td class='menu' width='8%'><a href='../linien.htm' class='menu' onmouseover=farbe1(stpt+6) onmouseout=farbe2(stpt+6)>Linien-<br>&auml;mter</a></td>";
    menuitem7="<td class='menu' width='12%'><a href='../history.htm' class='menu' onmouseover=farbe1(stpt+7) onmouseout=farbe2(stpt+7)>Geschichte</a></td>";
    menuitem8="<td class='menu' width='7%'><a href='javascript:menuesuche()' class='menu' onmouseover=farbe1(stpt+8) onmouseout=farbe2(stpt+8)>Bild-<br>suche</a></td>";
    menuitem9="<td class='menu' width='8%'><a href='../links.htm' class='menu' onmouseover=farbe1(stpt+9) onmouseout=farbe2(stpt+9)>Links</a></td>";
    menubg1="url(../img/menu_bg.gif)";
    menubg2="url(../img/menu_bg2.gif)";
    break;
  default:
    break;
}
document.writeln(menuitem1);
document.writeln(menuitem2);
document.writeln(menuitem3);
document.writeln(menuitem4);
document.writeln(menuitem5);
document.writeln(menuitem6);
document.writeln(menuitem7);
document.writeln(menuitem8);
document.writeln(menuitem9);

document.writeln("</tr></table>");

//Menü Farbumschlag
function farbe1(i)
{
document.getElementsByTagName("td")[i].style.backgroundImage = menubg1;
}
function farbe2(i)
{
document.getElementsByTagName("td")[i].style.backgroundImage = menubg2;
}


function startRS(myurl) {
		var newWindow;
		var props = 'scrollBars=no,resizable=yes,toolbar=no,menubar=no,location=no,directories=no,width=792,height=568';

		newWindow = window.open(myurl, "Startfenster", props);
	}

function menuesuche() {
	var suchtext = "";
	suchtext=prompt("Stichwort für Bildersuche eingeben:", "");
	if (suchtext != null) {
		if( suchtext == ""  ) {
			alert("Kein Suchbegriff eingegeben!");	
		} else {
			if (suchtext.length < 3 )  {
				alert("Kein gültiger Suchbegriff eingegeben!");
			} else {
				if (aktseite=="br") {	
					location.href="../suchen.php?suchtext="+suchtext;
				}else{
					location.href="suchen.php?suchtext="+suchtext;
				}
			}
		}	
	}
}