//*****************************************************************/
/* Das Script zum Füllen der Inhalte auf der Reisedetailseite.   */
/*****************************************************************/

	var inhalt = Class.create();
	inhalt.prototype = {
		data:[],
		bereiche: ["reise", "preis", "ziel", "veranstalter", "faq", "buchung"],
		aktuellerpart: null,
		reiseid:null,
		aktuellerinhalt: null,
		zeigefotoleiste:false,
		anzeigebilder:[],
		
		initialize: function () {},
		zeige:function(reiseid, was, hlid){
			this.reiseid = reiseid;
			
			if (was == "") was = "reise";
			if (was == this.aktuellerpart  ) return;
			

				$("spinner").show();
				var showNewData = this.showNewData.bind(this);
				var url    = 'ajaxcontent.php';
				var params = {part:was, id:this.reiseid, hlid:hlid};
				this.aktuellerpart = (was);
				var myAjax = new Ajax.Request( url, {method: 'post', parameters: params, onComplete: showNewData} );	
		},
		showNewData: function(request)
		{
			this.data = eval('(' + request.responseText + ')');
			this.fillContent();
		},
		ladefaq:function (detailid,detailbereich)
		{
			if (detailbereich)
			{
				$("spinner").show();
				var showFaq = this.showFaq.bind(this);
				var url    = 'ajaxdetail.php';
				var params = {bereich:"faq", part:detailbereich, id:detailid, r:this.reiseid};
				var myAjax = new Ajax.Request( url, {method: 'post', parameters: params, onComplete: showFaq} );
			// spalten(0,0, this.zeigefotoleiste);	
				
			}
		},
		showFaq:function(request)
		{
			$("spinner").hide();
			if (request.responseText)
			{
				
				faqdata = eval('(' + request.responseText + ')');
				var hinein = "<h2 class=\"faq\">"+faqdata.title+"</h2><dl>";
				
				faqdata.fragen.each(function(faq) {
					
						hinein += "<dt class=\"faqfrage\"   id=\"faqfrage_"+ faq.id +"\" onclick=\"faqtextzeigen(this, '"+ faq.id+"')\" onmouseover=\"hover(this,true);\" onmouseout=\"hover(this, false);\">"+ faq.frage +"</dt>";
						hinein += "<dd class=\"ausblenden\" style=\"display:none;\" id=\"faqantwort_"+ faq.id +"\">"+ faq.antwort +"</dd>";	
						});
				hinein += "</dl>";
				
				$('fliesstext').update(hinein);
			}
			spalten(0,0, this.zeigefotoleiste);	
				
		},
		ladeDetail:function (detailid, detailbereich)
		{
			if (detailid && detailbereich)
			{
				$("spinner").show();
				var showDetail = this.showDetail.bind(this);
				var url    = 'ajaxdetail.php';
				var params = {part:detailbereich, id:detailid};
				var myAjax = new Ajax.Request( url, {method: 'post', parameters: params, onComplete: showDetail} );
					
			}
		},
		showDetail:function(request)
		{
			$("spinner").hide();
			
			if (request.responseText)
			{
				detaildata = eval('(' + request.responseText + ')');
				var hinein="";
				if (detaildata.title)
					hinein += "<h2>"+ detaildata.title +"</h2>";
				
				if (detaildata.bilder)
						anzeigebilder = detaildata.bilder;
				
				
				// $('fliesstext').update(request.responseText);
				this.zeigefotoleiste=false;
				if (detaildata.text)
					$('fliesstext').update(hinein + detaildata.text);
				spalten(0,0);
				
				
				if (anzeigebilder && anzeigebilder.length)
				{
					var fotos = "";//"<div id=\"fotoleiste\" onclick=\"fotostopp()\">"; // von unten einfach hochkopiert
					anzeigebilder.each(function (foto) {
						// if (foto.src && foto.tit)
							var breite = Math.round(98/parseInt(foto.height)*parseInt(foto.width));
							fotos += "<a href=\""+ foto.path+"large/"+ foto.datei +"\" title='"+ (foto.lizenztext ? foto.lizenztext:foto.copyright) +"' class=\"lightview\" rel=\"gallery[reise]\" id=\""+ foto.id +"\"><img src=\""+ foto.path+"x98/"+ foto.datei +"\" alt=\"\" id=\""+ foto.id+"\" height=\"98\" width=\""+ breite +"\"  /></a>";
					}); // ende von unten einfach hoch kopiert, ps 080715
					
				
					if (!$('fotoleiste'))
					{
						var element = Builder.node('div', { id:"fotoleiste", className:'error' });
						$('abschluss').appendChild(element);
						
					}						
					if ($('fotoleiste'))
					{
						this.zeigefotoleiste = true;
						$('fotoleiste').update(fotos);
						fotoleisteeinrichten();
						Lightview.updateViews() ;
					}
				}
				else if ($('fotoleiste'))
					$('fotoleiste').remove();
				spalten(0,0, this.zeigefotoleiste);
				
			}
			// spalten(0,0, this.zeigefotoleiste);
		},
		tabs:function()
		{ },
		fillContent: function() 
		{ },
		initFotoleiste: function() 
		{
			
			if ($("fotoleiste")) {	
				
				// ist im Moment wirkungslos, muss bei spaeterer Ueberarbeitung der fotoleisten-Funktion bedacht werden, ps 080902 12:39
				$('austauschbar').className = "contentdunkel";

				// horizontal slider control
				
				fotoslider = new Control.Slider('fotohandle', 'fototrack', {
				sliderValue: 0,
				onChange: function(sli) { 
					scrollHorizontal(sli, $('abschluss'), fotoslider);
					if (fotoslider.value == 0 || fotoslider.value==1) {fotostopp()};
				}
				});
				
				// disable horizontal scrolling if content doesn't overflow the window
				if ($('abschluss').scrollWidth <= $('abschluss').offsetWidth) {
				fotoslider.setDisabled();
				}

				// scroll the element horizontally based on its width and the slider maximum value
				function scrollHorizontal(value, element, slider) {
				element.scrollLeft = Math.round(value/slider.maximum*(element.scrollWidth-element.offsetWidth));
				}
			} 
		},

abschluss:function()
		  { }
		
		
			
	}