/*
 *
 * JavaScript Funktionen für die Diplomarbeit von Gottfried/Schedler
 * Thema:		  Entwicklung eines Tourismusinformationssystems für das Gartenreich Dessau-Wörlitz
 * Autoren: 	  Andreas Gottfried und Mario Schedler
 * Hochschule:	  HS-Anhalt (FH) - Fachbereich Vermessungswesen
 * Betreuer:	  Prof. Dr.-Ing. Holger Baumann
 * Datum:		  April - August 2005
 *
 *
 */



function saveMap() {
	var list = document.zoomForm.selectSaveMap;
	window.location.href = list.options[list.selectedIndex].value;
}


// Aufruf der Funktion preloadImages() zum vorrausladen aller Bilder
preloadImages();


/*
 * Funktion: 	  changeImage(imageName, imageObject)
 * Parameter: 	  imageName gibt den Bildnamen in der HTML-Datei an
 * 				  imageObject gibt das auszutauschende Bildobjekt (ohne Datei-Eweiterung .gif) an
 * Beschreibung: Funktion die einen Bildaustausch (Rollover) gewährleistet
 */
function changeImage(imageName, imageObject) {
	document.images[imageName].src = imageObject.src;
}

/*
 * Funktion: 	  windowPrint()
 * Beschreibung: Funktion die alle notwendigen Bilder zu einem Fenster sendet,
 *					  wo die Seite für den Druck optimiert wird
 */
function windowPrint() {
	var win = window.parent.iframeMap;
	var mapURL = win.document.getElementsByName("mainMap")[0].src;
	
	var win = window.iframeKeymap;
	var keymapURL = win.document.getElementsByName("keymap")[0].src;
	
	var win = window.iframeScalebar;
	var scalebarURL = win.document.getElementsByName("scalebar")[0].src;
	var scale = win.document.getElementById("massstab").innerHTML;
	
	var targetWin = "print.php" + "?mapURL=" + mapURL + "&scalebarURL=" + scalebarURL + "&keymapURL=" + keymapURL + "&scale=" + scale;
	window.open(targetWin, "Kartenausdruck");
}


/*
 * Funktion: 	  keymapPan(Event)
 * Parameter: 	  Event muss übergeben werden für Firefox, Netscape und Mozilla
 * Beschreibung: Funktion die Mauskoordinaten der Übersichtskarte an das Formular des iframesMap sendet
 *					  und anschließend abschickt
 */
function keymapPan(Event) {
	var win = window.parent;
	win.iframeMap.document.getElementsByName("navigationMethod")[0].value = "panKeymap";
	if((browserName == "msie") || (browserName == "opera")) {
		win.iframeMap.document.getElementsByName("pixelX")[0].value = event.clientX;
		win.iframeMap.document.getElementsByName("pixelY")[0].value = event.clientY;
	} else if((browserName == "firefox") || (browserName == "netscape") || (browserName == "mozilla")) {
		win.iframeMap.document.getElementsByName("pixelX")[0].value = Event.clientX;
		win.iframeMap.document.getElementsByName("pixelY")[0].value = Event.clientY;
	}
	win.iframeMap.document.main.submit();
}



/*
 * Funktion:     sendLayer()
 * Beschreibung: Funktion die überprüft welche Layer angeschalten sind und diese Daten 
 *					  vom iframeTheme zum iframeMap sendet; dient dem An- und Ausschalten von Layern (Shapefiles)
 */
var name = new Array();
var status = new Array();
var name2 = new Array();
var status2 = new Array();

function sendLayer() {
	var inputElements = j = 0;
	var inputNames = new Array();
	while(document.getElementsByTagName("input")[inputElements]) {
		inputNames[inputElements] = document.getElementsByTagName("input")[inputElements].name;
		inputElements++;
	}
	
	for(var i = 0; i < inputNames.length; i++) {
		if(document.getElementsByName(inputNames[i])[0].checked) {
			name[i] = inputNames[i];
			status[i] = 1;
			if (document.getElementsByName(inputNames[i])[0].name == "strassenbahn") {
				name2[j] = "strassenbahnhaltestellen";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_10") {
				name2[j] = "bushaltestellen_10";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_11") {
				name2[j] = "bushaltestellen_11";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_12") {
				name2[j] = "bushaltestellen_12";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_13") {
				name2[j] = "bushaltestellen_13";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_14") {
				name2[j] = "bushaltestellen_14";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_15") {
				name2[j] = "bushaltestellen_15";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_16") {
				name2[j] = "bushaltestellen_16";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_18") {
				name2[j] = "bushaltestellen_18";
				status2[j] = 1;
				j++;
			}
		} else if (!document.getElementsByName(inputNames[i])[0].checked) {
			name[i] = inputNames[i];
			status[i] = 0;
			if (document.getElementsByName(inputNames[i])[0].name == "strassenbahn") {
				name2[j] = "strassenbahnhaltestellen";
				status2[j] = 0;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_10") {
				name2[j] = "bushaltestellen_10";
				status2[j] = 0;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_11") {
				name2[j] = "bushaltestellen_11";
				status2[j] = 0;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_12") {
				name2[j] = "bushaltestellen_12";
				status2[j] = 0;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_13") {
				name2[j] = "bushaltestellen_13";
				status2[j] = 0;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_14") {
				name2[j] = "bushaltestellen_14";
				status2[j] = 0;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_15") {
				name2[j] = "bushaltestellen_15";
				status2[j] = 0;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_16") {
				name2[j] = "bushaltestellen_16";
				status2[j] = 0;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_18") {
				name2[j] = "bushaltestellen_18";
				status2[j] = 0;
				j++;
			}
		}
	}

	if(window.parent != window.self) {
		var win = window.parent;
		win.iframeMap.document.getElementsByName("layerName")[0].value = name + "," + name2;
		win.iframeMap.document.getElementsByName("status")[0].value = status + "," + status2;
		win.iframeMap.document.getElementsByName("navigationMethod")[0].value = "layerOnOrOff";
		win.iframeMap.document.main.submit();
	}
}

