var useSlider = 1;
var duplicateEntries = new Array();

function clear_whitespace(what)
{
	return ( what == '%20' ? ' ' : what );
}

function toggle_duplicates(on) {
	for( var i = 0; i < duplicateEntries.length; i++ )
	{
		var tr = document.getElementById(duplicateEntries[i]);
		if( tr ) tr.style.display = on ? '' : 'none';
	}
}

function ToogleImapact_click()  {
	var tmp = document.getElementsByName('impactradius');
	if ( tmp[0].checked == true) {
		basgeo.EnableRadius();
	} else {
		basgeo.DisableRadius();
	}
}

function createHotelRow(R, hidden)
{
	hidden = hidden ? true : false;

	if( hidden )
		duplicateEntries[duplicateEntries.length+1] = 'res_' + R.Index;

	var html = '<!-- ResultTable -->';

	html += '		<tr' + ( hidden ? ' style="display:none"' : '' ) + ' id="res_' + R.Index + '" class="row_hotel" onmouseover="this.className=\'rowHover_hotel\'" onmouseout="this.className=\'row_hotel\'">\n';
	html += '			<td class="cell" style="width:160px">\n';
	html += '			   		<div class="BildPreis">\n';

	// Layered background images: Hotel Thumbnail -> Anbieter Thumbnail -> Default Thumbnail
	html += '<div class="HotelBild" style="height:130px;width:150px;background-image:url(/img/diverse/hotel/anbieter.png)">';
	html +=   '<div style="height:130px;width:150px;background-image:url(' + R.ThumbnailTemp + ')">';
	html +=     '<img src="/img/diverse/blank.png" style="height:130px;width:150px;background-image:url(' + R.Thumbnail + ')">';
	html +=   '</div>';
	html += '</div>';

	html += '						<div class="HotelPreis">' + R.Price + ' Euro <span class="price_add">pro Nacht</span></div>\n';
	html += '					</div>\n';
	html += '			</td>\n';
	html += '     	<td colspan="5" class="cell">\n';
	html += '     		<div class="HotelDetails">\n';
	html += '         		<span class="HotelHead"><a href="' + R.Link + '" target="_blank" class="buchungslink">' + R.Hotel + '</a></span> via ' + R.Provider + '<br>\n';
	html += '             		<img src="/img/diverse/hotel/'+ R.Stars + 'sterne.gif" width="75" height="14"><br> \n';
	html += '                                ' + R.Address + ' <br> \n';
	html += '         	</div>\n';
	html += '         	<div class="HotelLink"><a href="' + R.Link + '" target="_blank" class="buchungslink">zum Anbieter</a>\n';
	html += '         	</div>\n';
	html += '         	<div class="HotelText">';
	html += '         		<div class="HotelTextDesc"><div id="desc_' + R.Index + '">';
	html += R.Description || 'Leider keine Beschreibung verfügbar.<br>';
	html += '                       </div></div>\n';
	html += '         	</div>\n';
	html += '     	</td>\n';
	html += '     </tr>\n';

	return html;
}

function initSearch(count, formname)
{
		document.getElementById('text').style.display = "none";
		document.getElementById('result').style.display = "block";
		basgeo.reset();
		countdown = 30;
		document.hotels.Submit.disabled = true;
		Start();
		document.getElementById('result').innerHTML = sdiv;
		document.getElementById('theText').innerHTML = 'Ihr Hotel wird gesucht';
		document.getElementById('theTime').innerHTML = countdown;
		NACH 			= '&NACH=' 	 + document.forms[formname].VON.value;
		DVON			= '&DVON='	 + document.forms[formname].DVON.value;
		MVON			= '&MVON=' 	 + document.forms[formname].MVON.value;
		DNACH 			= '&DNACH='  + document.forms[formname].DNACH.value;
		MNACH 			= '&MNACH='  + document.forms[formname].MNACH.value;
		ADT 			= '&ADT=' 	 + document.forms[formname].ADT.value;
		STERNE			= '&STERNE=' + document.forms[formname].STERNE.value;
		rand 			= '&val=' + Math.random(); // Bitte den Randomwert unbedingt anhängen da IE sonst nur den Cache nutzt!
		SEARCH			= 'SEARCH=hotels';
		WHICH			= '&WHICH=3'
		URL			= '/inc/XML_Transfer.php?';
		Link			= URL + SEARCH + WHICH + NACH + DVON + MVON + DNACH + MNACH + ADT + STERNE + rand;
		loadXML(Link);
	}

