/*** Author Natalia Bazhenova www.fh54.de (c) 2005 ***/
	
/********************************/
/*******start config****************/
/*******************************/
//array with suggest texts
var opttext=new Array(); 
//fill array
opttext[0]="Helikoptervlucht + Quad trial"
opttext[1]="Helikoptervlucht + Quad trial"
opttext[2]="Abseilen"
opttext[3]="GPS-oriëntatietocht"
opttext[4]="Helikoptervlucht 16-18 personen"
opttext[5]="Huur ATB halve dag"
opttext[6]="Klimmen"
opttext[7]="Klimmen"
opttext[8]="Quadrijden trial"
opttext[9]="Raften"
opttext[10]="Abseil le Vent en boogschieten"
opttext[11]="Activiteitenmix 3 activiteiten"
opttext[12]="Afbreken tentenkamp"
opttext[13]="Après ski op de piste"
opttext[14]="ATB GPS tocht Comblain - Eysden incl.logistieke ondersteuning"
opttext[15]="ATB GPS tocht Eysden-Comblain incl.logistieke ondersteuning"
opttext[16]="Back country skiën"
opttext[17]="Boogschieten en Oriëntatietocht"
opttext[18]="business break"
opttext[19]="Challenge + 2 activiteiten naar keuze"
opttext[20]="Dag; Challenge + 4 activiteiten naar keuze"
opttext[21]="Dagje Family Adventure"
opttext[22]="Dropping"
opttext[23]="Fjord vissen"
opttext[24]="Hike"
opttext[25]="Huski slede tocht "
opttext[26]="Huski slede tocht + 2e activiteit naar keuze"
opttext[27]="Iglo bouwen"
opttext[28]="introductie en kennismaking"
opttext[29]="introductie en kennismaking"
opttext[30]="Kanotocht per canadees"
opttext[31]="Kies een categorie"
opttext[32]="Kiten"
opttext[33]="Kiten"
opttext[34]="Klettersteigen / Via ferrata"
opttext[35]="Langlaufen/biathlon"
opttext[36]="Langlaufen/biathlon"
opttext[37]="Langlaufen/biathlon"
opttext[38]="Luchtbuks schieten en oriëntatietocht"
opttext[39]="Mountainbiken en boogschieten"
opttext[40]="mountainbiken en een teamopdracht"
opttext[41]="Outdoor a la carte halve dag - NL"
opttext[42]="Outdoor a la carte halve dag - NL"
opttext[43]="Rodelen"
opttext[44]="rondleiding door het stadje Spa"
opttext[45]="Rondvaart over de maas"
opttext[46]="Roofvogel show"
opttext[47]="Skiën met gids (halve dag)"
opttext[48]="Skiën met gids (hele dag)"
opttext[49]="Skiën met gids PLUS (halve dag)"
opttext[50]="Skiën met gids PLUS (hele dag)"
opttext[51]="Skiles (halve dag)"
opttext[52]="Skiles Plus (halve dag)"
opttext[53]="Skipas (halve dag vrij skiën)"
opttext[54]="Skipas (hele dag vrij skiën)"
opttext[55]="Skipas Plus (met materiaal)"
opttext[56]="Snowboarden met gids  (hele dag)"
opttext[57]="Snowboarden met gids (halve dag)"
opttext[58]="Snowboarden met gids PLUS (halve dag)"
opttext[59]="Snowboarden met gids PLUS (hele dag)"
opttext[60]="Snowboardles (halve dag)"
opttext[61]="Snowboardles (hele dag)"
opttext[62]="Snowboardles PLUS (halve dag)"
opttext[63]="Snowboardles PLUS (hele dag)"
opttext[64]="Snowshoeïng avondtocht"
opttext[65]="Spannende activiteit"
opttext[66]="Tentenkamp opzetten"
opttext[67]="Thermale baden van Spa"
opttext[68]="Tour met gids door Brussel"
opttext[69]="Tweedaagse huttentocht"
opttext[70]="Vergaderarrangement"
opttext[71]="Vergaderarrangement Kamerijck halve dag"
opttext[72]="Vlotvaren en boogschieten"
opttext[73]="Vlotvaren en boogschieten"
opttext[74]="Vlotvaren en boogschieten"
opttext[75]="Zeskamp"
opttext[76]="Zeskamp"
opttext[77]="Bergzentrum Pam, 3 dagen"
opttext[78]="Bergzentrum Pam, 3 dagen"
opttext[79]="Kennismaking met het gebied (halve dag)"
opttext[80]="Kennismaking met het gebied (halve dag)"
opttext[81]="Expeditie der Elementen"
opttext[82]="Expeditie der Elementen"
opttext[83]="Natuurtocht met natuurgids"
opttext[84]="Huskie-steppen"
opttext[85]="Huskie-steppen"
opttext[86]="Huskie-steppen"
opttext[87]="Rondleiding en proeverij Avouerie d'Anthisnes"
opttext[88]="Toeristisch bezoekje aan Durbuy"
opttext[89]="Boogschieten en teamopdracht"
opttext[90]="Boogschieten en teamopdracht"
opttext[91]="Carrousel winter GOUD hele dag"
opttext[92]="Carrousel winter GOUD hele dag"
opttext[93]="Outdoor PLUS bij onderwijs"
opttext[94]="Carrousel winter ZILVER hele dag"
opttext[95]="Carrousel winter ZILVER hele dag"
opttext[96]="Carrousel winter BRONS hele dag"
opttext[97]="Carrousel winter BRONS hele dag"
opttext[98]="Carrousel winter GOUD halve dag"
opttext[99]="Carrousel winter GOUD halve dag"
opttext[100]="Carrousel winter BRONS halve dag"
opttext[101]="Carrousel winter BRONS halve dag"
opttext[102]="Langlaufen"
opttext[103]="Langlaufen"
opttext[104]="Snowshoeïng"
opttext[105]="Sneeuw zeskamp"
opttext[106]="Sneeuwmobieltocht"
opttext[107]="Curling"
opttext[108]="Huur kajak"
opttext[109]="Kleiduiven schieten"
opttext[110]="Mountainbiken met begeleiding"
opttext[111]="Mountainbiken met begeleiding"
opttext[112]="Kajakken met begeleiding"
opttext[113]="Kajakken met begeleiding, dagtocht"
opttext[114]="Quadrijden trial + off the road 8 km."
opttext[115]="Quadrijden trial + off the road tocht 45 km.( 80 min)"
opttext[116]="Helikoptervlucht 22-24 personen"
opttext[117]="Quadrijden trial + boogschieten"
opttext[118]="Quadrijden trial + boogschieten"
opttext[119]="Helikoptervlucht 25-27 personen"
opttext[120]="Quadrijden trial + 4 activiteiten naar keuze"
opttext[121]="Quadrijden trial + 4 activiteiten naar keuze"
opttext[122]="Helikoptervlucht 19-21 personen"
opttext[123]="Boogschieten"
opttext[124]="Buksschieten"
opttext[125]="Helikoptervlucht 28-30 personen"
opttext[126]="Helikoptervlucht vanaf 34 personen"
opttext[127]="Helikoptervlucht 10-12 personen"
opttext[128]="Helikoptervlucht 13-15 personen"
opttext[129]="Helikoptervlucht 31-33 personen"
opttext[130]="Kaart & Kompas oriëntatietocht"
opttext[131]="Kaart & Kompas oriëntatietocht"
opttext[132]="Helikoptervlucht 1-3 personen"
opttext[133]="Helikoptervlucht 4-6 personen"
opttext[134]="4x4 Driving Experience: Jeeprijden"
opttext[135]="Vlotbouwen en varen"
opttext[136]="Quadrijden trial 90cc / 300cc quads (tocht 55 km)."
opttext[137]="Schattenzoektocht"
opttext[138]="Tocht met canadese kano's"
opttext[139]="Fakkeltocht"
opttext[140]="Bezoek centrum Luik"
opttext[141]="Nordic Walking"
opttext[142]="Bierbrouwerij Achouffe"
opttext[143]="Geologische ontdekkingstocht"
opttext[144]="GPS Motortocht"
opttext[145]="Autotoertocht"
opttext[146]="Teambuildingsactiviteiten"
opttext[147]="Huur ATB hele dag"
opttext[148]="Huur ATB + GPS tocht halve dag"
opttext[149]="Huur ATB + GPS tocht hele dag"
opttext[150]="GPS ATB-tocht HALVE DAG (eigen fiets)"
opttext[151]="Etappe Houffalize - La Roche 71 km"
opttext[152]="Etappe Ciney - Comblain au Pont 72 km"
opttext[153]="Etappe La Roche - Ciney 83 km"
opttext[154]="Etappe Comblain au Pont - Malmedy 73 km"
opttext[155]="Etappe Malmedy - Houffalize 66 km"
opttext[156]="Etappe Comblain au Pont - Comblain au Pont 55 km"
opttext[157]="Etappe Comblain au Pont - Eysden 65 km."
opttext[158]="Etappe Eysden - Comblain au Pont 68 km."
opttext[159]="Etappe Houffalize - Comblain au Pont 69 km"
opttext[160]="Etappe La Roche - Houffalize 71 km"
opttext[161]="Etappe Comblain au Pont - La Roche 79 km"
opttext[162]="Etappe TRANSARDENNEN"
opttext[163]="Etappe Ciney - Comblain au Pont 72 km"
opttext[164]="Klimmen en abseilen"
opttext[165]="Speleologie"
opttext[166]="Challengetocht"
opttext[167]="Paintball"
opttext[168]="Paardrijden"
opttext[169]="Challengetocht en tokkelen"
opttext[170]="Mini Eco challenge hele dag"
opttext[171]="Mini Eco challenge hele dag"
opttext[172]="Outdoor a la carte hele dag"
opttext[173]="Outdoor a la carte hele dag"
opttext[174]="Mini Eco Challenge halve dag"
opttext[175]="Mini Eco Challenge halve dag"
opttext[176]="Outdoor a la carte halve dag"
opttext[177]="Outdoor a la carte halve dag"
opttext[178]="Zeilen"
opttext[179]="Strandspelen"
opttext[180]="Zeekajakken"
opttext[181]="Wadlopen"
opttext[182]="Coastrafting"
opttext[183]="Brandingvaren"
opttext[184]="Wijnproeverij"
opttext[185]="Boog- en buksschieten combinatie"
//id of the textbox element
var inputID="inputSelectZoeken"
//max size of "selectbox"
var maxcount=5
/*******************************/
/**********end config***********/
/*******************************/

