defaultText = "";
function loadDataFile(targetName){
	httpObj = createXMLHttpRequest(displayData);
	if (httpObj){
		httpObj.open("GET","search_bukken.php?findletters="+encodeURI(targetName),true);
		httpObj.send(null);
	}
}
function displayData(){
	if ((httpObj.readyState == 4) && (httpObj.status == 200)){
		checkBukkenName(httpObj.responseText);
	}
}
function findBukkenName(){
	var txt = $("bukken_name").value;
	if (defaultText == txt) return;
	defaultText = txt;
	loadDataFile(txt);
}
function checkBukkenName(bukkenList){
	var resultText = "";
	var LF = String.fromCharCode(10);
	lineData = decodeURI(bukkenList).split(LF);
	popupList($("bukken_name"), lineData);
}
function popupList(obj, listText){
	var bukken_result = document.getElementById('bukken_result');
	popuplistItems = new Array();
	for (var i=0; i<listText.length; i++){
		if (listText[i] != "") popuplistItems.push(listText[i].split(",")[0], listText[i].split(",")[1]);
	}
	if (listText.length < 1){
		displayMode('none');
	}else{
		displayMode('block');
	}
	var layer;
	var roop;
	var boxLocation = getElementPosition($("search_box"));
	h = boxLocation.top + 20;
	w = boxLocation.left;
	layer = "<div id='poplist' style='position:absolute;top:"+h+";left:"+w+";width=400;'>\n";
	roop = popuplistItems.length / 2;
	for (i=0; i<roop; i++) {
		layer += "<div id='bukken_result" + i + "' class='submenu01'";
		layer += " onclick=\"location.href='bukken_detail"+listText[i].split(",")[0]+".html'\"";
		layer += " onmouseover=rollOver(this,'submenu02');";
		layer += " onmouseout=rollOver(this,'submenu01');>" + listText[i].split(",")[1] + "</div>\n";
	}
	layer += "</div>\n";
	$("bukken_result").innerHTML = layer;
}
function rollOver (obj, val){
	obj.className = val;
} 
function displayMode(mode){
	$("bukken_result").style.display = mode;
}
function getElementPosition(element){
	var offsetTrail = (typeof element == 'string') ? document.getElementById(element) : element;
	var offsetLeft = 0;
	var offsetTop = 0;
	while (offsetTrail) {
		offsetLeft += offsetTrail.offsetLeft;
		offsetTop  += offsetTrail.offsetTop;
		offsetTrail = offsetTrail.offsetParent;
	}
	if (navigator.userAgent.indexOf('Mac') != -1 && typeof document.body.leftMargin != "undefined"){
		offsetLeft += document.body.leftMargin;
		offsetTop  += document.body.topMargin;
	}
	return ({left: offsetLeft, top: offsetTop});
}