//<![CDATA[
/*----------------------------------------------------------------------------
 *  파일명 : keyword.js
 *  설명 : 연관검색어 관련파일(JS)
 *  작성자 : 블로그에서 퍼온 것 임
 *  최초작성일 : 2010-07-26
 *--------------------------------------------------------------------------*/

//=================== 이벤트 등록/삭제 ==================================================
var aEvent = {};
aEvent.bind = function(func, obj){
	return function(){
		return func.apply(obj, arguments);
	}
}
//이벤트 등록함수
aEvent.addEvent = function(element, name, observer, useCapture){
	useCapture = useCapture || false;
	if (element.addEventListener){
		element.addEventListener(name, observer, useCapture);
	}
	else if (element.attachEvent){
		element.attachEvent('on'+name, observer);
	}
}
//이벤트 삭제함수
aEvent.removeEvent = function(element, name, observer, useCapture){
	useCapture = useCapture || false;
	if (element.removeEventListener){
		element.removeEventListener(name, observer, useCapture);
	}
	else if (element.detachEvent){
		element.detachEvent('on'+name, observer);
	}
}


//=================== 키워드 ==================================================
//var KeywordClass = function(input, category, selValue, result){
var KeywordClass = function(input, result){
	this.input = input;			//인풋창
	//this.category = category;	//카테고리
	//this.selValue = selValue;	//
	this.result = result;

	this.isShow = false;	//보여주는지여부
	this.wordList = new ArrayList();	//키워드 리스트
	this.lastOver = null;				//마지막 마우스오버


	//설정
	this.delay = 500;				//키이벤트 후 딜레이시간
	this.overColor = '#EBEBEB';		//설정창배경색컬러(마우스오버시
	this.backColor = 'white';		//설정창배경색컬러
	//this.url = 'http://www.insford.com/developer/common/inc_getKeywordXml.asp';	//AJAX타겟URL
	this.url = '/HiH/Home/i_src/inc/rsp_matching_data.php';	//AJAX타겟URL

	//마우스 이벤트 등록
	aEvent.addEvent(this.input ,"click", aEvent.bind(this.getKeyword, this));
	//키보드 이벤트 등록
	aEvent.addEvent(this.input ,"keydown", aEvent.bind(this.doTaiping, this));
	aEvent.addEvent(this.input ,"blur", aEvent.bind(this.doBlur, this));
}
KeywordClass.prototype = {
	//============================= 설정 함수 ====================================
	//자기자신등록
	addThis : function(This){
		this.self = This;
	},
	//키워드 등록
	addKeyword : function(word){
		var temp = new ALink(word, this);				//A링크 생성
		temp.setIndex(this.wordList.add(temp));			//ArrayList에 등록, 등록번호 셋팅
		this.result.appendChild(temp.getLink());		//DIV태그 추가
		this.showKeyword();								//키워드 보이기
	},
	//이전번호 선택
	prevSelLink : function(){
		if(this.wordList.isPrev()){
			if(this.lastOver){
				this.lastOver.setSelOut();	//색없애기
			}
			this.lastOver = this.wordList.getPrev();
			this.lastOver.setSelect();
		}else{
			this.closeKeyword();	//키워드 닫기
		}
	},
	//다음번호 선택
	nextSelLink : function(){
		if(this.wordList.isNext()){
			if(this.lastOver){
				this.lastOver.setSelOut();	//색없애기
			}
			this.lastOver = this.wordList.getNext();
			this.lastOver.setSelect();
		}
	},
	//특정번호 선택
	selLink : function(index){
		if(this.lastOver){
			this.lastOver.setSelOut();	//색없애기
		}
		this.lastOver = this.wordList.getList(index);
		this.lastOver.setSelect();
	},
	//키워드 닫고 감추기
	closeKeyword : function(){
		if(this.wordList.size() > 0){
			for (var i=0; i<this.wordList.size(); i++){
				this.wordList.getList(i).removeSelf();
			}
			this.wordList = new ArrayList();	//워드리스트 초기화
			this.hideKeyword();
		}
	},
	//보이기
	showKeyword : function(){
		if(!this.isShow){
			this.result.style.display = 'block';
			this.isShow = true;
		}
	},
	//감추기
	hideKeyword : function(){
		if(this.isShow){
			this.result.style.display = 'none';
			this.isShow = false;
		}
	},
	//input창 값 입력하기
	setInput : function(str){
		this.input.value = str;
		this.closeKeyword();
	},
	//============================= 이벤트 처리 함수 =============================
	//키 타이핑
	doTaiping : function(e){
		var event = window.event || e;	//이벤트 구하기

		if(!this.isShow){
			if(event.keyCode==40){		//결과창 안보일때 키보드 다운버튼시 바로찾기
				this.getKeywordGo();
				return;
			}
			this.getKeyword();			//결과창 안보일때 키보드 버튼 누르면 키워드 찾기
			return;
		}
		
		if(event.keyCode==13){
			if(this.wordList.getIndex()!=-1){
				var temp = this.wordList.getCur();
				temp.doClick();
			}
		}else if(event.keyCode==38){	//이전 선택
			this.prevSelLink();
		}else if(event.keyCode==40){	//다음 선택
			this.nextSelLink();
		}else{
			this.getKeyword();
		}
	},
	//키워드찾기
	getKeyword : function(){
		setTimeout(this.self+".getKeywordGo();", this.delay);
	},
	getKeywordGo : function(){
		//단어가 아무것도 없으면
		if(this.input.value==''){
			this.result.style.display='none';
			return;
		}
		//if(this.selValue.value=="keyword" || this.selValue.value=="title"){
			//var parameter = 'keyword='+this.selValue.value+'&category='+this.category.value+'&word='+encodeURIComponent(this.input.value);
			var parameter = 'word='+encodeURIComponent(this.input.value);
			this.send(parameter);
		//}
	},
	doBlur : function(){
		setTimeout(this.self+".closeKeyword();", 300);
	},
	//============================== 데이터 전송 처리 =============================
	//	XMLHTTP뤼케스트 생성 함수
	getXMLHttpRequest : function(){
		if (window.ActiveXObject) {
			try {
				return new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e) {
				try {
					return new ActiveXObject("Microsoft.XMLHTTP");
				} catch(e1) { return null; alert('5');}
			}
		} else if (window.XMLHttpRequest) {
			return new XMLHttpRequest();
		} else {
			return null;
		}
	},
	//접속주소, 파라메터, 콜백함수, 메소드지정
	send : function(params){
		this.req = this.getXMLHttpRequest();
		var httpUrl = this.url;
		var httpParams = (params == null || params == '') ? null : params;
		httpUrl = httpUrl + "?" + httpParams;
		this.req.open('GET', httpUrl, true);
		this.req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

		var request = this;

		this.req.onreadystatechange = function(){
			request.onStateChange.call(request);
		}
		this.req.send(null);

	},
	onStateChange : function(){
		this.callback(this.req);
	},
	// 콜백 함수
	callback : function(req){
		if (req.readyState == 4)
		{
			if (req.status == 200)
			{
				try
				{
					var xmlDoc = req.responseXML.documentElement;

					var itemNode = xmlDoc.getElementsByTagName('item');

					if(itemNode.length > 0){
						this.closeKeyword();	//키워드 초기화
						for (var i=0; i<itemNode.length; i++){
							var temp = itemNode[i].childNodes[0].data;
							this.addKeyword(itemNode[i].childNodes[0].data);
						}
					}					
				}
				catch (e)
				{
					this.closeKeyword();
				}


			}else{
				aalert('접속 에러 입니다. \n\n잠시 후 다시 사용해 주세요.');
			}
		}
	}
}


