var XMLHttpRequestObject = false;
 
       if (window.XMLHttpRequest) 
       {
         XMLHttpRequestObject = new XMLHttpRequest();
       } 
       else if (window.ActiveXObject) 
       {
         XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
       }
 
var names;

     function getOptions(section,number,filter,keyword,keyormouse)
     {
        if(keyormouse == "mouse")
         keyword = document.getElementById('searchbarinput').value;
     	var url = "list.php?sec=" + section + "&num=" + number + "&fil=" + filter + "&key=" + keyword;
		
	       if(XMLHttpRequestObject) 
	       {
		         XMLHttpRequestObject.open("GET",url,true);
		
		         XMLHttpRequestObject.onreadystatechange = function()
		         {
			           if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) 
			           {
				           var xmlDocument = XMLHttpRequestObject.responseXML;
				           
				           names = xmlDocument.getElementsByTagName("name");
                                           secs = xmlDocument.getElementsByTagName("sec");
				         
                                           if(keyormouse == "key")
				            listOptions();
                                           else
                                            listOptions2();
			           }
		         }
	         XMLHttpRequestObject.send(null);
	       }
     }

function listOptions()
{
var nameatx = "";
var nameatx1 = "";
var x;
var result = "<table class='suggestions' id='suggestionbox'>";
var arrlength = names.length;

if(arrlength > 5)
 arrlength = 5;
	       
for (x=0;x<arrlength;x++)
{
nameatx1 = names[x].firstChild.data.toLowerCase().replace(/ /gi,'_').replace(/\./gi,'$p$').replace(/\:/gi,'$c$').replace(/\-/gi,'$d$');
nameatx = '"games.php?n=' + nameatx1 + '"';
result = result + "<tr onmouseover=this.style.backgroundColor='#B0E2FF' onmouseout=this.style.backgroundColor='white' onclick=document.getElementById('searchbarinput').value=names[" + x + "].firstChild.data;window.location.href=" + nameatx + ";document.getElementById('suggestions').innerHTML=''><td><a onmouseover=this.style.cursor='default'>";
result = result + "<img id=searchimage height=60px width=60px src=/icons/" + nameatx1 + ".jpg />";
result = result + "<p id='suggestiontext'>" + names[x].firstChild.data + "</p>" + "<td id='suggestionsection' valign='bottom'>" + secs[x].firstChild.data + "</td>";
result += "</a></td></tr>";
}
result+="<td width='100%' height='1px' style='background-color:gray;'></td>";
result+="<td width='100%' height='1px' style='background-color:gray;'></td>";
result+="</table>";
document.getElementById('suggestions').innerHTML = result;				
}
function listOptions2()
{
var table = "<table class='gametable'><tr>";
 for(x=0;x<names.length;x++)
 {
 table = table + "<td class='gametd'><a class='gamepictext' href='games.php?n=" + names[x].firstChild.data.toLowerCase().replace(/ /gi,'_').replace(/\./gi,'$p$').replace(/\:/gi,'$c$').replace(/\-/gi,'$d$') + "'><img class='gamepic' src='icons/" + names[x].firstChild.data.toLowerCase().replace(/ /gi,'_').replace(/\./gi,'$p$').replace(/\:/gi,'$c$').replace(/\-/gi,'$d$') + ".jpg' /><br />" + names[x].firstChild.data + "</a></td>";
 if((x+1)%4 == 0)
  {table += "</tr><tr>";}
 }
 table += "</tr></table>";
if(names.length == 0)
 table = "<a id='searchresultstext'>No matching results</a>";
document.getElementById('searchbar').innerHTML = table;
}

function searchGames(keyEvent)
     {
     	keyEvent = (keyEvent) ? keyEvent: window.event;
        input = (keyEvent.target) ? keyEvent.target : keyEvent.srcElement;
      
	       if (keyEvent.type == "keyup") 
	       {	
	       		 if(input.value == "")
	       		 {
                           getOptions("ALL","ALL","VIE","","key");
	       		 }
		         else if(input.value) 
		         {
                           getOptions("ALL","ALL","VIE",input.value,"key");
		           
		       	 }
		        else 
		        {
		          getOptions("ALL","ALL","VIE","","key");
		        }
	      }

     }