/* ********************
*** Bidler vorladen ***
******************** */
vorladen1 = new Image();
vorladen1.src = "img/stadtplanbilder/neue_mitte_plan.jpg";
vorladen2 = new Image();
vorladen2.src = "img/stadtplanbilder/sparkasse_plan.jpg";
vorladen3 = new Image();
vorladen3.src = "img/stadtplanbilder/loewenapotheke_plan.jpg";
vorladen4 = new Image();
vorladen4.src = "img/stadtplanbilder/duft_und_waerme_plan.jpg";
/*vorladen5 = new Image();
vorladen5.src = "";
vorladen6 = new Image();
vorladen6.src = "";
vorladen7 = new Image();
vorladen7.src = "";*/
vorladen8 = new Image();
vorladen8.src = "img/stadtplanbilder/rathaus_plan.jpg";
vorladen9 = new Image();
vorladen9.src = "img/stadtplanbilder/riolet_plan.jpg";
vorladen10 = new Image();
vorladen10.src = "img/stadtplanbilder/literaturcafe_plan.jpg";
vorladen11 = new Image();
vorladen11.src = "img/stadtplanbilder/metzgerturm_plan.jpg";
vorladen12 = new Image();
vorladen12.src = "img/stadtplanbilder/weinhof_plan.jpg";
vorladen13 = new Image();
vorladen13.src = "img/stadtplanbilder/schwoerhaus_plan.jpg";
vorladen14 = new Image();
vorladen14.src = "img/stadtplanbilder/katharinenberg_plan.jpg";
vorladen15 = new Image();
vorladen15.src = "img/stadtplanbilder/schiefes_haus_plan.jpg";
/*vorladen16 = new Image();
vorladen16.src = "";
vorladen17 = new Image();
vorladen17.src = "";
vorladen18 = new Image();
vorladen18.src = "";*/
vorladen19 = new Image();
vorladen19.src = "img/stadtplanbilder/gravotec_plan.jpg";
vorladen20 = new Image();
vorladen20.src = "img/stadtplanbilder/parkhaus_plan.jpg";
/*vorladen21 = new Image();
vorladen21.src = "";
vorladen22 = new Image();
vorladen22.src = "";
vorladen23 = new Image();
vorladen23.src = "";
vorladen24 = new Image();
vorladen24.src = "";
vorladen25 = new Image();
vorladen25.src = "";
vorladen26 = new Image();
vorladen26.src = "";*/
vorladen27 = new Image();
vorladen27.src = "img/stadtplanbilder/figa_plan.jpg";
vorladen28 = new Image();
vorladen28.src = "img/stadtplanbilder/architekten_plan.jpg";
vorladen29 = new Image();
vorladen29.src = "img/stadtplanbilder/rrooaarr_plan.jpg";
vorladen30 = new Image();
vorladen30.src = "img/stadtplanbilder/fischauge_plan.jpg";
vorladen31 = new Image();
vorladen31.src = "img/stadtplanbilder/schweinemarkt_plan.jpg";
vorladen32 = new Image();
vorladen32.src = "img/stadtplanbilder/vaterunsergasse_plan.jpg";
vorladen33 = new Image();
vorladen33.src = "img/stadtplanbilder/schmale_haus_plan.jpg";
vorladen34 = new Image();
vorladen34.src = "img/stadtplanbilder/fischerplaetzle_plan.jpg";
/*vorladen35 = new Image();
vorladen35.src = "";
vorladen36 = new Image();
vorladen36.src = "";*/
vorladen37 = new Image();
vorladen37.src = "img/stadtplanbilder/kunstpfad_plan.jpg";
/*vorladen38 = new Image();
vorladen38.src = "";
vorladen39 = new Image();
vorladen39.src = "";*/