/*
 * Funktion:     changeImageDivLeft(imageName, imageObject, divName, divStatus)
 * Parameter: 	  imageName gibt den Bildnamen in der HTML-Datei an
 * 				  imageObject gibt das auszutauschende Bildobjekt (ohne Datei-Eweiterung .gif) an
 *					  divName ist die Id des Div-Layers der an- bzw. ausgeschaltet wird
 *					  divStatus true für onmouseover, false für onmouseout -> somit nur eine Funktion
 * Beschreibung: Hiermit werden Rollovereffekt der Navigationselemente auf der Linken Seite 
 *					  sowie Ein- und Ausblenden der div-Bereiche (Hilfetexte) gewährleistet
 */
var allDivLeft = new Array('divZoomIn', 'divZoomRect', 'divZoomOut', 'divPaning', 'divMeasure', 'divQuery', 'divHelp');
var allDivRight = new Array('divPrint', 'divEmail', 'divSave', 'divOrt', 'divPark', 'divBauhaus', 'divKirche');
var allDivMiddle = new Array('divNorth', 'divNorthEast', 'divEast', 'divSouthEast', 'divSouth', 'divSouthWest', 'divWest', 'divNorthWest', 'divFull');

function changeImageDivLeft(imageName, imageObject, divName, divStatus) {
	changeImage(imageName, imageObject);
	
	if(divStatus) {
		for(var i = 0; i < allDivRight.length; i++) {
			document.getElementById(allDivRight[i]).style.visibility = "hidden";
		}
		for(var i = 0; i < allDivMiddle.length; i++) {
			document.getElementById(allDivMiddle[i]).style.visibility = "hidden";
		}
		for(var i = 0; i < allDivLeft.length; i++) {
			if(allDivLeft[i] == divName) {
				var divObj = document.getElementById(divName).style;
				divObj.top = 55 + "px";
				divObj.left = 5 + "px";
				divObj.width = 260 + "px";
				divObj.height = 30 + "px";
				divObj.visibility = "visible";		
			} 
			if(allDivLeft[i] != divName) {
				document.getElementById(allDivLeft[i]).style.visibility = "hidden";
			}
		}
	}
}


/*
 * Funktion:     changeImageDivRight(imageName, imageObject, divName, divStatus)
 * Parameter: 	  imageName ist der Name des zu tauschenden Bildes
 *					  imageObject ist das Bildobjekt (siehe preloadImages) in JavaScript
 *					  divName ist die Id des Div-Layers der an- bzw. ausgeschaltet wird
 *					  divStatus true für onmouseover, false für onmouseout -> somit nur eine Funktion
 * Beschreibung: tauscht die Bilder der rechten Seite der Navigationsleiste aus, blendet die jeweiligen 
 *					  Beschreibungen zu den Button ein und macht die Auswahllisten unsichtbar
 */
function changeImageDivRight(imageName, imageObject, divName, divStatus) {
	changeImage(imageName, imageObject);
	if(divStatus) {
		for(var i = 0; i < allDivLeft.length; i++) {
			document.getElementById(allDivLeft[i]).style.visibility = "hidden";
		}
		for(var i = 0; i < allDivMiddle.length; i++) {
			document.getElementById(allDivMiddle[i]).style.visibility = "hidden";
		}
		for(var i = 0; i < allDivRight.length; i++) {
			if(allDivRight[i] == divName) {
				var divObj = document.getElementById(divName).style;
				divObj.top = -40 + "px";
				divObj.left = 160 + "px";
				divObj.width = 260 + "px";
				divObj.height = 30 + "px";
				divObj.visibility = "visible";
			} 
			if(allDivRight[i] != divName) {
				document.getElementById(allDivRight[i]).style.visibility = "hidden";
			}
		}
	}
}


/*
 * Funktion:     changeImageDivMiddle(imageName, imageObject, divName, divStatus)
 * Parameter: 	  imageName ist der Name des zu tauschenden Bildes
 *					  imageObject ist das Bildobjekt (siehe preloadImages) in JavaScript
 *					  divName ist die Id des Div-Layers der an- bzw. ausgeschaltet wird
 *					  divStatus true für onmouseover, false für onmouseout -> somit nur eine Funktion
 * Beschreibung: tauscht die Bilder der Windrose aus, blendet die jeweiligen Beschreibungen zu den Button ein
 */
function changeImageMiddle(imageName, imageObject, divName, divStatus) {
	changeImage(imageName, imageObject);
	for(var i = 0; i < allDivLeft.length; i++) {
		document.getElementById(allDivLeft[i]).style.visibility = "hidden";
	}
	for(var i = 0; i < allDivRight.length; i++) {
		document.getElementById(allDivRight[i]).style.visibility = "hidden";
	}
	if(divStatus) {
		for(var i = 0; i < allDivMiddle.length; i++) {
			document.getElementById(allDivMiddle[i]).style.visibility = "hidden";
		}
		for(var i = 0; i < allDivMiddle.length; i++) {
			if(allDivMiddle[i] == divName) {
				var divObj = document.getElementById(divName).style;
				divObj.top = -20 + "px";
				divObj.left = 140 + "px";
				divObj.width = 220 + "px";
				divObj.height = 30 + "px";
				divObj.visibility = "visible";
			} 
			if(allDivMiddle[i] != divName) {
				document.getElementById(allDivMiddle[i]).style.visibility = "hidden";
			}
		}
	}
}


/*
 * Funktion:     changeNavMethod(imageName)
 * Parameter: 	  imageName ist der Name des jeweiligen Navigationstools
 * Beschreibung: Funktion die die Navigationsart zum zentralen Formular sendet und
 *					  anschließend wird überprüft welche Themen an- bzw. ausgeschaltet sind
 */
