var req;
var isIE;
var names;
var nameRow;
var nowIndex = 0;
var idField;
var menu;
var timeCount;
var autorow;
var isHide = readCookie("Suggest");
var str_show = "Show Suggestions";
var str_hide = "Hide Suggestions";
var suggestIframe;
if(typeof XmlHttpRequest =="undefined"){
	isIE=true;
}
if (window.XMLHttpRequest) {
}else if (window.ActiveXObject) {
	isIE=true;
}
isIE = getBrowser() == 1 ? true : false;
function init_search(){
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
	}else if (window.ActiveXObject) {
		req = new ActiveXObject("Microsoft.XMLHTTP");
	}
	initWindow();
}
function initWindow(){
	idField = document.getElementById("keyword");
	menu = document.getElementById("keyword");
	autorow = document.getElementById("menupopup");
	suggestIframe = document.getElementById("suggestbg");
	if ( isIE )
	{
	}
	else
		ptable = document.getElementById("ptable");
}
window.onresize=function(){
	initWindow();
}
function showSuggest()
{
	suggestIframe.style.display = "block";
	autorow.style.visibility = "visible";
	ptable.style.visibility = "visible";
}
function hideSuggest()
{
	suggestIframe.style.display = "none";
	autorow.style.visibility = "hidden";
	ptable.style.visibility = "hidden";
}
document.onmouseup = function (){
	if((isIE)?(names && names.rows && names.rows.length!=0):(names && names.childNodes && names.childNodes.length!=0)){
		hideSuggest();
	}
}
document.onkeydown = function (e){
	if((isIE)?(event.keyCode == 9):(e.which ==9)){
		if((isIE)?(names&&names.rows.length!=0):(names&&names.childNodes.length!=0)){
			hideSuggest();
		}
	}
	if(names&&((isIE)?(names&&names.rows.length!=0):(names&&names.childNodes.length!=0))&&(autorow.style.visibility == "visible")){
		if ((isIE)?(event.keyCode == 38):(e.which ==38)){
			if (nowIndex>=0){
				nowIndex=(nowIndex!=0)?nowIndex - 1:0;
				makeTableWhite();
				changeTableColor(nowIndex);
				fillText();
			}
		}
		else if ((isIE)?(event.keyCode == 40):(e.which==40)){
			if (nowIndex>=-1&&nowIndex < ((isIE)?(names.rows.length-1):(names.childNodes.length-1))){
				nowIndex = nowIndex + 1;
				makeTableWhite();
				changeTableColor(nowIndex);
				fillText();
			}
		}
	}
}
function fillText(){
	if(isIE){
	var getTr = names.rows[nowIndex];
	var valueTd = getTr.getElementsByTagName("td");
	document.search.keyword.value = valueTd[0].innerText.replace("&amp;","&");
	}else{
	var getTr =names.childNodes[nowIndex];
	var valueTd = getTr.childNodes[0];
	document.search.keyword.value = valueTd.childNodes[0].childNodes[0].innerHTML.replace("&amp;","&");
	}
}
function changeTableColor(rowIndex){
	makeTableWhite();
	if(isIE){var getTr = names.rows[rowIndex];}else{var getTr = names.childNodes[rowIndex];}
	getTr.className = "mouseOver";
	nowIndex = rowIndex;
	getTr.childNodes[0].childNodes[0].childNodes[0].className="mouseOverFont";
	getTr.childNodes[1].childNodes[0].className="mouseOverFont";
}
function makeTableWhite(){
	if(isIE){var getTr = names.rows;}else{var getTr = names.childNodes;}
	for (i=0 ;i<getTr.length; i++){
		if(i%2==0){getTr[i].className = "initTr";}else{getTr[i].className = "initTr1";}
		getTr[i].childNodes[0].childNodes[0].childNodes[0].className="mouseOutFont";
		getTr[i].childNodes[1].childNodes[0].className="mouseOutRight";
	}
}
function getElementX(element){
	var targetLeft = 0;
	if(element.offsetParent){
		while (element.offsetParent){
			targetLeft = targetLeft + element.offsetLeft;
			element = element.offsetParent;
		}
	}else if(element.x){
		targetLeft+=element.x;
	}
	return targetLeft;
}
function getElementY(element){
	var targetTop = 0;
	if (element.offsetParent) {
		while (element.offsetParent) {
			targetTop += element.offsetTop;
			element = element.offsetParent;
		}
	}else if(element.y){
		targetTop = targetTop+element.y;
	}
	return targetTop;
}
function validate(e){
	(e==null)?key=45:key=e.keyCode;
	timeCount=key;
	window.setTimeout("validate1("+key+")",200);
}

