var coloron = "#B2B2B2";
var coloroff = "#8b8b8b";
var colorText = "#000000";
var xmlHttp;
var XMLReturnType;
var XMLValue;
var coloron;
var coloroff;
function populatefield(value){XMLValue=value;DisplayDropDown();document.getElementById("HomeLeftColumn1_Searchbox_new1_txtSearchBox").style.visibility="hidden";document.getElementById("SideMenu1_Searchbox1_txtSearchBox").value = XMLValue;XMLReturn("", "k")}function on(obja){document.getElementById(obja).style.background=coloron}
function off(obja){document.getElementById(obja).style.background = coloroff}

function XMLReturn(value, type)
{
	XMLReturnType = type; 
	
	if (value.length==0)
	{
		document.getElementById("txtHint").innerHTML=""; 
		document.getElementById("HomeLeftColumn1_Searchbox_new1_txtSearchBox").style.visibility = "hidden";

		DisplayDropDown(); 

		return
	}
	xmlHttp=GetXmlHttpObject();

	if (xmlHttp==null)
	{
		alert("Browser does not support HTTP Request"); 

		return
	}

	var url = "Ajax/Ajax.aspx"; 

	url = url + "?type=" + type + "&value=" + value; 
	url = url + "&sid=" + Math.random(); 
	xmlHttp.onreadystatechange = stateChanged; 
	xmlHttp.open("GET",url,true); 
	xmlHttp.send(null)
}

function stateChanged(){if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){XMLStateChange()}} 
function GetXmlHttpObject(){var objXMLHttp=null;if (window.XMLHttpRequest){objXMLHttp=new XMLHttpRequest()}else if (window.ActiveXObject){objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")}return objXMLHttp} 

function PopulateOutput(value)
{
	RemoveDropDown(); 

	var bArray = new Array(); 
	var fLoop = ""; 

	bArray = value.split("|"); 
	
	for (i = 0; i <= bArray.length - 1; i++)
	{
		bArray[i] = bArray[i].toLowerCase()
	}

	bArray.sort(); 

	for (i = 0; i <= bArray.length - 1; i++)
	{
		fLoop = fLoop + "<div id=\"div" + i + "\" onmouseover=\"on('div" + i + "')\" onmouseout=\"off('div" + i + "')\"><a style='width: 100%; color: " + colorText + ";' onclick='populatefield(\"" + bArray [i] + "\")' title='" + bArray [i] + "'>" + bArray [i] + "</a></div>";
	}

	XMLreturn = fLoop;
}

function XMLStateChange()
{
	if (xmlHttp.responseText == "" && XMLReturnType == "k")
	{
		XMLReturn("", "k");
	}
	else
	{
		switch (XMLReturnType)
		{
			case "k": 
				PopulateOutput(xmlHttp.responseText);
				document.getElementById("txtHint").innerHTML = XMLreturn; 
				document.getElementById("HomeLeftColumn1_Searchbox_new1_txtSearchBox").style.visibility = "visible"; 
				break;
			case "ps":
				PopulatePopularSearch(xmlHttp.responseText);
				document.getElementById("txtPopSearch").innerHTML = XMLPopularSearch;
				document.getElementById("Popularsearch1_PopSearch").style.visibility = "visible"; 
				break;
		}
	}
}

function RemoveDropDown(){if (document.getElementById("ddlSort") != undefined){document.getElementById("ddlSort").style.visibility = "hidden";}}
function DisplayDropDown(){if (document.getElementById("ddlSort") != undefined){document.getElementById("ddlSort").style.visibility = "visible";}}

function PopulatePopularSearch(value)
{
	var PopSearchArray = new Array(); 
	var PopSearchArray2 = new Array(); 
	var data = "";
	var table = "";
	var column = 0;
	
	table = "<table width='100%' cellpadding='2' cellspacing='0' border='0'><tr>";
	PopSearchArray = value.split("|"); 

	for (i = 0; i <= PopSearchArray.length - 1; i++)
	{
		table = table + "<td>";

		PopSearchArray2 = PopSearchArray[i].split("~"); 

		for (j = 0; j <= PopSearchArray2.length - 1; j++)
		{
		if (column != 2) 
		{
			column++;
			table = table + PopSearchArray2[j] + "<br /></td>";
		} else{
			column = 0;
			table = table + "</td></tr>";
			
			if (i != PopSearchArray.length - 1)
			{
				table = table + "<tr>";
			}
		}
			//data = data + "i=" + j + "...........array=" +PopSearchArray2[j] + "<br />";
		}
		
		
		//data = data + "i=" + i + "...........array=" +PopSearchArray[i] + "<br />";


		//data = data + "<br /><br />"
	}

	switch (i%3)
	{
		case 0:
			table = table + "</table>";
			break
		case 1:
			table = table + "<td></td><td></td></tr></table>";
			break
		case 2:
			table = table + "<td></td></tr></table>";
			break
	}
	alert(table);
	XMLPopularSearch = ""
}