function changeNavMethod(imageName) {
	var iframeM = window.iframeMap;
	iframeM.document.getElementsByName("navigationMethod")[0].value = imageName;
	
	var iframeT = window.iframeTheme;
	var layer = new Array();
	var status = new Array();
	var layer2 = new Array();
	var status2 = new Array();	
	var i = k = j = 0;
	while(iframeT.document.getElementsByTagName("input")[i]) {
		if(iframeT.document.getElementsByTagName("input")[i].checked) {
			layer[k] = iframeT.document.getElementsByTagName("input")[i].name;
			status[k] = 1;
			if (document.getElementsByName(inputNames[i])[0].name == "strassenbahn") {
				layer2[j] = "strassenbahnhaltestellen";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_10") {
				layer2[j] = "bushaltestellen_10";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_11") {
				layer2[j] = "bushaltestellen_11";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_12") {
				layer2[j] = "bushaltestellen_12";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_13") {
				layer2[j] = "bushaltestellen_13";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_14") {
				layer2[j] = "bushaltestellen_14";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_15") {
				layer2[j] = "bushaltestellen_15";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_16") {
				layer2[j] = "bushaltestellen_16";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_18") {
				layer2[j] = "bushaltestellen_18";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_10") {
				layer2[j] = "bushaltestellen_10";
				status2[j] = 1;
				j++;
			}
			if (document.getElementsByName(inputNames[i])[0].name == "buslinie_10") {
				layer2[j] = "bushaltestellen_10";
				status2[j] = 1;
				j++;
			}

			k++;
		}
		i++;
	}
	iframeM.document.getElementsByName("layerName")[0].value = layer + "," + layer2;
	iframeM.document.getElementsByName("status")[0].value = status + "," + status2;
}

/*
 * Funktion: 	  changeMaps()
 * Beschreibung: Funktion die keymap.php, scalebar.php und legend.php ständig aktualisiert
 */
function changeMaps() {
	if(window.parent != window.self) {
		var win = window.parent;
		win.iframeKeymap.location = "keymap.php";
		win.iframeLegend.location = "legend.php";
		win.iframeScalebar.location = "scalebar.php";
	}
}


/*
 * Funktion: 	  showTheme()
 * Parameter: 	  menuNumber entspricht der Menünummer also den div-Tags
 * Beschreibung: Funktion die eine dynamische ThemennavigationMethod gewährleistet
 */
var allMenu = 8;
var openedMenu = -1;	// welches menu offen ist (-1 wenn keins offen)
var distanceLayer = 35  // gibt den Abstand der Layer zueinander an

function showTheme(menuNumber) {
	if(document.getElementById) {

		// hier wird ein bestimmtes Menü geöffnet
		if(openedMenu != -1) {	
			document.getElementById("menu" + openedMenu + "e").style.visibility = "hidden";	//?versteckt unterpunkte des offenen menu
			for(var i = 1; i <= allMenu; i++) {
				top = 10 + distanceLayer * (i - 1);	 // erzeugt "top"-Werte von 10, 50, 90, 130, 170, 210 und 250
				document.getElementById("menu" + i).style.top = top + "px";	// setzt menu auf "top"-Pixel
			}
		}
		
		// hier werden die übrigen Menüs unsichtbar gemacht
		if(openedMenu != menuNumber) {	
			var hightDiv = parseInt(document.getElementById("menu" + menuNumber + "e").style.height);	//holt height des offenen untermenu
			document.getElementById("menu" + menuNumber + "e").style.visibility = "visible";	//setzt das Untermenu auf "sichtbar"
			document.getElementById("menu" + menuNumber + "e").style.top = menuNumber * distanceLayer + "px";	//setzt den "top"-Wert des Untermenu neu
			for(i = menuNumber + 1; i <= allMenu; i++) {
				var top = parseInt(document.getElementById("menu" + i).style.top);	//holt den "top"-Wert des menu,welches nach dem offenen kommt
				top += hightDiv + 1;	//setzt "top"-Wert neu
				document.getElementById("menu" + i).style.top = top + "px";	
			}
			openedMenu = menuNumber;
		} else {
			openedMenu = -1;
		}
 	}
}


/*
 * Funktion: 	  panMap(direction)
 * Parameter: 	  direction
 * Beschreibung: Funktion die die Karte in alle Himmelsrichtungen verschiebt
 */
function panMap(direction) { 						// Fkt funktioniert erst wenn Map ein Bild ist kein input
	var iframe = window.iframeMap;
	iframe.document.getElementsByName("navigationMethod")[0].value = direction;
	iframe.document.main.submit();
}


/*
 * Funktion: 	 queryWindow(Event)
 * Parameter: 	  Event muss übergeben werden für Firefox, Netscape und Mozilla
 * Beschreibung: Funktion die die Mouse-Koordinaten von der Karte holt, in ein Formular einträgt
 *					  und anschließend versendet
 */
function queryWindow() {
	var navMethod = document.getElementsByName("navigationMethod")[0].value;

	if(navMethod == "querying") {
		var win = window.parent;
		var geoX = parseInt(win.iframeScalebar.document.getElementById("geoX").innerHTML);
		var geoY = parseInt(win.iframeScalebar.document.getElementById("geoY").innerHTML);
		var minx = parseInt(win.iframeMap.document.getElementsByName("MINX")[0].value);
		var miny = parseInt(win.iframeMap.document.getElementsByName("MINY")[0].value);
		var maxx = parseInt(win.iframeMap.document.getElementsByName("MAXX")[0].value);
		var maxy = parseInt(win.iframeMap.document.getElementsByName("MAXY")[0].value);
		var targetWin = "query.php" + "?geo_x=" + geoX + "&geo_y=" + geoY + "&minx=" + minx + "&miny=" + miny + "&maxx=" + maxx + "&maxy=" + maxy;
		var formatedWin = "menubar=no, toolbars=no, location=no, directories=no, status=no, scrollbars=yes, width=400 height=600";
		window.open(targetWin, "Abfrage", formatedWin);
	}
}


/*
 * Funktion: 	  startRPM(Event)
 * Parameter: 	  Event muss übergeben werden für Firefox, Netscape und Mozilla
 * Beschreibung: Funktion hat drei Aufgaben (nur bei mousedown):
 *					  1) Hineinzoomen mittels eines Rechtecks (zoomRect)
 *					  2) Kartenbild verschieben (paning)
 *					  3) Messen von Entfernungen (measureDist)
 */
