function showTabs(id) // Zeigt den Info- und Galeriebereich an
{
	//Alle Dummys leeren
	$("#dummy_info").html("");
	$("#dummy_kontakt").html("");
	$("#bilder").html("");
	
	//Daten holen und einfügen
	var info = $(".rent_content[id="+id+"]").find(".info").html();
	$("#dummy_info").append(info);
	var kontakt = $(".rent_content[id="+id+"]").find(".kontakt").html();
	$("#dummy_kontakt").append(kontakt);
	
	// Hole Urls aus den Anchor-Tags im DIV rent_gal
	// Erstelle aus den URLs Image-Tags im DIV bilder
	$(".rent_content[id="+id+"]").find(".rent_gal a").each(function (url) {
			var url = $(this).attr("href");
			var img = '<img class="lightbox" title="Foto" src="' + url + '" />';
			$("#bilder").append(img);
	});
	
	//Beim ersten Darstellen soll Details gezeigt werden
	$("#dummy_kontakt").hide();
	$("#dummy_info").hide();
	$("#dummy_info").show();
	$("#dummy_gal").show();
	$("#tabs").css("background-position","top left");
	
	// Aktiviere Lightbox und Scrollable
	$('img.lightbox').lightBox();
	$("#bilder_rahmen").scrollable({
		size: 1,
		loop: true,						   
	});
	// Nachdem die Dummys befüllt sind kann der ganze Content angezeigt werden
	//$(".rent_content[id="+id+"]").slideDown();
	
	//Zeige Tabs
	$("#tabs").slideDown();
}

function showSidebar(id) // Zeigt die Sidebar an und füllt sie mit Inhalten
{
	//Knopf "Übersichtskarte" ausblenden
	$(".mainmap").hide();
	//vererbte Klassen löschen
	$("#rent_list li").removeClass("textinhalt");
	//Daten aus Sidebar löschen
	$("#sidebar").html("");
	//Sidebar einblenden
	$("#sidebar").animate({ 
	width: "254px", 
	height: "290px"
	}, 500, function(){
		setTimeout(function() { $('.mainmap').fadeIn(); }, 500);
	});
	
	//Daten für Sidebar holen
	var descript = $(".rent_content[id="+id+"]").find(".descript").html();
	var plz = $(".rent_content[id="+id+"]").find(".plz").html();
	var stadt = $(".rent_content[id="+id+"]").find(".stadt").html();
	var strasse = $(".rent_content[id="+id+"]").find(".strasse").html();
	var status = $(".rent_content[id="+id+"]").find(".status").html();
	var ankermieter = $(".rent_content[id="+id+"]").find(".ankermieter").html();
	var umfeld = $(".rent_content[id="+id+"]").find(".umfeld").html();
	if ((status == 0) || (status == null) || (status == ""))
	{
			var sidebar_text ='<span class="heading">Objekt:</span>'
					+ '<p>'+descript+'</p>'
					+ '<span class="heading">Adresse:</span>'
					+ '<p>'+plz+' '+stadt+'</p>'
					+ '<p>'+strasse+'</p>'
					+ '<span class="heading verfuegbar">Status: verfügbar</span>'
					+ '<span class="heading ank">Mieter:</span>'
					+ '<p class="ank">'+ankermieter+'</p>'
					+ '<span class="heading umf">Im Umfeld:</span>'
					+ '<p class="umf">'+umfeld+'</p>';
	}
	if (status == 1)
	{
			var sidebar_text ='<span class="heading">Objekt:</span>'
					+ '<p>'+descript+'</p>'
					+ '<span class="heading">Adresse:</span>'
					+ '<p>'+plz+' '+stadt+'</p>'
					+ '<p>'+strasse+'</p>'
					+ '<span class="heading vermietet">Status: vermietet</span>'
					+ '<span class="heading ank">Mieter:</span>'
					+ '<p class="ank">'+ankermieter+'</p>'
					+ '<span class="heading umf">Im Umfeld:</span>'
					+ '<p class="umf">'+umfeld+'</p>';
	}
					
	//Sidebar befüllen			
	$("#sidebar").html(sidebar_text);
	if(ankermieter == null) $(".ank").hide();
	if(umfeld == null) $(".umf").hide();
}

