/********************************/
/*******start config****************/
/*******************************/
//array with suggest texts

var opttext = new Array(
"Amsterdam","Berlin","Bern","Prag","Paris","Vienna","Warsaw","Rome","Riga","Tallinn","Vilnius","Lisbon","Madrid","Athens","Sofia","London","Bucharest","Budapest","Bratislava","Ljublana","Beograd","Brussels","Microsoft","Java","Cairo","Giza","notredame","Eiffel",
"Helsinki","Stockholm","Copenhagen","Oslo","Dublin","Vaduz","Daphny","Girl","Dog","Ass","Cat","Love","Car","Japan","China","Paris Hilton","Girls","IPhone","Teen","Apple","Google","Flower","Angelina Jolie","Hong Kong","visualcommerce","london","lesbian","Naruto","bikini","Woman","Tokyo","Playboy","Hot","Breast","Beauty","Beach","Horses","Flowers","Cakes",
"Japanese","Preteen","Jessicaalba","Hentai","Cars","Lolita","Taiwan","Megan Fox","Test","Women","Upskirt","New York","Beijing","Madonna","Pantyhose","Dick","People","Sky","Tree","Bush","Anime","Face","Loli","Baby","Vitas","Dogs","Nudes","Cum","Wallpaper","Shemale","CHRIS BROWN","Man","Angelina","Thong","Obama","Asian","Model","Bondage","Young","Cats","Red","pictures","logo","boy","incest","Britney Spears",
"House","India","Teens","Britney","Water","Sun","Nipple","Milf","Shanghai","Jesus","Adult","Angel","Brasil","Funny","Lil Wayne","Plug","Pamela Anderson","fire","jenna","hymen","Miley Cyrus","blow job","clitoris","Nature","Fish","Butt","Rose","Hearts","Soccer","Japanese girl","bobo","food","horse","hot","leg","xterra","hardcore","picitup","Mexico","cute","Sea","smile","Ferrari","Porno","Suck","Mature","Star",
"Tiger","Earth","Free","Emo","Big","babes","Beautiful","Football","Brad Pitt","Olmert","George Bush","IBM",
"Money","Maria","Blue","Daphny","Animals","Jessica","Foot","Fucking","Panda","Black","Busty","Taipei","lion","Rihanna","Sunset","fat","QQ","Clit","hillaryclinton","Picture","Body","Angels","Voyeur","Cherry","Camel Toe","Japan Girl","Heart","Jerusalem","Landscape","Carmen Electra","Jenna Jameson","ipod","rome","kids","Computer","Home","Blow","Virgin","Israel","Sunflower","Midnight Peacocks",
"Basketball","Pokemon","Babe","Kiss","Feet","Lady","Legs","Mountain","Lingerie","Dna","Golf","Vista","Porsche","Book","snow","japan","Naturalbreasts","LindsayLohan","Bill Gates","Tel Aviv","Breasts","BMW","family","Family Guy","Children","Riya","celebros_superjewler","Leah Dizon","Mihiro","jolie","jordan","faces","party","Booty","Hilton","gundam","tit","blonde","pc800","creampie","Fashion",
"Tom Cruise","Hand","Pamela","Men","Moon","cumshot","Shakira","Wow","Green","Bbw","Rio","Cow","Monkey","Dragon","Mac","landscapes","anna","fisting","panties","Bleach","Teacher","Erotic","Argentina","Superman","shit","downblouse","Breast","Female","Megan","thongs","Child","Art","Twins","Pedo","Avril Lavigne","New","Iron Man","Bear","bdsm","Amateur","ford","Linux","background","Office","Pig","Chinese","Birds",
"Cameltoe","Gettysburg","Pregnant","Animal","Design","Pretty","Indian","Roma","Nake","Keira Knightley","free trailers","kate","Emma Watson","pink","Bitch","Music","Guitar","Phone","Hairy","Hannah Montana","Weed","Box","Models","Madrid","Forest","School","berlin","Wedding","Mouse","Alyssa Milano","Kitty","nikki","labia","Sandisksd","Beautiful Animal","Vanessa","Puppies","Hawaii","Maria Ozawa","Jessica Simpson",
"Clinton","Ubuntu","Jennifer Aniston","Barcelona","Cool","Elephant","Baseball","Cross","Kate Moss","Jennifer","Clouds","Balls","Monica","City","Massage","Girls Gone","Sara","Alizee","Usa","Yahoo","Hillary","Butterfly","icon","god","space","Asia","gril","Edison","Bird","Vulva","Kelly","Ashley"
);

/*/opttext[0]="Athens"
opttext[1]="Amsterdam"
opttext[2]="Israel"
opttext[3]="Ireland"*/

//id of the textbox element
var inputID="query"
//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 //initially invisible select box
var SItxt //the main input text element
var newdiv=document.createElement("DIV") //a visible pendant to select box
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")) { //otherwise nothing happens
		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
		}
		elt=SItxt 
		//find coords where the suggest div will appear
		pos2=findPos(elt); pos2.push(elt.offsetHeight); pos2.push(elt.offsetWidth)
		
		newdiv.style.top=(pos2[1]+pos2[2])+'px';
		newdiv.style.left=pos2[0]+'px';
		newdiv.style.width=pos2[3]+'px';
		newdiv.className="suggestBoxContainer"
		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.className="mouse_over";}
		d1.onmouseout=function() {this.className="suggestBox"}
		d1.onclick=function() {
			buildDiv(n-1);
			d1.className="mouse_over"
		} 
		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.className="mouse_over";
			SItxt.value=this.innerHTML
		}
		d.onmouseout=function() {
			this.className='suggestBox'
		}
		d.onclick=function() {
			SItxt.value=this.innerHTML;
			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.className="mouse_over";}
		d2.onmouseout=function() {this.className="suggestBox";}
		d2.onclick=function() {
			buildDiv(n+1); 
			d2.className="mouse_over";
		}
		d2.innerHTML="......"; 
		d2.className="suggestBox";
		newdiv.appendChild(d2) 
	 } 
 }
 
function setInputValue(m,ev) {        
	if (!scripting || ev.keyCode==27) 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
	SItxt.value=a;     
	try {
		if (newdiv.childNodes[m-globalN+isLess]) {  
			if (newdiv.childNodes[m-globalN+isLess].id=="moreDiv") { 
				buildDiv(globalN+1);  
				newdiv.childNodes[maxcount].className="mouse_over";;
				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].className="mouse_over";
		 		return
			}
		}
	} catch (err) {}
	try {
		for (i=0;i<newdiv.childNodes.length;i++)
			newdiv.childNodes[i].className="suggestBox";
		 newdiv.childNodes[m-globalN+isLess].className="mouse_over";
	} 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;        
        // dont show if the field is null or esc was pressed
        if (ev.keyCode==27 || ev.keyCode==8 || t=="" || ev.keyCode==13)
        {
            newdiv.style.display="none";
            return;
        }        
        
	if (ev.keyCode==40) { // by arrow down comes into suggestion select
		 if (SIs.childNodes.length>0) {
			  newdiv.childNodes[0].className="mouse_over";
			  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()
}

/** Source: http://www.quirksmode.org/js/findpos.html - is better than my own**/
 function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	} 
	return [curleft,curtop];
}