/* ***********
*** Arrays ***
*********** */
/* *** Array für die Bilder *** */
var anzeige = new Array();
anzeige[1] = "img/stadtplanbilder/neue_mitte_plan.jpg";
anzeige[2] = "img/stadtplanbilder/sparkasse_plan.jpg";
anzeige[3] = "img/stadtplanbilder/loewenapotheke_plan.jpg";
anzeige[4] = "img/stadtplanbilder/duft_und_waerme_plan.jpg";
anzeige[5] = "";
anzeige[6] = "";
anzeige[7] = "";
anzeige[8] = "img/stadtplanbilder/rathaus_plan.jpg";
anzeige[9] = "img/stadtplanbilder/riolet_plan.jpg";
anzeige[10] = "img/stadtplanbilder/literaturcafe_plan.jpg";
anzeige[11] = "img/stadtplanbilder/metzgerturm_plan.jpg";
anzeige[12] = "img/stadtplanbilder/weinhof_plan.jpg";
anzeige[13] = "img/stadtplanbilder/schwoerhaus_plan.jpg";
anzeige[14] = "img/stadtplanbilder/katharinenberg_plan.jpg";
anzeige[15] = "img/stadtplanbilder/schiefes_haus_plan.jpg";
anzeige[16] = "";
anzeige[17] = "";
anzeige[18] = "";
anzeige[19] = "img/stadtplanbilder/gravotec_plan.jpg";
anzeige[20] = "img/stadtplanbilder/parkhaus_plan.jpg";
anzeige[21] = "";
anzeige[22] = "";
anzeige[23] = "";
anzeige[24] = "";
anzeige[25] = "";
anzeige[26] = "";
anzeige[27] = "img/stadtplanbilder/figa_plan.jpg";
anzeige[28] = "img/stadtplanbilder/architekten_plan.jpg";
anzeige[29] = "img/stadtplanbilder/rrooaarr_plan.jpg";
anzeige[30] = "img/stadtplanbilder/fischauge_plan.jpg";
anzeige[31] = "img/stadtplanbilder/schweinemarkt_plan.jpg";
anzeige[32] = "img/stadtplanbilder/vaterunsergasse_plan.jpg";
anzeige[33] = "img/stadtplanbilder/schmale_haus_plan.jpg";
anzeige[34] = "img/stadtplanbilder/fischerplaetzle_plan.jpg";
anzeige[35] = "";
anzeige[36] = "";
anzeige[37] = "img/stadtplanbilder/kunstpfad_plan.jpg";
anzeige[38] = "";
anzeige[39] = "";

/* *** Array für die Texte *** */
var text = new Array();
text[1] = "Neue Mitte";
text[2] = "Sparkasse Ulm";
text[3] = "Löwen Apotheke";
text[4] = "Duft & Wärme";
text[5] = "";
text[6] = "";
text[7] = "";
text[8] = "Rathaus";
text[9] = "Riolet";
text[10] = "Becker´s";
text[11] = "Metzgerturm";
text[12] = "Weinhof";
text[13] = "Schwörhaus";
text[14] = "Katharinenberg";
text[15] = "Schiefes Haus und Ulmer Münz";
text[16] = "";
text[17] = "";
text[18] = "";
text[19] = "GravoTec";
text[20] = "Parken in Ulm";
text[21] = "";
text[22] = "";
text[23] = "";
text[24] = "";
text[25] = "";
text[26] = "";
text[27] = "FIGa Wellness";
text[28] = "Berton.Schwartz.Frey";
text[29] = "rrooaarr interactive solutions";
text[30] = "Fischerviertel-Kamera";
text[31] = "Schweinemarkt";
text[32] = "Vaterunsergasse";
text[33] = "Das schmale Haus";
text[34] = "Fischerplätzle";
text[35] = "";
text[36] = "";
text[37] = "Kunstpfad";
text[38] = "";
text[39] = "";

/* **************
*** Variablen ***
************** */
/* *** Variable für die Bildbreite *** */
var breite = 0;

/* ***************
*** Funktionen ***
*************** */
/* *** Text anzeigen und verbergen *** */
function ausgabe(wert)
{
	if (wert != 0 && wert <= (text.length-1) && text[wert] != ""){ // Text anzeigen
		document.getElementById('textausgabe1').innerHTML = "<strong>("+wert+")</strong><br>"+text[wert];
		document.getElementById('hinweis').innerHTML = "Klicken Sie, um mehr &uuml;ber - "+text[wert]+" - zu erfahren.";
		document.getElementById('bildausgabe').src = anzeige[wert];
		
		einausblenden(wert);
	} else { // Text verbergen
		//document.getElementById('textausgabe1').innerHTML = "";
		document.getElementById('hinweis').innerHTML = "Bitte f&uuml;hren Sie die Maus &uuml;ber einen durch eine Zahl gekennzeichneten Ort.";
		if (wert <= (text.length-1) && text[wert] != ""){
			einausblenden(wert);
		}
	}
}

/* *** Bild sanft ein- und ausblenden *** */
function einausblenden(wert2)
{
	if (wert2 != 0){ // Einblenden
		if (breite == 140){
			document.getElementById('bildausgabe').width = "140";
		} else {
			breite = breite +20;
			bildnummer = wert2;
			document.getElementById('bildausgabe').width = breite;
			aufbau = window.setTimeout("einausblenden(bildnummer)", 10);
		}
	}
	if (wert2 == 0){ // Ausblenden
		if (breite == 0){
			document.getElementById('bildausgabe').width = "0";
			document.getElementById('textausgabe1').innerHTML = "";
			breite = 0;
		} else {
			breite = breite -20;
			bildnummer = wert2;
			document.getElementById('bildausgabe').width = breite;
			abbau = window.setTimeout("einausblenden(bildnummer)", 10);
		}
		/*breite = 0;
		document.getElementById('bildausgabe').width = "0";
		window.clearTimeout(aufbau);*/
	}
}