var top, left;
var panDivMapX, panDivMapY;
var startX, startY; // Koordinaten des Anfangspunktes des Rechtecks
var endX, endY; // Koordinaten des Endpunktes des Rechtecks
var width, height; // Breite und Höhe des Rechtecks

function startRPM(Event) {
	// Speichern der Navigationsmethode
	var navMethod = document.getElementsByName("navigationMethod")[0].value;
	
	// NAVIGATIONSMETHODE für Hineinzoomen mittels eines Rechtecks
	if(navMethod == "zoomRect") {
		document.onmousemove = moveRPM;
		document.onmouseup = stopRPM;

		// Abspeichern der Mauskoordinaten (Startpunkt)  
		if((browserName == "msie") || (browserName == "opera")) {
			document.getElementsByName("pixelXDown")[0].value = window.event.offsetX;
			document.getElementsByName("pixelYDown")[0].value = window.event.offsetY;
			top = window.event.clientY;
			left = window.event.clientX;
			startX = window.event.x;
			startY = window.event.y;
		} else 
		if((browserName == "firefox") || (browserName == "netscape") || (browserName == "mozilla")) {
			var element = document.getElementById("mainMap");
			document.getElementsByName("pixelXDown")[0].value = Event.clientX;
			document.getElementsByName("pixelYDown")[0].value = Event.clientY;
			top = Event.clientY;
			left = Event.clientX;
			startX = Event.clientX;
			startY = Event.clientY;
		}
		
		// Rechteck bekommt top & left zugewiesen und wird anschließend sichtbar
		document.getElementById("rectangle").style.top = top;
		document.getElementById("rectangle").style.left = left;
		document.getElementById("rectangle").style.visibility = "visible";
		
	} else 
	
	// NAVIGATIONSMETHODE für Verschieben der Karte
	if(navMethod == "paning") {
		document.onmousemove = moveRPM;
		document.onmouseup = stopRPM;
		
		// Lesen von top & left des Div-Bereichs (wurde um die Karte gelegt)
		var divLeft = document.getElementById("divPanMap").style.left;
		var divTop = document.getElementById("divPanMap").style.top;
		
		// 
		if((browserName == "msie") || (browserName == "opera")) {
			panDivMapX = window.event.clientX - parseInt(divLeft);
			panDivMapY = window.event.clientY - parseInt(divTop);
			top = window.event.clientY;
			left = window.event.clientX;
			startX = window.event.offsetX;
			startY = window.event.offsetY;
		} else if((browserName == "netscape") || (browserName == "mozilla") || (browserName == "firefox")) {
			panDivMapX = Event.clientX - parseInt(divLeft);
			panDivMapY = Event.clientY - parseInt(divTop);
			top = Event.clientY;
			left = Event.clientX;
			startX = Event.offsetX;
			startY = Event.offsetY;
		}
	} else 
	
	// NAVIGATIONSMETHODE für Messen von Entfernungen
	if(navMethod == "measureDist") {
		document.onmousemove = moveRPM;
		
		// Speichern der Mauskoordinaten
		if((browserName == "msie") || (browserName == "opera")) {
			startX = event.clientX;
			startY = event.clientY;
		} else if((browserName == "netscape") || (browserName == "mozilla") || (browserName == "firefox")) {
			startX = Event.clientX;
			startY = Event.clientY;
		}
	}
	// kann vielleicht weg
	if((browserName == "msie") || (browserName == "opera")) {
		window.event.preventDefault();//stopPropagation();
	} else
	
	// kann vielleicht weg
	// beendet Bubbling und Event-Capturing mit Event-Listener (ansonsten würde man Karte verschieben)
	if((browserName == "netscape") || (browserName == "mozilla") || (browserName == "firefox")) {
		Event.preventDefault();
	}
	
	return false;
}


/*
 * Funktion: 	  moveRPM(Event)
 * Parameter: 	  Event muss übergeben werden für Firefox, Netscape und Mozilla
 * Beschreibung: Funktion hat drei Aufgaben (nur bei mousemove):
 *					  1) Hineinzoomen mittels eines Rechtecks (zoomRect ... R)
 *					  2) Kartenbild verschieben (paning ... P)
 *					  3) Messen von Entfernungen (measureDist ... M)
 *					  Anfangs wird überprüft welche Navigationsmethode gerufen werden soll -> Fallunterscheidung
 *					  dann wird der jeweilige Funktionsteil abgearbeitet
 */
