document.write("<div id='popSuggest' style='position:absolute; z-index:1; background-color: White;'></div>");
document.write("<div id='suggest'></div>");

var beforeKey;
var index = 0;

function checkKeyword() {
	var value = document.getElementById('transkey').value;

	if(index == 0)
	{
		beforeKey = value
		index = index + 1;
	}

	if(beforeKey != value || value == "")
	{
		beforeKey = value;
		
		if(value == "")
		{
			clearKeyword();
		}
		else
		{
			var encstr = encodeURI(value);
			var scriptLocation = '../cgi/suggest.cgi?key='+encstr+'&jsonp=createSuggest';

			var s = document.createElement("script");
			s.src = scriptLocation;
			s.type = "text/javascript";
			s.charset = 'UTF-8';
			var divObj = document.getElementById('suggest');
			divObj.appendChild(s);
		}
	}

	setTimeout(checkKeyword, 400);
}

function createSuggest(val) {
	var htmldata;
	var i = 0;
	htmldata = "<table>";
	for(i=0; i < val[1].length; i++)
	{
		htmldata = htmldata + "<tr><td align=\"left\" style=\"font-size:0.9em\"><a onClick=\"setSuggestTxt('"+val[1][i]+"'); return true;\" href=\"javascript:void(0);\">"+val[1][i]+"</a></td>";
		htmldata = htmldata + "<td align=\"right\" style=\"font-size:0.75em\">"+val[2][i]+"</td></tr>";
	}
	htmldata = htmldata + "<tr><td colspan=\"2\" align=\"right\" style=\"font-size:0.75em\"><a onClick=\"clearKeyword(); return true;\" href=\"javascript:void(0);\">閉じる</a></td></tr>";
	htmldata = htmldata + "<tr><td colspan=\"2\" align=\"center\" style=\"font-size:0.75em\">powered by <a href=\"http://www.google.co.jp/\" target=\"_blank\">google</a></td></tr>";
	htmldata = htmldata + "</table>";

	if(i <= 0)
	{
		displaySuggest("");
	}
	else
	{
		displaySuggest(htmldata);
	}
}

function displaySuggest(data) {
	var ret = $('transkey').positionedOffset()

	if(document.all)
	{
		document.getElementById('popSuggest').style.left = ret[0];
		document.getElementById('popSuggest').style.top = ret[1] + 30;
	}
	else
	{
		document.getElementById('popSuggest').style.left =  ret[0] + "px";
		document.getElementById('popSuggest').style.top = ret[1] + 30 + "px";
	}
	document.getElementById('popSuggest').innerHTML = data;
}

function clearKeyword() {
	document.getElementById('popSuggest').innerHTML = "";
}

function setSuggestTxt(val) {
	document.getElementById('transkey').value = val;
	document.searchForm.keyword.value = val;

	document.getElementById('popSuggest').innerHTML = "";
	document.getElementById('transkey').focus();
}