function renderDesc()
{
	for (var i = 0; i < res_array.length; i++)
	{
		// fill desc span
		var desc_span = document.getElementById( 'desc_' + i );
		var desc_div  = desc_span.parentNode;
		var desc_more = desc_div.nextSibling;
		while( desc_more && desc_more.nodeName != 'DIV' )
			desc_more = desc_more.nextSibling;

		var height = desc_div.offsetHeight;

		// row is hidden
		if( desc_div.parentNode.parentNode.parentNode.className == 'rowno' )
			continue;

		if( desc_more )
		{
			desc_more.style.display = 'block';
			height -= desc_more.offsetHeight;
		}

		if( height > parseInt(desc_div.style.height || 0) )
			desc_div.style.height = height +'px';

		// "mehr lesen" Button erstellen wenn der Inhalt overflowed...
		if( desc_span.offsetHeight > desc_div.offsetHeight && !desc_span._has_button )
		{
			var desc_more_btn = document.createElement('img');
				desc_more_btn.className = 'HotelTextMoreButton';
				desc_more_btn.setAttribute( 'src', '/img/diverse/mehr.gif' );
				desc_more_btn._active = false;

			desc_more_btn.onclick = function()
			{
				var container = this.parentNode;

				var parent = this.previousSibling;
				while( parent.nodeName != 'DIV' ) parent = parent.previousSibling;

				var content = parent.firstChild;
				while( content.nodeName != 'DIV' ) content = content.nextSibling;

				var more = this.nextSibling;
				while( more && more.nodeName != 'DIV' ) more = more.nextSibling;

				if( ! this._oldheight )
					this._oldheight = parent.offsetHeight; // - this.offsetHeight;

				if( this._active == false )
				{
					content.innerHTML += '<br><br>';
					parent.style.height = ( content.offsetHeight + ( more ? more.offsetHeight : 0 ) ) + 'px';

					// IE has special problems - as usual
					if( navigator.userAgent.indexOf('MSIE 6.') == -1 )
						container.style.height = 'auto';

					this.className = 'HotelTextMoreButton_active';
					this.setAttribute( 'src', '/img/diverse/weniger.gif' );
				}
				else
				{
					container.style.height = null;
					parent.style.height = this._oldheight + 'px';
					content.innerHTML = content.innerHTML.substr( 0, content.innerHTML.length - 8 );
					this.className = 'HotelTextMoreButton';
					this.setAttribute( 'src', '/img/diverse/mehr.gif' );
				}

				this._active = !this._active;
			};

			( desc_more && desc_more.nodeName == 'DIV' )
				? desc_more.parentNode.insertBefore( desc_more_btn, desc_more )
				: desc_div.parentNode.appendChild( desc_more_btn )
			;

			// stupid IE hack
			desc_span._has_button = true;
		}
	}
}