function  moveRPM(Event) {
	var navMethod = document.getElementsByName("navigationMethod")[0].value;
	
	// NAVIGATIONSMETHODE für Hineinzoomen mittels eines Rechtecks
	if(navMethod == "zoomRect") {
		
		if((browserName == "msie") || (browserName == "opera")) {
			
			endX = window.event.x;
			endY = window.event.y;
			
			if(endX > startX && endY > startY) {
				height = endY - startY;
				width = endX - startX;
				document.getElementById("rectangle").style.top = startY + "px";
				document.getElementById("rectangle").style.left = startX + "px";
				document.getElementsByName("pixelXUp")[0].value = width + parseInt(document.getElementsByName("pixelXDown")[0].value);
				document.getElementsByName("pixelYUp")[0].value = height + parseInt(document.getElementsByName("pixelYDown")[0].value);
			} else
			if(endX < startX && endY < startY) {
				height = startY - endY;
				width = startX - endX;
				document.getElementById("rectangle").style.top = startY - height + "px";
				document.getElementById("rectangle").style.left = startX - width + "px";
				document.getElementsByName("pixelXUp")[0].value = width + parseInt(document.getElementsByName("pixelXDown")[0].value);
				document.getElementsByName("pixelYUp")[0].value = height + parseInt(document.getElementsByName("pixelYDown")[0].value);
				document.getElementsByName("pixelXDown")[0].value = endX;
				document.getElementsByName("pixelYDown")[0].value = endY;
			} else 
			if(endX > startX && endY < startY) {
				height = startY - endY;
				width = endX - startX;
				document.getElementById("rectangle").style.left = startX + "px";
				document.getElementById("rectangle").style.top = startY - height + "px";
				document.getElementsByName("pixelXUp")[0].value = width + parseInt(document.getElementsByName("pixelXDown")[0].value);
				document.getElementsByName("pixelYUp")[0].value = height + parseInt(document.getElementsByName("pixelYDown")[0].value);
				document.getElementsByName("pixelYDown")[0].value = endY;
			} else
			if(endX < startX && endY > startY) {
				height = endY - startY;
				width = startX - endX;
				document.getElementById("rectangle").style.top = startY + "px";
				document.getElementById("rectangle").style.left = startX - width + "px";
				document.getElementsByName("pixelXUp")[0].value = width + parseInt(document.getElementsByName("pixelXDown")[0].value);
				document.getElementsByName("pixelYUp")[0].value = height + parseInt(document.getElementsByName("pixelYDown")[0].value);
				document.getElementsByName("pixelXDown")[0].value = endX;
			}

			document.getElementById("rectangle").style.height = height + "px";
			document.getElementById("rectangle").style.width = width + "px";
			
		} else if((browserName == "netscape") || (browserName == "mozilla") || (browserName == "firefox")) {

			endX = Event.clientX;
			endY = Event.clientY;
			
			if(endX > startX && endY > startY) {
				height = endY - startY;
				width = endX - startX;
				document.getElementById("rectangle").style.height = height + "px";
				document.getElementById("rectangle").style.width = width + "px";
				document.getElementById("rectangle").style.top = startY + "px";
				document.getElementById("rectangle").style.left = startX + "px";
				document.getElementsByName("pixelXUp")[0].value = width + parseInt(document.getElementsByName("pixelXDown")[0].value);
				document.getElementsByName("pixelYUp")[0].value = height + parseInt(document.getElementsByName("pixelYDown")[0].value);
			} else
			if(endX < startX && endY < startY) {
				height = startY - endY;
				width = startX - endX;
				document.getElementById("rectangle").style.height = height + "px";
				document.getElementById("rectangle").style.width = width + "px";
				document.getElementById("rectangle").style.top = startY - height + "px";
				document.getElementById("rectangle").style.left = startX - width + "px";
				document.getElementsByName("pixelXUp")[0].value = width + parseInt(document.getElementsByName("pixelXDown")[0].value);
				document.getElementsByName("pixelYUp")[0].value = height + parseInt(document.getElementsByName("pixelYDown")[0].value);
				document.getElementsByName("pixelXDown")[0].value = endX;
				document.getElementsByName("pixelYDown")[0].value = endY;
			} else 
			if(endX > startX && endY < startY) {
				height = startY - endY;
				width = endX - startX;
				document.getElementById("rectangle").style.height = height + "px";
				document.getElementById("rectangle").style.width = width + "px";
				document.getElementById("rectangle").style.left = startX + "px";
				document.getElementById("rectangle").style.top = startY - height + "px";
				document.getElementsByName("pixelXUp")[0].value = width + parseInt(document.getElementsByName("pixelXDown")[0].value);
				document.getElementsByName("pixelYUp")[0].value = height + parseInt(document.getElementsByName("pixelYDown")[0].value);
				document.getElementsByName("pixelYDown")[0].value = endY;
			} else
			if(endX < startX && endY > startY) {
				height = endY - startY;
				width = startX - endX;
				document.getElementById("rectangle").style.height = height + "px";
				document.getElementById("rectangle").style.width = width + "px";
				document.getElementById("rectangle").style.top = startY + "px";
				document.getElementById("rectangle").style.left = startX - width + "px";
				document.getElementsByName("pixelXUp")[0].value = width + parseInt(document.getElementsByName("pixelXDown")[0].value);
				document.getElementsByName("pixelYUp")[0].value = height + parseInt(document.getElementsByName("pixelYDown")[0].value);
				document.getElementsByName("pixelXDown")[0].value = endX;
			}
		}
	} else if(navMethod == "paning") {
		
		if(browserName == "msie" || browserName == "opera") {
			document.getElementById("divPanMap").style.left = parseInt(window.event.clientX) - panDivMapX;
			document.getElementById("divPanMap").style.top = parseInt(window.event.clientY) - panDivMapY;
			var x = document.getElementsByName("mainMap")[0].width - (document.getElementsByName("mainMap")[0].width / 2 + window.event.clientX - left);
			var y = document.getElementsByName("mainMap")[0].height - (document.getElementsByName("mainMap")[0].height / 2 + window.event.clientY - top);
		} else if((browserName == "netscape") || (browserName == "mozilla") || (browserName == "firefox")) {
			document.getElementById("divPanMap").style.left = parseInt(Event.clientX) - panDivMapX;
			document.getElementById("divPanMap").style.top = parseInt(Event.clientY) - panDivMapY;
			var x = document.getElementsByName("mainMap")[0].width - (document.getElementsByName("mainMap")[0].width / 2 + Event.clientX - left);
			var y = document.getElementsByName("mainMap")[0].height - (document.getElementsByName("mainMap")[0].height / 2 + Event.clientY - top);
		}
		document.getElementsByName("pixelX")[0].value = x;
		document.getElementsByName("pixelY")[0].value = y;
	} else
	
	if(navMethod == "measureDist") {
		var divElements = 7;
		var xM, yM;
		var win = window.parent;
		var scale = parseInt(win.iframeScalebar.document.getElementById("massstab").innerHTML);
		var width = endX - startX;
		var height = endY - startY;
		var distance = parseInt(Math.sqrt(height * height + width * width) * 1 / 72 * 0.0254 * scale);
		
		if((browserName == "msie") || (browserName == "opera")) {
			endX = event.clientX;
			endY = event.clientY;
		} else if((browserName == "netscape") || (browserName == "mozilla") || (browserName == "firefox")) {
			endX = Event.clientX;
			endY = Event.clientY;
		}

		win.iframeMap.document.getElementById("divStart").style.top = startY + "px";
		win.iframeMap.document.getElementById("divStart").style.left = startX + "px";
		win.iframeMap.document.getElementById("divStart").style.visibility = "visible";
		
		for(var c = 0; c < divElements; c++) {
			xM = parseInt(startX + (endX - startX) / divElements * (divElements - c));
			yM = parseInt(startY + (endY - startY) / divElements * (divElements - c));
			win.iframeMap.document.getElementById("divMiddle" + c).style.visibility = "visible";
			win.iframeMap.document.getElementById("divMiddle" + c).style.top = yM + "px";
			win.iframeMap.document.getElementById("divMiddle" + c).style.left = xM + "px";
		}
		
		if(endX >= 560 && endY >= 305) {
			win.iframeMap.document.getElementById("divEnd").style.top = endY - 15 + "px";
			win.iframeMap.document.getElementById("divEnd").style.left = endX - 45 + "px"; 
		} else if(endY >= 305) {
			win.iframeMap.document.getElementById("divEnd").style.top = endY - 15 + "px";
			win.iframeMap.document.getElementById("divEnd").style.left = endX + "px";
		} else if(endX >= 560) {
			win.iframeMap.document.getElementById("divEnd").style.top = endY + "px";
			win.iframeMap.document.getElementById("divEnd").style.left = endX - 45 + "px";
		} else {
			win.iframeMap.document.getElementById("divEnd").style.top = endY + 5 + "px";
			win.iframeMap.document.getElementById("divEnd").style.left = endX + 15 + "px";
		}
		win.iframeMap.document.getElementById("divEnd").innerHTML = distance + "m";
		win.iframeMap.document.getElementById("divEnd").style.visibility = "visible";

	}
		
	return false;
}

	
/*
 * Funktion: 	  stopRPM(Event)
 * Beschreibung: Funktion hat die Aufgabe bei (nur bei mouseup):
 *					  1) Hineinzoomen mittels eines Rechtecks (zoomRect) und
 *					  2) Kartenbild verschieben (paning)
 *					  die Events freizugeben und ein Formular abzuschicken (nur zoomRect & paning)
 */