opttext.sort();
var scripting=false;
//initialize:
//for mozilla
if (window.captureEvents) {
    window.captureEvents(Event.LOAD)
    window.onload=suggestInput_init;
	}
//for ie
document.onreadystatechange=ieInit;
function ieInit()
{
   if (document.readyState=="complete")
   {
      document.body.onload=function() {suggestInput_init()}
   }
}
var SIs
var SItxt
var newdiv=document.createElement("DIV")
var globalN=0; //how much options scrolled up
//for ie
if (document.attachEvent)
	document.attachEvent("onclick",hideSelect)
// for Mozilla
if (document.captureEvents) {
	document.captureEvents(Event.CLICK);
	document.onclick = hideSelect;
}
function hideSelect() {
	newdiv.style.display="none"
}
function suggestInput_init() {
	if (document.createElement("DIV")) {
		scripting=true;
		SIs=document.createElement("SELECT")
		SIs.onkeyup=function(e){if(!e) e=event; setInputValue(this.selectedIndex,e)}
		SIs.className="select_input"
		SIs.setAttribute("id","selectInput");
		SIs.style.position="absolute"
		SIs.style.top="-9999px"
		SIs.style.left="-9999px"
		SIs.style.visibility="hidden"
		document.body.appendChild(SIs)
		SItxt =document.getElementById(inputID);
		 SItxt.setAttribute("autocomplete","OFF")
		 SItxt.onkeyup=function(e){if (!e) e=event; showSelection(this.value,e)}
		SItxt.focus()
		for (i=0;i<opttext.length;i++) {
			o=document.createElement("OPTION");;
			o.innerHTML=opttext[i];
			SIs.appendChild(o)
			SIs.style.visibility="visible"; // for Opera
		}
		// find the actual position of the input element 
		topdiv=0;leftdiv=0; elt=SItxt 
		do {
			 b=(elt.style.borderTopWidth)?(elt.style.borderTopWidth):(0)
			 b=(b)?(parseInt(b.substring(0,b.length-2))):(0);
			 p=(elt.style.paddingTop)?(elt.style.paddingTop):(0);
			 p=(p)?(parseInt(p.substring(0,p.length-2))):(0)
			 b2=(elt.style.borderLeftWidth)?(elt.style.borderLeftWidth):(0)
			 b2=(b2)?(parseInt(b2.substring(0,b2.length-2))):(0);
			 p2=(elt.style.paddingLeft)?(elt.style.paddingLeft):(0);
			 p2=(p2)?(parseInt(p2.substring(0,p2.length-2))):(0)
			 try {
			 topdiv+=elt.offsetTop+b+p; leftdiv+=elt.offsetLeft+b2+p2;  } catch(err) {} elt=elt.offsetParent; 
		   } 
		  while (elt.tagName!="BODY")
		  
		topdiv+=SItxt.offsetHeight
		widthdiv=SItxt.offsetWidth
		
		newdiv.style.backgroundColor="#ffffff"
		newdiv.style.position="absolute"
		newdiv.style.zIndex="100"
		newdiv.style.border="1px solid black"
		newdiv.style.top=topdiv;newdiv.style.left=leftdiv;newdiv.style.width=widthdiv;
		newdiv.style.display="none"
		buildDiv(0)
		document.body.appendChild(newdiv)
	}
} 
 