// A링크창
var ALink = function(word, keywordArea){
	this.word = word;
	this.index = null;
	this.keywordArea = keywordArea;	//키워드객체

	this.div = document.createElement('DIV');
	this.div.style.cursor = 'pointer';
	this.div.innerHTML = word;

	//이벤트 등록
	this.mouseOver = aEvent.bind(this.doOver, this);
	this.mouseClick = aEvent.bind(this.doClick, this);

	aEvent.addEvent(this.div ,"mouseover", this.mouseOver);
	aEvent.addEvent(this.div ,"click", this.mouseClick);
}
ALink.prototype = {
	//자신의 인덱스값
	setIndex : function(index){
		this.index = index;
	},
	// DIV태그 얻기
	getLink : function(){
		return this.div;
	},
	//해당 선택 ( 색 채우기 )
	setSelect : function(){
		this.div.style.backgroundColor= this.keywordArea.overColor;
	},
	//해당 선택 해제 ( 색 없애기 )
	setSelOut : function(){
		this.div.style.backgroundColor= this.keywordArea.backColor;
	},
	//자신 삭제
    removeSelf  : function(){
		aEvent.removeEvent(this.div ,"mouseover", this.mouseOver);
		aEvent.removeEvent(this.div ,"click", this.mouseClick);
		var temp = this.getLink();
		temp.parentNode.removeChild(temp);
	},
	//======================= 이벤트 관련 함수
	//마우스 오버
	doOver : function(){
		this.keywordArea.selLink(this.index);
		this.keywordArea.wordList.setIndex(this.index);
	},
	//마우스 클릭
	doClick : function(){
		this.keywordArea.setInput(this.word);
	}
}

//]]>