function stopRPM(Event) {
	var navMethod = document.getElementsByName("navigationMethod")[0].value;
	if(navMethod = "zoomRect" || navMethod == "paning") {
		if(document.releaseEvents)
			document.releaseEvents(Event.MOUSEMOVE);
		document.onmousemove = drawCurrentCoords;
		document.main.submit();
	} else if(navMethod = "paning") {
		if(document.releaseEvents)
			document.removeEventListener("mousemove", moveRPM, true);
			//document.releaseEvents(Event.MOUSEMOVE);
		document.onmousemove = drawCurrentCoords;
	}
	return false;
}


/*
 * Funktion: 	  checkBrowser()
 * Beschreibung: Funktion die den verwendeten Browser bestimmt, das ist notwendig für 
 *					  die jeweiligen Zoom-Funktionen
 */
var browserName;

function checkBrowser() {
	
	var appName = navigator.appName.toLowerCase();
	var userAgent = navigator.userAgent.toLowerCase();

	// Test auf Opera 7
	if(userAgent.indexOf("opera") != -1) {
		browserName = "opera";
	} else
	
	// Test auf Microsoft Internet Explorer 6
	if((userAgent.indexOf("msie") != -1) && (userAgent.indexOf("opera") == -1) && (userAgent.indexOf("firefox") == -1)) {
		browserName = "msie";
	} else
				
	// Test auf Firefox 1
	if(userAgent.indexOf("firefox") != -1) {
		browserName = "firefox";
	} else
		
	// Test auf Netscape 6 und 7
	if((appName == "netscape") && (userAgent.indexOf("firefox") == -1) && (userAgent.indexOf("netscape") != -1)) {
		browserName = "netscape";
	} else
	
	// Test auf Mozilla 1.2
	if( (appName == "netscape") && (userAgent.indexOf("netscape") == -1)) {
		browserName = "mozilla";
	} else
	
	// Test auf Konqueror
	if((appName == "konqueror") && (userAgent.indexOf("konqueror") != -1)) {
		browserName = "konqueror";
	}
}


/*
 * Funktion: 	  drawCurrentCoords(Event)
 * Beschreibung: berechnet die georeferenzierten Koordinaten der gegenwärtigen Mausposition über der Karte
 */
function drawCurrentCoords(Event) {
	var pixelMapHeight =  document.getElementById("mainMap").height;
	var pixelMapWidth = document.getElementById("mainMap").width;
	var geoMapHeight = document.getElementsByName("MAXY")[0].value - document.getElementsByName("MINY")[0].value;
	var geoMapWidth = document.getElementsByName("MAXX")[0].value - document.getElementsByName("MINX")[0].value;
	
	if((browserName == "msie") || (browserName == "opera")) {
		var pixelX = window.event.offsetX;
		var pixelY = pixelMapHeight - window.event.offsetY;
	} else if((browserName == "netscape") || (browserName == "mozilla") || (browserName == "firefox")) {
		var pixelX = Event.pageX;
		var pixelY = pixelMapHeight - Event.pageY;
	}
	var geoX = parseFloat(document.getElementsByName("MINY")[0].value) + geoMapHeight * pixelY / pixelMapHeight;
	var geoY = parseFloat(document.getElementsByName("MINX")[0].value) + geoMapWidth * pixelX / pixelMapWidth;
	var win = window.parent;
	win.iframeScalebar.document.getElementById("geoX").innerHTML = geoX.toPrecision(7);
	win.iframeScalebar.document.getElementById("geoY").innerHTML = geoY.toPrecision(6);
}


/*
 * Funktion: 	  scrollDown(), scrollUp(), stopScroll()
 * Beschreibung: Funktionen die das Scrollen innerhalb der Legende gewährleisten
 */
var topScroll = 5;
var test;
function scrollDown() {
	if (topScroll  < 13) {
		document.getElementById("legendStatic").style.top = topScroll + "px";
		test = window.setTimeout("scrollDown()", 25)
		topScroll  += 5;
	}
}
function scrollUp() {
	var dynTop = -(document.images.length * 21 - 350);
	//alert(document.images.length);
	if (topScroll  > dynTop) {
		document.getElementById("legendStatic").style.top = topScroll + "px";
		test = window.setTimeout("scrollUp()", 25)
		topScroll  -= 5;
	}
}
function stopScroll() {
	window.clearTimeout(test);
}