function buildDiv(n) {
	if (n>SIs.childNodes.length) return false; 
	for (i=0;i<newdiv.childNodes.length;i++)
	{newdiv.removeChild(newdiv.childNodes[i]);i--}
	if (n>0) {// insert top "..." - div
		d1=document.createElement("DIV");
		d1.id="lessDiv"
		d1.style.width="100%"
		d1.style.fontSize="0.8em"
		d1.onmouseover=function() {this.style.backgroundColor="#e2e3bc";this.style.color="#000000"}
		d1.onmouseout=function() {this.style.backgroundColor="#ffffff";this.style.color="#686868"}
		d1.onclick=function() {
			buildDiv(n-1);
			d1.style.backgroundColor="#e2e3bc";d1.style.color="#000000"
		} 
		d1.innerHTML="......"; 
		newdiv.appendChild(d1); 
	}
	m=(maxcount<SIs.childNodes.length)?(maxcount):(SIs.childNodes.length)
	for(i=0;i<m;i++) {
	d=document.createElement("DIV")
	d.style.width="100%"
	d.style.fontSize="0.8em"
	d.onmouseover=function() {
		this.style.backgroundColor="#e2e3bc";this.style.color="#000000";
		var value = this.innerHTML;
		value = value.replace( "&amp;","&" );
		SItxt.value=value;
	}
	d.onmouseout=function() {this.style.backgroundColor="#ffffff";this.style.color="#686868"}
	d.onclick=function() {
		var value = this.innerHTML;
		value = value.replace( "&amp;","&" );
		SItxt.value=value;
		newdiv.style.display="none"
	}
	try {d.innerHTML=SIs.childNodes[i+n].innerHTML;}
	catch(err) {}
	newdiv.appendChild(d)
	};
	globalN=n;
	if (SIs.childNodes.length-n>maxcount) {// insert bottom "..." - div
	d2=document.createElement("DIV");
	d2.id="moreDiv"
	d2.style.width="100%"
	d2.style.fontSize="0.8em"
	d2.onmouseover=function() {this.style.backgroundColor="#e2e3bc";this.style.color="#000000"}
	d2.onmouseout=function() {this.style.backgroundColor="#ffffff";this.style.color="#686868"}
	d2.onclick=function() {
	 buildDiv(n+1); d2.style.backgroundColor="#e2e3bc";d2.style.color="#000000"
	  }
	 d2.innerHTML="......"; 
	 d2.style.backgroundColor="#ffffff";d2.style.color="#686868"
	 newdiv.appendChild(d2) } 
 }
 