function validate1(e){
	if(!isHide){
		if(key==timeCount){
			if (key>=48 && key<=90 || key==8 || key==32|| key== 45 || key==46){
				if(window.idField == null || (!window.idField)) idField = document.getElementById("keyword");
				if(window.req == null) init_search();
				if(window.idField && window.req){
					if(idField.value)
					{
						var url = "/front/suggest.php?kw=" + encodeURIComponent(idField.value);
						try {
							req.open("GET", url, true);
							req.onreadystatechange = processRequest;
							req.send(null);
						}
						catch(e) {
							//alert('error opening');
						}
					}
				}
			 }
		}
	}
}
function processRequest(){
	if(req.readyState==4){
		if(req.responseXML && req.status==200){
			parseMessages();
		}else{
			clearTable();
			hideSuggest();
		}
	}
}
function parseMessages(){
	if(!names) names = document.getElementById("names");
	clearTable();
	var products = req.responseXML.getElementsByTagName("suggestkeywords")[0];
	var tableLength = products.childNodes.length>10?10:products.childNodes.length;
	for (loop=0;loop<tableLength;loop++){
		var product = products.childNodes[loop];
		var productname = product.getElementsByTagName("kw")[0];
		var productnumber = product.getElementsByTagName("vol")[0];
		appendProduct(productname.childNodes[0].nodeValue, productnumber.childNodes[0].nodeValue,loop);
	}
	suggestIframe.style.height = tableLength * 14 + 2;
	if(isHide==true){
		hideSuggest();
	}
	else{
		showSuggest();
	}
	nowIndex=-1;
	if((isIE)?(names.rows.length!=0):(names.childNodes.length!=0)){
		makeTableWhite();
	}
	if ((isIE)?(names.rows.length<1):(names.childNodes.length<1)){
		hideSuggest();
	}
}
function clearTable(){
	if (names) {
		for (loop = names.childNodes.length -1; loop >= 0 ; loop--) {
			names.removeChild(names.childNodes[loop]);
		}
	}
}
function format( number )
{
	if ( number == '1' )
		return "1 result";
	
	for ( var i = 9; i > 0; i -= 3 )
		if ( number.length > i )
			number = number.substr( 0, number.length - i ) + " " + number.substr( number.length - i, i );
	
	return number + " results";
}
function appendProduct(fnameId,fnumberId,loopNo) {
	var nameCell;
	var nameCellRight;
	if (isIE) {
		nameRow = names.insertRow(names.rows.length);
		nameCell = nameRow.insertCell(0);
		nameCellRight = nameRow.insertCell();
	}else{
		nameRow = document.createElement("tr");
		nameCell = document.createElement("td");
		nameCellRight = document.createElement("td");
		nameRow.appendChild(nameCell);
		nameRow.appendChild(nameCellRight);
		names.appendChild(nameRow);
	}
	
	if(loopNo%2!=0){nameRow.className = "initTr";}else{nameRow.className = "initTr1";}
	nameRow.setAttribute("border", "0");
	nameCell.setAttribute("border", "0");
	nameCell.setAttribute("align", "left");
	nameCell.setAttribute("rowNumber",loopNo);
	nameRow.setAttribute("goHref", "/front/dosearch.php?keyword=" + encodeURIComponent(fnameId));	// seo process
	var linkElement = document.createElement("a");
	linkElement.setAttribute("href","#" );
	if(isIE){linkElement.setAttribute("className","link_word" );}else{linkElement.setAttribute("class","link_word" );}
	
	var nameFontElement = document.createElement("font");
	nameFontElement.setAttribute("style", "font-size: 10pt;");
	nameFontElement.setAttribute("color", "black");
	nameFontElement.appendChild(document.createTextNode(fnameId));
	nameCell.onmouseover= function(){changeTableColor(this.getAttribute("rowNumber"));
									this.childNodes[0].childNodes[0].className = "mouseOverFont";
									if(this.parentElement) {
									this.parentElement.childNodes[1].childNodes[0].className="mouseOverFont";}};
	nameCell.onmouseout= function(){//this.parentElement.className="initTr";
									makeTableWhite();
									this.childNodes[0].childNodes[0].className = "mouseOutFont";
									if(this.parentElement) {
									this.parentElement.childNodes[1].childNodes[0].className = "mouseOutRight";}};
	
	var nameFontElementRight = document.createElement("font");
	nameFontElementRight.setAttribute("size", "2");
	nameFontElementRight.setAttribute("color", "#006600");
	nameFontElementRight.appendChild(document.createTextNode(""));//format(fnumberId)));
	nameCellRight.setAttribute("align", "right");
	nameCellRight.setAttribute("rowNumber",loopNo);
	nameCellRight.appendChild(nameFontElementRight);
	nameCellRight.onmouseover= function(){changeTableColor(this.getAttribute("rowNumber"));
									this.parentElement.childNodes[0].childNodes[0].childNodes[0].className="mouseOverFont"
									this.childNodes[0].className="mouseOverFont";};
	nameCellRight.onmouseout= function(){//this.parentElement.className="initTr";
									makeTableWrite();
									this.parentElement.childNodes[0].childNodes[0].childNodes[0].className="mouseOutFont"
									this.childNodes[0].className="mouseOverRight";};
	nameRow.onmousedown = function (){
									if(isIE){
										window.location.href = this.goHref;
										var getRow = names.rows[nowIndex];
										var valueTd = getRow.getElementsByTagName("td");
										document.search.keyword.value = valueTd[0].innerText.replace("&amp;","&");
									}else{
										window.location.href=this.getAttribute("goHref");
										var getRow = names.childNodes[nowIndex];
										var valueTd=getRow.childNodes[0];
										document.search.keyword.value=valueTd.childNodes[0].childNodes[0].innerHTML.replace("&amp;","&");
									}}
	linkElement.appendChild(nameFontElement);
	nameCell.appendChild(linkElement);
}
function hS(){
	hs = document.getElementById("hsb");
	if(isHide==false){
		isHide=true;
		if(isIE){hs.setAttribute("innerHTML",str_show);}
		else{hs.innerHTML=str_show;}
		hideSuggest();
		writeCookie("Suggest",isHide,null);
	}
	else{
		isHide=false;
		if(isIE){hs.setAttribute("innerHTML",str_hide);}
		else{hs.innerHTML=str_hide;}
		clearTable();
		validate(null);
		showSuggest();
		if(!names){
			hideSuggest();
		}
		else if((isIE)?(names.rows.length<1):(names.childNodes.length<1)){
			hideSuggest();
		}
		writeCookie("Suggest",isHide,null);
	}
}
function readCookie(name){
	var cookieValue = "";
	var search = name + "=";
	if(document.cookie.length > 0){ 
		offset = document.cookie.indexOf(search);
		if (offset != -1){ 
			offset += search.length;
			end = document.cookie.indexOf(";", offset);
			if (end == -1) end = document.cookie.length;
			cookieValue = unescape(document.cookie.substring(offset, end))
		}
	}
	if (cookieValue.toUpperCase()=="TRUE")
	{
		return true;
	}
	else 
	{
		return false;
	}
}
function writeCookie(name, value, hours){
	var expire = "";
	if(hours != null){
		expire = new Date((new Date()).getTime() + hours * 3600000);
		expire = "; expires=" + expire.toGMTString();
	}
	document.cookie = name + "=" + escape(value) + expire + "; path=/";
}
document.writeln("<style>");
document.writeln(".mouseOver {background: #8F96DE;	color: #FFFAFA; cursor:hand}");
document.writeln(".mouseOutFont{color: #000000;}");
document.writeln(".mouseOutRight{color: #006600;}");
document.writeln(".mouseOverFont{color: #ffffff;}");
document.writeln(".initTr{background: #FFFFFF; color: #000000;}");
document.writeln(".initTr1{background: #FFFFFF; color: #000000;}");
document.writeln("a.link_word:link{text-decoration:none;font-weight:normal;font-family: 'trebuchet ms', arial, helvetica, sans-serif;; padding-left:3px;}");
document.writeln("a.link_word:visited{text-decoration:none;font-weight:normal;font-family:'trebuchet ms', arial, helvetica, sans-serif;;padding-left:3px;}");
document.writeln("a.link_word:active{text-decoration:none;font-weight:normal;font-family: 'trebuchet ms', arial, helvetica, sans-serif;;padding-left:3px;}");
document.writeln("a.link_word:hover{text-decoration:none;font-weight:normal;font-family:'trebuchet ms', arial, helvetica, sans-serif;;padding-left:3px;}");
document.writeln("a.link_font:link{color: white;text-decoration:none;font-weight:normal;font-family:'trebuchet ms', arial, helvetica, sans-serif;;padding-left:3px;}");
document.writeln("a.link_font:active{color: black;text-decoration:none;font-weight:normal;font-family:'trebuchet ms', arial, helvetica, sans-serif;;padding-left:3px;}");
document.writeln("a.link_font:visited{color: white;text-decoration:none;font-weight:normal;font-family:'trebuchet ms', arial, helvetica, sans-serif;;padding-left:3px;}");
document.writeln("a.link_font:hover{color: black;text-decoration:none;font-weight:normal;font-family:'trebuchet ms', arial, helvetica, sans-serif;;padding-left:3px;}");
document.writeln("</style>");
function get_autorow_window_html()
{
	return '<div style="position: absolute;" id="menupopup">' + "\n" + 
			'<table id="ptable" width="' + suggest_width + '" border="0" cellpadding="0" bgcolor="#999999" cellspacing="1" style="visibility:hidden">'  + "\n" + 
			'  <tr>' + "\n" + 
			'    <th bgcolor="#FFFFFF" scope="row">' + "\n" + 
			'         <table id="names" width="100%" border="0" cellpadding="0" cellspacing="0">' + "\n" + 
			'			</table>' + "\n" + 
			'	</th>' + "\n" + 
			'  </tr>' + "\n" + 
			'</table>' + "\n" + 
			'<iframe style=" display:none; top:0; left:0px; width:' + suggest_width + 'px; position: absolute; z-index:-2; " src="about:blank" frameBorder=0 scrolling=no id="suggestbg">' + "\n" +
			'</iframe>' + "\n" + 
			
			'</div>';
}
var suggest_ff_top = 180;
var suggest_ff_left = 0;
var suggest_ie_top = 180;
var suggest_ie_left = 484;
if(isIE)
{
	var suggest_width = 387;
}
else
{
	var suggest_width = 388;
}
function getBrowser()
{
   if(navigator.userAgent.indexOf("MSIE")>0)return 1;;
   if(isFirefox=navigator.userAgent.indexOf("Firefox")>0)return 2;;
   if(isSafari=navigator.userAgent.indexOf("Safari")>0)return 3;;   
   if(isCamino=navigator.userAgent.indexOf("Camino")>0)return 4;;
   if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0)return 5;;
   return 0;;
}