/*
 * Funktion: 	  writeZoomextent(zMinx, zMiny, zMaxx, zMaxy)
 * Parameter:	  Extent des jeweiligen Objekts
 * Beschreibung: schreibt die Extents im iframeMap neu und schickt das Formular weg
 *					  Hilfsfunktion für zoomToOrt(),  zoomToPark(), zoomToBau() und zoomToKirche()
 */
function writeZoomextent(zMinx, zMiny, zMaxx, zMaxy) {
	var iframe = window.iframeMap;
	// somit wird in PHP keine andere Funktion, wie zoom etc. gerufen, 
	// da navigationMethod mit einem nicht definierten Wert an tis.php übersendet wird
	iframe.document.getElementsByName("navigationMethod")[0].value = "empty";
	iframe.document.getElementsByName("MINX")[0].value = zMinx;
	iframe.document.getElementsByName("MINY")[0].value = zMiny;
	iframe.document.getElementsByName("MAXX")[0].value = zMaxx;
	iframe.document.getElementsByName("MAXY")[0].value = zMaxy;
	document.zoomForm.reset();
	document.getElementById("divPrint").style.visibility = "hidden";
	document.getElementById("divOrt").style.visibility = "hidden";
	document.getElementById("divPark").style.visibility = "hidden";
	document.getElementById("divBauhaus").style.visibility = "hidden";
	document.getElementById("divKirche").style.visibility = "hidden";
	iframe.document.main.submit();
}


/*
 * Funktion: 	  zoomToOrt()
 * Beschreibung: Funktion die mittels der Funktion writeZoomextent zu einem bedeutenden Objekt zoomt
 */
function zoomToOrt() {
	var listOrt = document.zoomForm.selectOrtschaft;
	var indexOrt = listOrt.selectedIndex;
	var ort = listOrt.options[indexOrt].value;

	switch(ort) {
		case "ort_coswig":
			writeZoomextent(322797, 5749925, 326370, 5751815);
			break;
		case "ort_dessau_alten":
			writeZoomextent(305008, 5743900, 308115, 5745544);
			break;
		case "ort_dessau_grosskuehnau":
			writeZoomextent(304660, 5747545, 306873, 5748716);
			break;
		case "ort_dessau_kleinkuehnau":
			writeZoomextent(304837, 5746367, 307203, 5747618);
			break;
		case "ort_dessau_kochstedt":
			writeZoomextent(304517, 5741644, 307519, 5743232);
			break;
		case "ort_dessau_mildensee":
			writeZoomextent(311922, 5743762, 315670, 5745745);
			break;
		case "ort_dessau_toerten":
			writeZoomextent(308676, 5741158, 312183, 5743013);
			break;
		case "ort_dessau_waldersee":
			writeZoomextent(310592, 5746024, 314791, 5748246);
			break;
		case "ort_dessau_zentrum":
			writeZoomextent(308497, 5745722, 311160, 5747130);
			break;
		case "ort_griesen":
			writeZoomextent(321509, 5745272, 322922, 5746019);
			break;
		case "ort_horstdorf":
			writeZoomextent(321143, 5742782, 324746, 5744688);
			break;
		case "ort_kakau":
			writeZoomextent(322001, 5741638, 324214, 5742808);
			break;
		case "ort_mosigkau":
			writeZoomextent(302050, 5742374, 306253, 5744598);
			break;
		case "ort_rosslau":
			writeZoomextent(307921, 5749969, 311572, 5751901);
			break;
		case "ort_oranienbaum":
			writeZoomextent(318910, 5740949, 322775, 5742994);
			break;
		case "ort_vockerode":
			writeZoomextent(315498, 5746348, 319345, 5748383);
			break;
		case "ort_woerlitz":
			writeZoomextent(321456, 5746013, 323427, 5747056);
			break;
	}
}


/*
 * Funktion: 	  zoomToPark()
 * Beschreibung: Funktion die mittels der Funktion writeZoomextent zu einem bedeutenden Objekt zoomt
 */
function zoomToPark() {
	var listPark = document.zoomForm.selectPark;
	var indexPark = listPark.selectedIndex;
	var park = listPark.options[indexPark].value;

	switch(park) {
		case "park_woerlitz":
			writeZoomextent(321132, 5746436, 324283, 5748104);
			break;
		case "park_oranienbaum":
			writeZoomextent(319902, 5741631, 321625, 5742542);
			break;
		case "park_luisium":
			writeZoomextent(311273, 5747322, 313011, 5748242);
			break;
		case "park_georgium":
			writeZoomextent(307134, 5747075, 311412, 5749338);
			break;
		case "park_mosigkau":
			writeZoomextent(302957, 5743059, 304158, 5743694);
			break;
		case "park_kuehnau":
			writeZoomextent(305578, 5747651, 307677, 5748762);
			break;
		case "park_sieglitz":
			writeZoomextent(314624, 5748989, 316670, 5750071);
			break;	}
}


/*
 * Funktion: 	  zoomToBau()
 * Beschreibung: Funktion die mittels der Funktion writeZoomextent zu einem bedeutenden Objekt zoomt
 */
function zoomToBau() {
	var listBau = document.zoomForm.selectBauhaus;
	var indexBau = listBau.selectedIndex;
	var bau = listBau.options[indexBau].value;

	switch(bau) {
		case "bauhaus":
			writeZoomextent(308715, 5746678, 309204, 5746936);
			break;
		case "meisterhaeuser":
			writeZoomextent(308437, 5747137, 308837, 5747348);
			break;
		case "kornhaus":
			writeZoomextent(308139, 5748528, 308675, 5748812);
			break;
		case "arbeitsamt":
			writeZoomextent(309493, 5745566, 310043, 5745857);
			break;
		case "konsumgebaeude":
			writeZoomextent(309830, 5742782, 310303, 5743032);
			break;
		case "laubenganghaeuser":
			writeZoomextent(309714, 5742497, 310471, 5742898);
			break;
		case "stahlhaus":
			writeZoomextent(309776, 5743141, 310132, 5743330);
			break;
		case "siedlung_toerten":
			writeZoomextent(309329, 5742463, 310927, 5743308);
			break;
		case "kleinring_5":
			writeZoomextent(310092, 5742813, 310368, 5742959);
			break;
		case "mm_zentrum":
			writeZoomextent(310237, 5742808, 310507, 5742951);
			break;	}
}