function setInputValue(m,ev) {
	if (!scripting) return;
	isLess=(document.getElementById("lessDiv"))?(1):(0)
	if (m>globalN+maxcount+isLess+1) {m=globalN+maxcount;SIs.selectedIndex=m}
	if (m<isLess) {m=globalN-1;SIs.selectedIndex=globalN-1}
	a=SIs.childNodes[m].innerHTML;
	a = a.replace( "&amp;","&" );
	SItxt.value=a;
	try {
		if (newdiv.childNodes[m-globalN+isLess]) {  
			if (newdiv.childNodes[m-globalN+isLess].id=="moreDiv") {  
				buildDiv(globalN+1);  
				newdiv.childNodes[maxcount].style.backgroundColor="#e2e3bc";
				newdiv.childNodes[maxcount].style.color="#000000"
				return
			}
		}
	} catch (err) {}
	try {
		if (newdiv.childNodes[m-globalN+isLess]) {  
			if (newdiv.childNodes[m-globalN+isLess].id=="lessDiv") {  
				buildDiv(globalN-1);
				isLess_new=(document.getElementById("lessDiv"))?(1):(0)
				newdiv.childNodes[isLess_new].style.backgroundColor="#e2e3bc";
				newdiv.childNodes[isLess_new].style.color="#000000"
				return
			}
		}
	} catch (err) {}
	try {
		for (i=0;i<newdiv.childNodes.length;i++)
		{
			newdiv.childNodes[i].style.backgroundColor="#ffffff";
			newdiv.childNodes[i].style.color="#686868";
		}
		newdiv.childNodes[m-globalN+isLess].style.backgroundColor="#e2e3bc";
		newdiv.childNodes[m-globalN+isLess].style.color="#000000"
	} catch(err) {};
	
	if ((ev.keyCode!=40) && (ev.keyCode!=38) && (ev.keyCode!=0)) // if not arrow down, arrow up or mouseclick  
	{
		newdiv.style.display="none"
		SItxt.focus();
	}
}
 
function showSelection(t,ev) {

if (!scripting) return;
if (ev.keyCode==40) { //with arrow down comes into suggestion select
 if (SIs.childNodes.length>0)
 {
  newdiv.childNodes[0].style.backgroundColor="#e2e3bc"
  newdiv.childNodes[0].style.color="#000000"
  SItxt.value=SIs.childNodes[0].innerHTML; 
  try {SIs.focus();} catch(err){}
  SIs.childNodes[0].selected=true;
 }
  return            }
if (t=="") { return ;}
t=t.toLowerCase();
l=t.length; 
for (i=0;i<SIs.childNodes.length;i++) {SIs.removeChild(SIs.childNodes[i]);i--}
for(i=0;i<opttext.length;i++)
{
 if (opttext[i].substr(0,l).toLowerCase()==t)
 {
  oOption = document.createElement("OPTION");
  SIs.appendChild(oOption)
  oOption.innerHTML = opttext[i];
 }
}
if (SIs.childNodes.length>0)  {
newdiv.style.display=""
buildDiv(0)
 } else newdiv.style.display="none";
SItxt.focus()
}