function parseXML()
{
	referer = '';
	var items = req.responseXML.getElementsByTagName("Item");

	Stop();
	document.hotels.Submit.disabled = false;
	var output = '<table class="table" border="0" cellspacing="0" cellpadding="5">\n';
	var min_preis 		= 0;
	var max_preis 		= 0;
	min_distanz = 0;
	begin_distanz = 50;
	max_distanz = 0;
	global_items 		= items.length;
	res_array 			= new Array();

	var displayed = new Array();


	radius_min  = 50;

	if(global_items > 0)
	{
		basgeo.myloc["latitude"] = req.responseXML.getElementsByTagName("Result")[0].getAttribute("latitude");
		basgeo.myloc["longitude"] = req.responseXML.getElementsByTagName("Result")[0].getAttribute("longitude");
		basgeo.myloc["city"] = req.responseXML.getElementsByTagName("Result")[0].getAttribute("city");
		basgeo.domap = 0;

		output_map = '	<tr class="HotelMapVisible">\n';
		output_map += '		<td class="mapCell" colspan="3">\n';
		output_map += '			<div id="entire_map"  style="visibility:visible">\n';
		output_map += '				<div id="map"></div>\n';
		output_map += '				<div id="mapInfo">\n';
		output_map += '					<div id="hotelImage"><img src=""></div>\n';
		output_map += '					<div id="mapInfo_inner">\n';
		output_map += '						<div id="hotelName"></div>\n';
		output_map += '						<div id="hotelStars"></div>\n';
		output_map += '						<div id="hotelAddress"></div>\n';
		output_map += '						<div id="hotelPriceVia"></div>\n';
		output_map += '					</div>\n';
		output_map += '				</div>\n';
		output_map += '			</div>\n';
		output_map += '		</td>\n';
		output_map += '	</tr>\n';
		output_map += '	<tr class="HotelCustomPoint">\n';
		output_map += '		<td class="mapCell01" colspan="3">\n';
		output_map += '			<input name="customPoint" class="CustomPointSearchfield" >\n';
		output_map += '			<input name="Submit" type="button" value="Diese Adresse als Startpunkt" class="sel_btn" onClick="basgeo.address2center();">\n';
		output_map += '			<input name="Submit2" type="button" value="Zur&uuml;cksetzen" class="sel_btn" onClick="basgeo.defaultCenter();"">\n';
		output_map += '		</td>\n'
		output_map += '	</tr>\n';

		basIDs = '';
		var MinSterne = 5;
		for (var i = 0; i < global_items; i++)
		{
			// Tabellenkopf vor erstes Element setzen
			if( !i ) output += '		<tr class="res_head"><td colspan="6">Ergebnis</td></tr>\n';

			// res_array Element initialisieren und lokalen Alias "R" anlegen
			var R = res_array[i] = {
				id: i, SliderHide_restrictions:	''
			};

			// Elemente die aus dem XML-Feed geholt werden müssen
			var elements = [
				"Address", "Provider", "Description", "Brutto", "Link", "Distance",
				"PricePerPerson", "Hotel", "HotelID", "Latitude", "Longitude",
				"Price", "Stars", "Thumbnails"

				// Verpflegung -> ???
			];

			for( var ei = 0; ei < elements.length; ei++ )
				R[elements[ei]] = getElementTextNS_Suche("", elements[ei], items[i], 0, ( elements[ei] == "Thumbnails" ));

			// Value exceptions
			R.Thumbnail				= R.Thumbnails;		// XXX: Thumbnails vs. Thumbnail
			R.CompareEinzelpreis	= parseInt( R.PricePerPerson );
			R.Stars					= ( R.Stars && R.Stars != '0' ) ? parseInt( R.Stars ) : 1;
			if(R.Stars < MinSterne) {MinSterne = R.Stars;}
			R.Address = R.Address.replace(/;/,"<br>");

			// maximale Distanz finden
			if ( parseInt(R.Distance) > max_distanz )
				if (R.Distance <= 50 ) max_distanz = parseInt(R.Distance);

			// Minimale Distanz
			if ( R.Distance < radius_min )
				radius_min = R.Distance;

			// get all offers in array
			var Offers  = items[i].getElementsByTagName("Offer");
			var Details = R.Provider;

			// booking_com, expedia hotel_de hotels_com hrs venere
			if ( ! R.Thumbnail ) {
				R.Thumbnail = '/img/diverse/hotel/' + R.Provider.toLowerCase().replace(/(.*)(\.)(.*)/ig, "$1_$3") + '.jpg';
			}

			R.ThumbnailTemp = '/img/diverse/hotel/' + R.Provider.toLowerCase().replace(/(.*)(\.)(.*)/ig, "$1_$3") + '.jpg';
			//if ( ! R.Thumbnail.height ) { R.Thumbnail = '/img/diverse/hotel/' + 'anbieter.gif'; }

			R.Index = i;

			// Hotel already displayed? If yes, hide row
			if( displayed[R.HotelID] )
			{
				output += createHotelRow(R, true);
				R.IsDuplicate = true;
			}
			else
			{
				output += createHotelRow(R, false);
				displayed[R.HotelID] = true;
			}


			if( R.Latitude && R.Latitude != 0 && R.Longitude && R.Longitude != 0 )
			{
				R.Icon = "http://www.billigflieger.de/img/hotels/" + "1/" + R.Stars + "/" + R.CompareEinzelpreis + ".gif";
				basgeo.domap++;
			}

			// collect basIDs
			//basIDs = basIDs + ',' + R.HotelID;
		}
		//basIDs = basIDs.substr(1);



		// grenzwerte für preis-slider festlegen
		if(useSlider == '1')
		{
			min_preis = parseInt(res_array[0]["CompareEinzelpreis"]);
			max_preis = parseInt(res_array[global_items - 1]["CompareEinzelpreis"]);
		}
	} else {
		output = output + '		<tr class="row" onmouseover="this.className=\'rowHover\'" onmouseout="this.className=\'row\'">\n';
		output = output + '			<td style="width: 728px;"><span class="preis">Leider nichts gefunden</span><br></td>\n';
		output = output + '		</tr>\n';
	}

	output = output + '</table>\n';

	// slider generieren, falls MEHR ALS 1 Ergebnis !!!
	if(global_items > 0)
	{
		if(useSlider == '1')
		{
			var output_r = '<table class="table" border="0" cellpadding="5" cellspacing="0">\n';
			output_r += '<tbody>\n';

			if ( basgeo.domap ) 
			{
			  output_r += '		<tr class="res_head">\n';
			  output_r += '			<td class="cell2" width="30">Optionen</td>\n';
			  output_r += '			<td class="cell2" colspan="2" align="right" >\n';
			  output_r += '			<input name="de" type="checkbox" value="checkbox" onclick="toggle_duplicates(this.checked)">\n';
			  output_r += '			Duplikate\n';
			  output_r += '			<input name="hm"  type="checkbox" value="checkbox" onclick="tbl_display(\'tr\', \'HotelMapVisible\', \'HotelMapInvisible\'); if(this.checked == true) {HotelMapV = true;} else {HotelMapV = false;}" checked>\n';
			  output_r += '			Karte anzeigen\n';
			  output_r += '			<input name="cp" onclick="tbl_display(\'tr\', \'HotelCustomPoint\', \'HotelCustomPoint_hidden\'); if(this.checked == true) {HotelCustomP = true;} else {HotelCustomP = false;}" type="checkbox">\n';
			  output_r += '			Eigenen Ausgangspunkt w&auml;hlen\n';
			  output_r += '			<input name="impactradius" onclick="ToogleImapact_click();" type="checkbox" checked>\n';
			  output_r += '			Radius\n';
			  output_r += '		</td>\n';
			  output_r += '		</tr>\n';
			}

			if(basgeo.domap > 0) 	
			{
				output_r += output_map;
			}

			output_r += '		<tr>\n';
			output_r += '		<td class="cell" width="225">\n';
			output_r += '			<div id="preis_regler">';
			output_r += '				<div id="regler1"></div>';
			output_r += '			</div>';
			output_r += '		</td>';
			output_r += '		<td class="cell" width="225">\n';
			output_r += '			<div id="sterne_regler">';
			output_r += '				<div id="regler2"></div>';
			output_r += '			</div>';
			output_r += '		</td>';
			output_r += '		<td class="cell" width="225">\n';
			output_r += '			<div id="distanz_regler">';
			output_r += '				<div id="regler3"></div>';
			output_r += '			</div>';
			output_r += '		</td>';
			output_r += '	</tr>\n';
			output_r += '</table>\n';
			document.getElementById('regler').style.display = 'block';
			document.getElementById('regler').innerHTML = output_r;
			//min_distanz, max_distanz

			max_distanz +=5;
			if ( min_preis == max_preis) max_preis++;
			addSlider('multi_preis', 'sl', 'slider1', 'track1', 'multitrack', 'handle1-1', 'handle_left', 'handle1-2', 'handle_right', 'debug1', 'regler1', min_preis, max_preis, 'CompareEinzelpreis');

			addSlider('multi', 'sl', 'slider2', 'track2', 'multitrack', 'handle2-1', 'handle_left', 'handle2-2', 'handle_right', 'debug2', 'regler2', MinSterne, 5, 'Stars');
			addSlider('einfach', 'sl', 'slider3', 'track3', 'track', 'handle3', 'handle_norm', '', '', 'debug3', 'regler3', 0, max_distanz, 'Distance');
		}
	}
	output = output + '<div id="zwischen" style="display:none;"></div>';

	document.getElementById('result').innerHTML = output;

	// ajax::fetch_descriptions
	renderDesc();
	tbl_display('tr', 'HotelCustomPoint', 'HotelCustomPoint_hidden');

	if (basgeo.domap > 0)  {
		basgeo.res_array = res_array;
		basgeo.setRadius(max_distanz);
		basgeo.buildmap();
		reduce_it('Distance', 'max',max_distanz);
		basgeo.defaultCenter();
		basgeo.EnableRadius();
	}
}