var selectedRow = webSuggetTime = hideWebSuggest = null;
	var inputValue = '';
	var numResults = webSuggestSel = 0;
	var theListTable = tempTable = realTable = dataTable = dataKey = dataLength = new Array();
	var webHeaderText = webContentBody = webHeaderWidth = webSearchField = webTableWidth = new Array();
	var theSuggest;

	function webSuggest(headerText, contentBody, headerWidth, searchField, searchText, tableWidth)
	{
		webHeaderText = headerText;
		webContentBody = contentBody;
		webHeaderWidth = headerWidth;
		webSearchField = searchField;
		websearchText = searchText;
		webTableWidth = tableWidth;
		webSuggestSel = 0;

		theSuggest.style.width = tableWidth+'px';
		Element.makePositioned(theSuggest);
		Element.show(theSuggest);

	}

	function createHeaderTable()
	{
		content = '<div onmouseover="window.clearTimeout(webSuggetTime);hideWebSuggest=false;" onmouseout="hideWebSuggest=true;delayHideWebSuggest()" class="tbody">';
		content += '<table width="98%" class="tabholder"  border="0" cellspacing="0" cellpadding="3" align="center">';
		content += '<tr class="tabcont">';
		content += '<td><select id="tblSuggestSel" class="tfield">';

		for(i = 0; i < webSearchField.length; i++)
		{
			content += '<option value="'+webSearchField[i]+'">'+websearchText[i]+'</option>';
		} // for

		content += '</select></td>';
		content += '<td><input id="tblSuggestInp" value="'+inputValue+'" class="tfield" onKeyUp="updateTable();"/></td>';
		content += '</tr>';
		content += '</table>';
		content += '<div style="position:relative; overflow: auto; height: 100px" class="tbody">'
		content += '<table width="98%" class="tabholder"  border="0" cellspacing="1" cellpadding="3" align="center" id="webSuggestResult">';
		content += '<tr class="tabhead">';
		for(i = 0; i < webHeaderText.length; i++)
		{
			if(typeof webHeaderWidth[i] == 'undefined')width = '';
			else width = webHeaderWidth[i];
			content += '<td width="'+width+'"><div class="tabtxt">'+webHeaderText[i]+'</div></td>';
		} // for

		content += '</tr>';
		content += '</table>';
		content += '</div>';
		content += '</div>';
		theSuggest.innerHTML = content;
	}

	function createBodyTable(tempTable, dataContent)
	{
		theListTable = tempTable;
		numResults = tempTable.length;
		tblSuggest = $('webSuggestResult');
		content = '';
		content += '<tr class="tabhead">';
		for(i = 0; i < webHeaderText.length; i++)
		{
			if(typeof webHeaderWidth[i] == 'undefined')width = '';
			else width = webHeaderWidth[i];
			content += '<td width="'+width+'"><div class="tabtxt">'+webHeaderText[i]+'</div></td>';
		} // for
		content += '</tr>';

		for(i = 0; i < tempTable.length; i++)
		{
			key = tempTable[i];
			content += '<tr id="'+key+'" class="tabcont" onmouseover="_mouseovermem(this, \''+i+'\')" onmouseout="_mouseoutmem(this, \''+i+'\')" onclick="_onclickmem(this, \''+i+'\')">';
			for(x = 0; x < webHeaderText.length; x++)
			{
				cont = webContentBody[x];
				content += '<td><div>'+dataContent[key][cont]+'</div></td>';
			}
			content += '</tr>';
		} // for

		tblSuggest.innerHTML = content;
	}

	function createContainer()
	{
		if(!document.getElementById("webSuggest"))
		{
			document.write('<div id="webSuggest" style="border : 1px solid #000; background : #fff; display : block; float : left;z-index:100;position:absolute;top: 1px; left: 1px"></div>');
		}
		theSuggest = document.getElementById("webSuggest");
	}

	function getDataServer(key, tblName)
	{
		if(typeof dataTable[key] == 'undefined')getServerData('do=get&f=suggest&k='+key+'&t='+tblName, 'suggest.php');
	}


	function closeWebSuggest()
	{
		if(hideWebSuggest)
		{
			Element.hide(theSuggest);
		}
	}

	function delayHideWebSuggest()
	{
		webSuggetTime = window.setTimeout("closeWebSuggest()", 1000);
	}

	function onReturnType()
	{
		clickWebSuggest(theListTable[webSuggestSel])
		hideWebSuggest = true;
		closeWebSuggest()
	}

	function _onclickmem(objTr, oSel)
	{
		webSuggestSel = oSel-0;
		highLightWebSuggest();
		clickWebSuggest(objTr.id)
		hideWebSuggest = true;
		closeWebSuggest()
	}

	function _mouseoutmem(objTr, oSel)
	{
		webSuggestSel = oSel-0;
		highLightWebSuggest();
	}

	function _mouseovermem(objTr, oSel)
	{
		webSuggestSel = oSel-0;
		highLightWebSuggest();
	}

	function highLightWebSuggest()
	{
		_resultBox = $('webSuggestResult');
		for(i = 1; i < _resultBox.rows.length; i++)
		{
			{
				thisRow = _resultBox.rows[i];
				if (i == (webSuggestSel+1))
				{
					thisRow.className = 'tabcont2';
				}
				else
				{
					thisRow.className = 'tabcont';
				}
			}
		} // for
	}

	function webSuggestUp()
	{
	    if (webSuggestSel == 0)
	        return;
	    else if (webSuggestSel < 0)
	        webSuggestSel = numResults - 1;
	    else
	        webSuggestSel--;

    	highLightWebSuggest()
	}

	function webSuggestDown()
	{
		if (webSuggestSel == numResults - 1)
	        return;
	    else if (webSuggestSel < 0)
	        webSuggestSel = 0;
	    else
	        webSuggestSel++;

    	highLightWebSuggest()
	}

	createContainer();