function myColor(num) {
  if (document.all) {
	  num = num+1;
	$('tabla').rows[num].bgColor = "#cccccc";
	$('tabla').rows[num].style.cursor = "hand";
  }
}

/********* ¸¶¿ì½º¸¦ ¶¼¾úÀ»¶§ÀÇ ¼¿ ¹è°æ»ö ************/
function myColorOut(num) {
  if (document.all) {
	  num = num+1;
	$('tabla').rows[num].bgColor = "#FFFFFF";
  }
}

var y=0; 

function teclaPulsada(total)
{

	if(y>total) y=0;

	var new_total = total-1;

switch (event.keyCode)
    {
    case 40: //tecla abajo key down

		$('tabla').rows[y].bgColor='#FFFFFF';
		if (y==total ){y=total;} else {y++;}
		$('tabla').rows[y].bgColor='#cccccc';
		subun = y-1;
		$('qr').value=$('cell'+subun).value;
//		if(y>6)	$('tabla').scrollIntoView(false);
		var tempObj = document.getElementById('scrollfield');
		if(y==6)
			tempObj.doScroll('scrollbarPageDown');
	break;

    case 38: //tecla arriba key up 

		$('tabla').rows[y].bgColor='#FFFFFF';
		if (y==0 || y==1){y=1;} else {y--;}
		$('tabla').rows[y].bgColor='#cccccc';
		subun = y-1;
		$('qr').value=$('cell'+subun).value;

		//if(y<6)	$('tabla').scrollBy(0,-50);
		var tempObj = document.getElementById('scrollfield');
		if(y==5)
			tempObj.doScroll('scrollbarPageUp');

    break;

    default:
    }
}

function goLayerClear() {
	$('search_message').innerHTML="";
}

function goSuggest() {
	//alert('d');
	// ÀÚÁÖ Ã£´Â °Ë»ö¾î ·¹ÀÌ¾î ¾ø¾Ö±â
	//var message = $('frequent_message');
	//message.style.visibility = "hidden";

	var obj = $('search_message');

	var sText = $('qr');
	
	if( sText.value == "" ) {
		var obj = $('search_message');
		obj.style.visibility = "hidden";
	}


	if(event.keyCode!=40 && event.keyCode!=38) {
		var targetUrl = "/autosearch/search_suggest.php?sText=" + sText.value;
		

		new Ajax.Request(targetUrl, {
																onComplete:displayJsonData,
																onFailure:errorMessage 
																}
															 );	

		y = 0;
	}
	if($('tabla') && (event.keyCode==40 || event.keyCode==38)) {
			var total = $('totalcount').value;
			teclaPulsada(total);
		}

}

function setAndSearch(str) {
//	alert(str);
	$('qr').value=str;
	do_submit(document.qform);
}

function foldLayer() {
	$('search_message').style.display="none";
}

function displayJsonData(responseHttpObj) {

	var jsonData = responseHttpObj.responseText;
	//alert(jsonData);
	jsonData = eval('(' + jsonData + ')');

	//alert(jsonData);
	// Àüü ÀÚ·á °¹¼ö
	var total = jsonData.result.total;

	var obj = $('search_message');
//	if( total > 0 ) {
	
		var tag = "<table width='225' border='0' cellpadding='0' cellspacing='1' bordercolor='#ECE9D8' bgcolor='#CCCCCC'>";
		var tag = tag + "<tr><td height='22' bgcolor='#FFFFFF' id='search_message'>";
		var tag = tag + "<table  width='100%'  border='0' cellspacing='1' cellpadding='1' >";
	
		tag += "<tr><td width='225' colspan='2' height='25' bgcolor='#CCCCFF'>&nbsp;<b>°Ë»ö¾î ÀÚµ¿°Ë»ö</b></td></tr></table>";
		tag += "<div id=\"scrollfield\"><table id='tabla' width='100%'  border='0' cellspacing='1' cellpadding='1' ><tr style='display:none'><td></td></tr>"
		if(jsonData.result.data[0].stext) {
			for( var i=0; i<total; i++ ) {

				// ÇʵåÀÇ ±æÀÌ
				var sText = jsonData.result.data[i].stext;
				var sTextLength = jsonData.result.data[i].stext.length;
				var newSText = ( sTextLength > 20 ) ? sText.slice(0, 20) + "..." : sText;
				newSText = newSText.replace($('qr').value, '<font color = orange>'+$('qr').value+'</font>');

				tag += "<tr id=cells"+i+" onMouseover=\"myColor("+i+")\" onMouseOut=\"myColorOut("+i+")\">";
				tag += "<td width='225' style='font-size:12px; letter-spacing:-0.04em'>&nbsp;&nbsp;&nbsp;";
 
				tag = tag + "<span onclick=\"javascript:setAndSearch('"+jsonData.result.data[i].stext+"');\" >" + newSText +"<input type='hidden' id=cell"+i+"  value='"+jsonData.result.data[i].stext+"'></span>";
				tag += "<input type=\"hidden\" id=sub"+i+" value="+i+">";


				tag += "</td>";
				tag += "</tr>";
				
			}
		}
		tag += "<tr><td width='380'align='right'><a href='javascript:goLayerClear();'><img src='http://www.encyber.com/images/icon/icon_x.gif' border=0></a><td></tr></table></div>";
//		tag += "</table></div>";
//		tag += "<tr><td>&nbsp;</td><td width='100' height='25' align='right'><a href='javascript:foldLayer();'><img src='/infra2/images/layer_close_btn.gif' align='absmiddle'></a>&nbsp;&nbsp;</td></tr></table></td></tr>";
		tag += "</td></tr></table></td></tr><tr><td width='225' colspan='2' height='1' bgcolor='#2E97F5'></td></tr></table><input type='hidden' id = totalcount value='"+total+"'>";


		obj.innerHTML = tag;

		if( obj.style.visibility == "hidden" || obj.style.visibility == "" ) {
			obj.style.visibility = "visible";
		} else {
			return;
		}

/*
	} else {
		var tag = "<table width='220' border='0' cellpadding='0' cellspacing='1' bordercolor='#ECE9D8' bgcolor='#CCCCCC'>";
		tag = tag + "<tr><td height='22' bgcolor='#FFFFFF' id='search_message'>";
		tag = tag + "<table  width='100%'  border='0' cellspacing='1' cellpadding='1' >";
		tag += "<tr><td width='220' colspan='2' height='25' bgcolor='#CCCCFF'>&nbsp;<b>Encyber ÀÚµ¿°Ë»ö</b></td></tr></table>";
		tag += "<div id=\"scrollfield\"><table id='tabla' width='100%'  border='0' cellspacing='1' cellpadding='1' ><tr style='display:none'><td></td></tr>";
		tag += "<tr><td align = center height=80><b>°Ë»ö °á°ú°¡ ¾ø½À´Ï´Ù.<b></td></tr>";
		tag += "</table></div>";
		tag += "</td></tr></table></td></tr><tr><td width='220' colspan='2' height='1' bgcolor='#2E97F5'></td></tr></table>";

		obj.innerHTML = tag;
	//	obj.style.visibility = "visible";
	}	
*/
}

function errorMessage() {
	return;	
}