/*
 * Funktion: 	  zoomToKirche()
 * Beschreibung: Funktion die mittels der Funktion writeZoomextent zu einem bedeutenden Objekt zoomt
 */
function zoomToKirche() {
	var listKirche = document.zoomForm.selectKirche;
	var indexKirche = listKirche.selectedIndex;
	var kirche = listKirche.options[indexKirche].value;

	switch(kirche) {
		case "kirche_mosigkau":
			writeZoomextent(303616, 5743349, 304054, 5743581);
			break;
		case "kirche_kuehnau":
			writeZoomextent(305753, 5748429, 305974, 5748546);
			break;
		case "kirche_waldersee":
			writeZoomextent(312031, 5746645, 312414, 5746847);
			break;
		case "kirche_mildensee":
			writeZoomextent(312754, 5744652, 313033, 5744799);
			break;
		case "kirche_vockerode":
			writeZoomextent(317447, 5747352, 317757, 5747516);
			break;
		case "kirche_oranienbaum":
			writeZoomextent(320970, 5741575, 321378, 5741791);
			break;
		case "kirche_woerlitz":
			writeZoomextent(322251, 5746800, 322656, 5747014);
			break;
		case "kirche_horstdorf":
			writeZoomextent(323054, 5743800, 323604, 5744091);
			break;
		case "kirche_goltewitz":
			writeZoomextent(322082, 5740935, 322415, 5741111);
			break;
		case "kirche_riesigk":
			writeZoomextent(324920, 5744530, 325565, 5744871);
			break;	}
}


/*
 * Funktion: 	  preloadImages()
 * Beschreibung: Funktion die alle wichtigen Bilder im Voraus lädt
 */
function preloadImages() {
	zoom_in = new Image();
	zoom_in.src = "picture_button/zoom_in.gif";    
	zoom_in_over = new Image();
	zoom_in_over.src = "picture_button/zoom_in_over.gif";
	zoom_out = new Image();
	zoom_out.src = "picture_button/zoom_out.gif";    
	zoom_out_over = new Image();
	zoom_out_over.src = "picture_button/zoom_out_over.gif";
	pan = new Image();
	pan.src = "picture_button/pan.gif";    
	pan_over = new Image();
	pan_over.src = "picture_button/pan_over.gif";
	measure = new Image();
	measure.src = "picture_button/measure.gif";    
	measure_over = new Image();
	measure_over.src = "picture_button/measure_over.gif";
	query = new Image();
	query.src = "picture_button/query.gif";    
	query_over = new Image();
	query_over.src = "picture_button/query_over.gif";
	print_picture = new Image();
	print_picture.src = "picture_button/print_picture.gif";    
	print_picture_over = new Image();
	print_picture_over.src = "picture_button/print_picture_over.gif";
	help = new Image();
	help.src = "picture_button/help.gif";    
	help_over = new Image();
	help_over.src = "picture_button/help_over.gif";
	email = new Image();
	email.src = "picture_button/email.gif";    
	email_over = new Image();
	email_over.src = "picture_button/email_over.gif";
	save_picture = new Image();
	save_picture.src = "picture_button/save_picture.gif";    
	save_picture_over = new Image();
	save_picture_over.src = "picture_button/save_picture_over.gif";
	n = new Image();
	n.src = "picture_button/n.gif";    
	n_over = new Image();
	n_over.src = "picture_button/n_over.gif";
	s = new Image();
	s.src = "picture_button/s.gif";    
	s_over = new Image();
	s_over.src = "picture_button/s_over.gif";
	w = new Image();
	w.src = "picture_button/w.gif";    
	w_over = new Image();
	w_over.src = "picture_button/w_over.gif";
	o = new Image();
	o.src = "picture_button/o.gif";    
	o_over = new Image();
	o_over.src = "picture_button/o_over.gif";
	nw = new Image();
	nw.src = "picture_button/nw.gif";    
	nw_over = new Image();
	nw_over.src = "picture_button/nw_over.gif";
	no = new Image();
	no.src = "picture_button/no.gif";    
	no_over = new Image();
	no_over.src = "picture_button/no_over.gif";
	sw = new Image();
	sw.src = "picture_button/sw.gif";    
	sw_over = new Image();
	sw_over.src = "picture_button/sw_over.gif";
	so = new Image();
	so.src = "picture_button/so.gif";    
	so_over = new Image();
	so_over.src = "picture_button/so_over.gif";
	c = new Image();
	c.src = "picture_button/c.gif";    
	c_over = new Image();
	c_over.src = "picture_button/c_over.gif";
	zoom_rect = new Image();
	zoom_rect.src = "picture_button/zoom_rect.gif";    
	zoom_rect_over = new Image();
	zoom_rect_over.src = "picture_button/zoom_rect_over.gif";
	ortschaften = new Image();
	ortschaften.src = "picture_button/ortschaften.gif";    
	ortschaften_over = new Image();
	ortschaften_over.src = "picture_button/ortschaften_over.gif";
	gaerten = new Image();
	gaerten.src = "picture_button/gaerten.gif";    
	gaerten_over = new Image();
	gaerten_over.src = "picture_button/gaerten_over.gif";
	bauhausstaetten = new Image();
	bauhausstaetten.src = "picture_button/bauhausstaetten.gif";    
	bauhausstaetten_over = new Image();
	bauhausstaetten_over.src = "picture_button/bauhausstaetten_over.gif";
	kirchen = new Image();
	kirchen.src = "picture_button/kirchen.gif";    
	kirchen_over = new Image();
	kirchen_over.src = "picture_button/kirchen_over.gif";
}