// geandert seit Hochladen 091020:
// - zeile Lightview.hide() auskommentiert, weil im ie8 fehler gab
	var merkliste = Class.create();
	merkliste.prototype = {
		reiseid:0,
		ajaxurl : 'rundreisemerkliste.php',
		initialize: function (reiseid) {this.reiseid=reiseid;},
		add: function(reiseid, exportpath)
		{
			if (exportpath == "undefined" || typeof(exportpath) == "undefined")
				exportpath = "";
			if (!reiseid)
				return;
			$("spinner").show();
			//if (Lightview)
				//Lightview.hide();
			var _updateMerkzetteltext = this._updateMerkzetteltext.bind(this);
			var params = {reiseid:reiseid};
			var myAjax = new Ajax.Request(exportpath+this.ajaxurl, {method: 'POST', parameters: params, onComplete: _updateMerkzetteltext} );	
			if ($('reise_'+reiseid)) {
				var element = $('reise_'+reiseid);
				element.className="merkzettelImg_gemerkt";
				element.stopObserving();
				new Tip(element, 'Diese Reise steht auf Ihrem Merkzettel.<br />(Zum Merkzettel geht es &uuml;ber den blauen Button oben rechts.)', {hideAfter:5,title : 'Merkzettel', style: 'merkzettelsymbol_gemerkt'});
				element.prototip.show();
				Event.observe(element, 'click', function(klick) {
					Event.stop(klick); // damit nicht der onclick auf die Reise wirksam wird
					ml.loeschen(reiseid, exportpath);
				});
			}
			if (typeof(merklistereiseids) != "undefined") 
				merklistereiseids[merklistereiseids.length] = reiseid;
		},
		_updateMerkzetteltext:function (request)
		{
			if (request.responseText)
			{
					this.updateMerkzetteltext(request.responseText);
					$$('.merklistenbtn').each(function(btn) {btn.hide();});	
			}
			else	$("spinner").hide();
				
		},
		updateMerkzetteltext:function (dertext)
		{
			if ($('merklistentext'))
				$('merklistentext').update(dertext);
			$("spinner").hide();
		},
		leeren:function() {
			$("spinner").show();
			var myAjax = new Ajax.Request( this.ajaxurl, {method: 'POST', parameters: {a:"clear"}, onComplete:function(request){
					if ($('merklistentext'))
							$('merklistentext').update("0 Reisen");
					else if(window.parent.$('merklistentext'))
						window.parent.$('merklistentext').update("0 Reisen");
					if (request.responseText)
						$('diemerkliste').update(request.responseText);
					if($$('.merklistenbtn')) 
						$$('.merklistenbtn').each(function(btn) {btn.style.display="block";});	
					if(window.parent.$$('merklistenbtn')) 
						window.parent.$$('.merklistenbtn').each(function(btn) {btn.style.display="block";});
			}} );
			// Icons und Prototip-Texte austauschen
			window.parent.$$('.merkzettelImg_gemerkt').each(function(mIg) {
				mIg.className="merkzettelImg";
				mIg.stopObserving();
			});
			// den Rest erledigt
			// document.observe('lightview:hidden', merkzettel);
			$("spinner").hide();
		},
		loeschen:function(reiseid, exportpath) {
			var params = {a:"del",reiseid:reiseid};
			$("spinner").show();
			if ($('reise_'+reiseid) && exportpath != "undefined" && typeof(exportpath) != "undefined") // wenn Aufruf aus dem Hauptfenster einer Landingpage
					var url = exportpath+this.ajaxurl;
			else	var url = this.ajaxurl; // wenn Aufruf aus Lightview
			var myAjax = new Ajax.Request(url, {method: 'POST', parameters: params, onComplete: function(request){
				if ($("mlr"+reiseid))
					$("mlr"+reiseid).remove();
				if (request.responseText && $('merklistentext'))
					$('merklistentext').update(request.responseText); // Das ist der blaue Merkzettel-Buttton auf der Grund-Seite, ps  080925 10:34
				else if(request.responseText && window.parent.$('merklistentext'))
						window.parent.$('merklistentext').update(request.responseText);
				if (request.responseText && $('anzreisen'))  // ps
					$('anzreisen').update(request.responseText);  // Das ist "3 Reisen" im ersten Absatz von _merklisteliste.tpl, ps 080925 10:55
				// Icons und Prototip-Texte austauschen
				if ($('reise_'+reiseid)) {
					// wenn aufgerufen aus dem Hauptfenster
					var element = $('reise_'+reiseid);
					element.className="merkzettelImg";
					element.stopObserving();
					new Tip(element, 'Reise zum Merkzettel hinzuf&uuml;gen', {title : 'Merkzettel', style: 'merkzettelsymbol'});
					window.parent.Event.observe(element, 'click', function(klick) {
						ml.add(reiseid);
						Event.stop(klick); // damit nicht der onclick auf die Reise wirksam wird
					});
				} else {
					// wenn aufgerufen aus Lightview
					var element = window.parent.$('reise_'+reiseid);
					element.className="merkzettelImg";
					element.stopObserving();
					// den Rest erledigt
					// document.observe('lightview:hidden', merkzettel);
				}
			}} );	
			if (1==1 || this.reiseid && this.reiseid == reiseid) {
				$$('.merklistenbtn').each(function(btn) {btn.style.display = "block";});	
				window.parent.$$('.merklistenbtn').each(function(btn) {btn.style.display = "block";});	
			}
			if (typeof(merklistereiseids) != "undefined") {
				merklistereiseids = merklistereiseids.without(reiseid);
			}
			$("spinner").hide();
		},
		show: function(exportpath) {
			Lightview.show({
				href: (exportpath != "undefined" && typeof(exportpath) != "undefined" ? exportpath : "")+this.ajaxurl,
			  //rel: 'iframe',
			  options: {
			  	width: 800,
			  	height:600,
			  	scrolling:true,
			  	
			  	
				ajax: {
			      parameters: {a:"show"},
			      onComplete: function() {
			      	// $("merklistenform").setStyle({"scrolling":"yes"});
			      	// $$('.lv_External')[0].setStyle({'overflow':'auto', "scrolling":"true"});
			      }
									  
			    }
			  
			  
			  }
			});
		},
		verschicken:function()
		{
			var abschicken = this.abschicken.bind(this);
			var myAjax = new Ajax.Updater("merklistenform", this.ajaxurl, {method: 'POST', parameters: {a:"mailform"} } );	
			$$('body')[0].style.background = "#e9edf1";
		  	// Lightview.updateViews();
		  	//Lightview.show({
		    	//href: this.ajaxurl,
		    	//rel: 'ajax',
		    	//scrolling:true,
		    	//options: {
		      		//ajax: { 
		      			//parameters: {a:"mailform"},
				      	//onComplete: function(){$('merklistenform').observe('submit', abschicken);} 
				      //},
			  	//autosize: true
		    	//}
		  	//});
		  	
		},
		abschicken:function(event)
		{
			if (event && event!="undefined")
  				event.stop();
			var myAjax = new Ajax.Updater("merklistenform", this.ajaxurl, {method: 'POST', parameters: Form.serialize('merklistenform')} );	
			//Lightview.show({
			  //href: this.ajaxurl,
			  //rel: 'ajax',
			  //options: {
			    //ajax: {
			      //parameters: Form.serialize('merklistenform')
			    //},
			  //scrolling:true, 
			  //autosize: true
			  //}
			//});
			
		}
	};