function displayPoint(marker, index) //Punkt anzeigen bei Click
{
	$("#rent_message").hide();
	
	var moveEnd = GEvent.addListener(map, "moveend", function(){
		var markerOffset = map.fromLatLngToDivPixel(marker.getLatLng());
		$("#rent_message")
			.fadeIn()
			.css({ top:markerOffset.y, left:markerOffset.x });
	
		GEvent.removeListener(moveEnd);
	});
	map.panTo(marker.getLatLng());
}

function hoverPoint(marker, index)
{
	$("#rent_message").hide();
	var latlng = marker.getLatLng();
	var lat = latlng.lat();
	var plz = $(".rent_content[id^='"+lat+"']").find(".plz").html();
	var stadt = $(".rent_content[id^='"+lat+"']").find(".stadt").html();
	var strasse = $(".rent_content[id^='"+lat+"']").find(".strasse").html();
	var msg = "<span>"+plz+" "+stadt+"</span><span>"+strasse+"</span>"
	var markerOffset = map.fromLatLngToDivPixel(marker.getLatLng());
	$("#rent_message")
		.html(msg)
		.fadeIn()
		.css({ top:markerOffset.y, left:markerOffset.x });
	//GEvent.removeListener(mouseout);	
}
				
$(document).ready(function(){ //Wenn Dokument geladen ist führe folgende befehle aus

	

	if($('.tx-tpvermietung-pi1').length > 0) //Führe die Scripts für das Vermietungs-Modul nur aus wenn es auch eingebunden wurde
	{
		$(".lmenu").append("<ul id='obj_list'></ul>");	//Objektliste in linke Seitenleiste einfügen
		
		
		map = new GMap2(document.getElementById("rent_map"));	//Übersichts-Karte erstellen
		map.setCenter(new GLatLng(52.52291, 7.44874), 6);
		var mapControl = new GSmallZoomControl();
		map.addControl(new GMapTypeControl());
		map.addControl(mapControl);
		
		$("#rent_map").animate({ 								//Karte darstellen
					width: "628px", 
					height: "520px"
				}, 500 );
				
		$(".mainmap").hide();									//Alles Ausblenden was vorerst nicht benötigt wird
		//$(".rent_content").hide();			
		$(".rent_info").hide();
		$(".rent_map").hide();
		$("#dummy_gal").hide();
		$("#dummy_kontakt").hide();
		$("#dummy_info").hide();
		$("#tabs").hide();
		//$("#dummy_info ul").removeClass("menu");
		//$("#dummy_info ul").removeClass("ul");
	
		$("#rent_map").mouseleave(function(){					//Beim MouseOut aus Map Tooltip ausblenden
			$("#rent_message").fadeOut();
		});

		/*$('.mainmap').click(function(){						//Übersichtskarte
				$(".mainmap").fadeOut();
				map.setMapType(G_NORMAL_MAP);
				$("#rent_message").hide();
				$(".rent_content").slideUp();
				$("#dummy_gal").slideUp();
				$("#dummy_kontakt").slideUp();
				$("#dummy_info").slideUp();
				$("#tabs").slideUp();
				$("#sidebar").hide();
				$("#sidebar").css("height","520px").css("width","0px");
				map.setCenter(new GLatLng(52.52291, 7.44874), 6);	
				setTimeout(function() {  
					$("#rent_map").animate({ 
						width: "628px", 
						height: "520px"
					}, 500 );
				}, 500);
		});*/
		
		$('#but_kontakt').click(function(){							// Buttons der Tableiste
			$('#dummy_gal').hide();
			$('#dummy_info').hide();
			$('#dummy_kontakt').show();
			$("#tabs").css("background-position","0 60px");		
		});
		
		$('#but_info').click(function(){
			$('#dummy_kontakt').hide();
			$('#dummy_gal').show();
			$('#dummy_info').show();
			$("#tabs").css("background-position","top left");
	
		});
		
		//$('.listbutton').removeClass("textinhalt");
								 	
		var plzArray = [];											// ArrayVariablen für erzeugen
		var stadtArray = [];
		var strasseArray = []
		var latArray = [];
		var lngArray = [];
		var markers = [];
	
		$(".plz").each(function(i,obj){								//Daten auslesen und in Arrays packen
			var plz = $(this).text();
			plzArray[i] = plz;
		});
		$(".stadt").each(function(i,obj){
			var stadt = $(this).text();
			stadtArray[i] = stadt;
		});
		$(".strasse").each(function(i,obj){
			var strasse = $(this).text();
			strasseArray[i] = strasse;
		});
		$(".lat").each(function(i,obj){
			var lat = $(this).text();
			latArray[i] = lat;
		});
		$(".lng").each(function(i,obj){
			var lng = $(this).text();
			lngArray[i] = lng;
		});
	
		$(latArray).each(function(i,n)								//Durch latArray laufen und Marker zusammenbauen
		{
			var point = new GLatLng(latArray[i],lngArray[i]);
			var marker = new GMarker(point)
			map.addOverlay(marker);									//Hinzufügen des Markers zur Karte
			markers[i] = marker;									//Speichern des Markers im Array "markers"
		});
		
		$(markers).each(function(i,marker){							// Listeneinträge erstellen
			var latlng = marker.getLatLng();
			var lat = latlng.lat();
			var id = latArray[i]+lngArray[i];
			var plz = $(".rent_content[id='"+id+"']").find(".plz").html();
			var stadt = $(".rent_content[id='"+id+"']").find(".stadt").html();
			var obj = "<a href='#'>"+plz+" "+stadt+"</a>";
			
			$("<li />").html(obj).click(function(){					//Erstellen der Listeneintrage und hinzufügen des Click-Events sowie der										
				$("#rent_message").hide();							//entsprechnenden Reaktionen
				$("#rent_map").animate({ 
					width: "367px", 
					height: "290px"
				}, 500 );
				map.setMapType(G_NORMAL_MAP);						//Hauptkarte erstellen
				map.setCenter(new GLatLng(latArray[i],lngArray[i]), 5);
				map.setZoom(15);
				$(".rent_content").fadeOut();
				$(".rent_content[id="+id+"]").fadeIn();
				$("#dummy_kontakt").hide();
				$("#dummy_bilder").hide();
				$("#dummy_info").show();
				$("#tabs").slideDown();
				$("#sidebar").animate({ 
					width: "254px", 
					height: "290px"
				}, 500 );
				
	                        // Angeclickte Menuepunkte fett anzeigen
	                        $("#obj_list li").removeClass("aktiv");
	                        $(this).addClass("aktiv");
				//Zeige Sidebar
				showSidebar(id);
				// Zeige Tabs
				showTabs(id);			
			}).appendTo("#obj_list");								//Listeneintrag an Objektliste anhängen


			GEvent.addListener(marker, "mouseover", function() {	//Events "Hover" für Marker
				hoverPoint(marker, i);
			});
			
			GEvent.addListener(marker, "mouseout", function() {		//Beim MouseOut aus Marker Tooltip ausblenden
				$("#rent_message").hide();	
			});

			GEvent.addListener(marker, "click", function() {		// Event "Click" für Marker
				$("#rent_message").hide();
				$("#rent_map").animate({ 
					width: "367px", 
					height: "290px"
				}, 500 );
				map.setMapType(G_NORMAL_MAP);						// Karte verkleinern und Objekt fokusieren
				map.setCenter(new GLatLng(latArray[i],lngArray[i]), 5);
				map.addControl(new GMapTypeControl());
				map.setZoom(15);				
				showSidebar(id);									// Zeige Sidebar
				showTabs(id);										// Zeige Tabs				
				$('.mainmap').fadeIn();								// Zeige Button "Übersichtskarte"
			});	
		});	
		$("#rent_message").appendTo(map.getPane(G_MAP_FLOAT_SHADOW_PANE)); //Tooltip hinzufügen
	
	} // Ende der IF-Abfrage  if($('.tx-tpvermietung-pi1').length > 0)
});