var UI={};
Object.extend=function(a, b){
  for (var property in b) a[property] = b[property];
  return a;
};

UI.$=function(s) { return document.getElementById(s) };
UI.trim=function(s) {return s.replace(/(^\s*)|(\s*$)/g, "") };
UI.toogle=function(id) { UI.$(id).style.display=(UI.getStyle(UI.$(id),'display')=='none') ? 'block':'none' };
UI.getEl=function(e){var E=UI.getE(e);return E.target || E.srcElement}
UI.getE=function(e){return e || window.event}
UI.random=function(min, max){ return Math.floor(Math.random() * (max - min + 1) + min) };
UI.addEvent=function(object, type, listener) {	
	if(object.addEventListener) {if(type=='mousewheel')type='DOMMouseScroll'; object.addEventListener(type, listener, false)}
	else { object.attachEvent("on"+type, listener); }
};
UI.delEvent=function(object, type, listener){
	if (object.removeEventListener) {if(type=='mousewheel')type='DOMMouseScroll'; object.removeEventListener(type, listener, false)}
	else object.detachEvent('on'+type, listener);
};
UI.stopEvent=function(event) {
	var e=event || window.event;
	if(e.preventDefault) {e.preventDefault(); e.stopPropagation(); }
	else {e.returnValue = false; e.cancelBubble = true;}
};
UI.getEventWheel=function(e){
	var delta=0;
	if(e.wheelDelta) delta=e.wheelDelta/120;
	else if(e.detail) delta=-e.detail/3;
	return delta;
};
UI.getBrowser=function(){
	var ua=navigator.userAgent.toLowerCase();
	var opera=/opera/.test(ua)
	UI._browser={
		ie:!opera && /msie/.test(ua),
		ie_ver: parseFloat(((ua.split('; '))[1].split(' '))[1]),
		opera:opera,
		ff:/firefox/.test(ua),
		gecko:/gecko/.test(ua)		
	};
	return UI._browser;
};
UI.resizeIframe=function(iframe_id) {
	var h = (self.innerHeight) ? document.documentElement.offsetHeight : document.body.scrollHeight;
	try{parent.UI.$(iframe_id).style.height = h+"px";}catch(e){}
};
UI.rollOver=function(s) {
	var img=(typeof(s)=="string") ? img=UI.$(s):s;
	img.onmouseover=function() { UI.rollOver.over(img) }
	img.onmouseout=function() { UI.rollOver.out(img) }
}
UI.rollOver.over=function(img){ var src=img.src; img.src=src.replace("_off.","_on."); }
UI.rollOver.out=function(img){ var src=img.src; img.src=src.replace("_on.","_off."); };

UI.popUp=function(url,name,w,h,scroll,resize,status,center){
	if(!scroll) scroll=0;
	if(!resize) resize=0;
	if(!status) status=1;
	if(center)	
	{
		var x = (screen.width - w) / 2;
		var y = (screen.height - h) / 2;
		center = ",top="+y+",left="+x;
	}
	return window.open(url,name,"width="+w+",height="+h+",status="+status+",resizable="+resize+",scrollbars="+scroll+center);
};
UI.setCookie=function(name, value, expires, path, domain, secure){
	if(expires)//day로 설정
	{
		var d=new Date(); d.setDate(d.getDate()+expires);
		expires = d.toGMTString();
	}
	document.cookie = name + "=" + escape(value) +
	  ((expires) ? "; expires=" + expires : "") +
	  ((path) ? "; path=" + path : "") +
	  ((domain) ? "; domain=" + domain : "") +
	  ((secure) ? "; secure" : "");
};
UI.getCookie=function(name){
	name += "=";
	cookie = document.cookie + ";";
	start = cookie.indexOf(name);
	if (start != -1)
	{
		end = cookie.indexOf(";",start);
		return unescape(cookie.substring(start + name.length, end));
	}
	return "";
};
UI.embedSWF=function(f,w,h,options){
	var param={	id:"UIswf_"+f,quality:'high',bgcolor:'#ffffff',allowScriptAccess:'always'}
	Object.extend(param, options);

	var id='id="'+param.id+'"';
	var name = 'name="'+param.id+'"';
	var p='',e='';	

	for(i in param) 
	{
		if(i=='id')continue;
		p+='<param name="'+i+'" value="'+param[i]+'">\n';
		e+=i+'="'+param[i]+'" ';
	}

	var s='<object '+id+' width="'+w+'" height="'+h+'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0">';
	s+='<param name="movie" value="'+f+'">'+ p;	
	s+='<embed '+name+' src="'+f+'" width="'+w+'" height="'+h+'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" '+e+'/>';
	s+='</object>';
	document.write(s);
	return s;
};
UI.embedWMP=function(f,w,h,options){
	var param={	id:"UIwmp_"+f,autostart:'1',showstatusbar:'-1',transparentatstart:'1',displaybackcolor:'0',uimode:'full'}
	Object.extend(param, options);

	var id='id="'+param.id+'" name="'+param.id+'"';
	var p='',e='';
	for(i in param) 
	{
		if(i=='id')continue;
		p+='<param name="'+i+'" value="'+param[i]+'">\n';
		e+=i+'="'+param[i]+'" ';
	}
	var s='<object '+id+' width="'+w+'" height="'+h+'" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" style="filter:gray();">';
	s+='<param name="filename" value="'+f+'">'+ p;
	s+='<embed '+id+' src="'+f+'" width="'+w+'" height="'+h+'" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/mediaplayer/" '+e+' />';
	s+='</object>';
	document.write(s);
};
UI.getStyle=function(el, style) {
	var value = el.style[style];
	if(!value)
	{
		if(document.defaultView && document.defaultView.getComputedStyle) 
		{
			var css = document.defaultView.getComputedStyle(el, null);
			value = css ? css[style] : null;
		} 
		else if (el.currentStyle) value = el.currentStyle[style];
	}
	return value == 'auto' ? null : value;
};
UI.getPosition=function(el)
{
	var left=0,top=0;
	while(el)
	{
		left+=el.offsetLeft || 0;
		top+=el.offsetTop || 0;
		el=el.offsetParent;
	}
	return {'x': left, 'y': top}
};
UI.getScroll=function () {
	if(document.all && typeof document.body.scrollTop != "undefined")
	{
		var cont=document.compatMode!="CSS1Compat"?document.body:document.documentElement;
		return {left:cont.scrollLeft, top:cont.scrollTop, width:cont.clientWidth, height:cont.clientHeight}
	}
	else 
		return {left:window.pageXOffset, top:window.pageYOffset, width:window.innerWidth, height:window.innerHeight}
};
UI.submit=function(f) { 
	var form=UI.$(f)||document.forms[f];	
	if(form.onsubmit && !form.onsubmit()) return;
	form.submit();
};
UI.focus=function(n) { 
	var s=null;
	s = UI.$(n)||document.getElementsByName(n)[0];
	s.focus();
};
UI.$F=function(n) {
	var s=null;
	s = UI.$(n)||document.getElementsByName(n)[0];
	if(s.type=="checkbox")
	{
		var c=[];
		var r=document.getElementsByName(n);
		for(var i=0;i<r.length; i++) if(r[i].checked) c.push(r[i].value);
		return (c.length>0)?c:"";
	}
	else if(s.type=="radio")
	{
		var r=document.getElementsByName(n);
		for(var i=0;i<r.length; i++) if(r[i].checked) return r[i].value;
		return "";
	}
	return s.value;
};
UI.length=function(str,len,tail){
	if(!tail) tail="";
	var l=0, c=0, l2=0, u="", s="";
	if(len>0) l2=len;	
	for(var i=0;u=str.charCodeAt(i);i++)
	{
		if (u>127) l+=2;
		else l++;
		if(l2) {
			s+=str.charAt(i); 
			if(l>=l2)
			{
				if(l>l2) s=s.slice(0,-1);
				return s+tail;
			}
		}		
	}
	return l2 ? s:l;
};
UI.html2str=function(s,m){
	var s1=["&amp;","&#39;","&quot;","&lt;","&gt;"];
	var s2=["&","'","\"","<",">"];
	var s3=[];
	if(m) {s3=s1;s1=s2;s2=s3;}
	for(var i in s1) s=s.replace(new RegExp(s1[i],"g"), s2[i]);
	return s;
};
UI.setOpacity=function(el,value){
	el.style.filter="alpha(opacity="+value+")";
	el.style.opacity=(value/100);
	el.style.MozOpacity=(value/100);
	el.style.KhtmlOpacity=(value/100);
};
UI.indexOf=function(arr,s){
	for(var i=0;i<arr.length; i++) if(arr[i]==s) return i;
	return -1;
};
UI.resizeImage=function(img,w,h){
	var t = new Image();
	t.src=img.src;	
	if(t.width==0 || t.height==0) return;
	if(t.width>w || t.height >h)
	{
		img.width=w;img.height=h;
		if((t.width/w) > (t.height/h) )	img.height=Math.round(t.height * (w / t.width));
		else img.width = Math.round(t.width *  (h / t.height));
	}
	else
	{
		img.width=t.width;
		img.height=t.height;
	}
	if(img.width==0 || img.height==0) setTimeout(function(){UI.resizeImage(img,w,h)},500);
};
UI.StringBuffer=function(){this.buffer=new Array()}
UI.StringBuffer.prototype={append:function(s){this.buffer.push(s)},toString:function(){return this.buffer.join("")}};
UI.parseQuery=function(s){
	var str=s||location.search.substr(1);
	var r={},t=[];
	var a=str.split('&');
	for(var i=0;i<a.length;i++){t=a[i].split("=");r[t[0]] = t[1];}
	return r;
};
UI.addComma=function(s){
	s+='';
	var re = new RegExp('(-?[0-9]+)([0-9]{3})'); 
	while(re.test(s)) s = s.replace(re, '$1,$2'); 
	return s;
}; 

 
UI.Select = function(id,skin){
	this.skin={
		default_txt:'color:#555;background-color:#fff;font-size:11px;height:15px;',
		selected_txt:'color:#fff;background-color:#446688;font-size:11px',
		arrow:'<img src="http://imgsrc.search.daum-img.net/dic/2008/bt_listdown.gif" width="19" height="19" border="0" >',
		padding:2
	};
	Object.extend(this.skin, skin);
	this.input=UI.$(id);
	this.length=this.input.length;
	this.id=id;
	this.list=[];
	this.isopen=0;
	this.selectedIndex=0;
	this.prevSelectedIndex=0;
	this.moveSelectedIndex=0;//keydown
	this.value='';
	this.topBox= null;
	this.subBox= null;
	this.selBox= null;

	this.print();
};
UI.Select.prototype={
	close:function(){
		if(!this.isopen) return;
		this.subBox.style.display='none';
		this.isopen=0;
		this.focus();
	},
	blur:function(){
		this.selBox.className='default_txt';
	},	
	focus:function(){
		if(this.isopen) return;
		this.selBox.className='selected_txt';
	},
	open:function(){
		if(this.isopen) return;	

		if(UI.Select._openObj) 
		{
			UI.Select._openObj.close();
			UI.Select._openObj.blur();
		}

		this.subBox.style.display='block';
		this.blur();
		this.subBox.getElementsByTagName('DIV')[this.selectedIndex].className='selected_txt';
		this.moveSelectedIndex=this.selectedIndex;
		UI.Select._openObj=this;
		this.isopen=1;		
	},
	toogle:function(e){
		if(this.isopen)	this.close();
		else this.open();
		UI.stopEvent(e);
	},
	subOver:function(e){
		this.el=UI.getEl(e)
		this.subBox.getElementsByTagName('DIV')[this.selectedIndex].className='default_txt';
		this.el.className='selected_txt';
	},
	subOut:function(e){
		this.el=UI.getEl(e)
		this.el.className='default_txt';
	},
	onchange:function(){
//		if(this.prevSelectedIndex != this.selectedIndex && this.input.onchange) {
			this.input.onchange.call(this);	
//		}
	},
	selected:function(isChange){
		this.value=this.list[this.selectedIndex].value;
		this.selBox.value=this.list[this.selectedIndex].text;
		UI.$(this.id).value=this.list[this.selectedIndex].value; //select input
		if(isChange) this.onchange();
		this.prevSelectedIndex=this.selectedIndex;
	},
	setValue:function(_value){
		var opt=this.input.options;
		for(var i=0; i<opt.length; i++){
			if(opt[i].value == _value){
				this.value=_value;
				this.selBox.value=opt[i].text;
			}
		}
	},
	subClick:function(e){
		this.el=UI.getEl(e);
		this.selectedIndex=this.el.index;
		this.selected(true);
		this.close();		
		UI.stopEvent(e);
	},
	keyMove:function(e){
		var e=UI.getE(e);
		var prev_index=-1;
		if(e.keyCode==38 && this.selectedIndex>0)
		{
			prev_index=this.selectedIndex--;
			UI.stopEvent(e);
		}
		else if(e.keyCode==40 && this.selectedIndex < this.length-1)
		{
			prev_index=this.selectedIndex++;
			UI.stopEvent(e);
		}
		else if(e.keyCode==13)
		{
			this.close();
			if(this.moveSelectedIndex != this.selectedIndex && this.input.onchange) this.input.onchange.call(this);
			this.moveSelectedIndex=this.selectedIndex;
		}		
		if(prev_index>-1)
		{
			this.subBox.getElementsByTagName('DIV')[prev_index].className='default_txt';
			this.subBox.getElementsByTagName('DIV')[this.selectedIndex].className='selected_txt';
			this.selected((this.isopen) ? false:true);
		}
	},
	print:function(){
		var id=this.id;
		var opt=this.input.options;
		var sb = new UI.StringBuffer();
		var wid = this.skin.width;
		var wid2 = this.skin.width;
		var count = this.skin.count;
		var fix = this.skin.fix;
		var c = 1;
		if(getNavigatorTypeChk() == "2"){
			wid = this.skin.width-(this.skin.padding*2);
			wid2 = this.skin.width-(this.skin.padding*4);
		}
		if(count<opt.length){
			c = 30*count;
			this.skin.subbox = this.skin.subbox+'height:'+c+'px;overflow-y:auto;scrollbar-3dlight-color:#dedede;scrollbar-arrow-color:#919191;scrollbar-darkshadow-color:#dedede;scrollbar-face-color:fff;scrollbar-highlight-color:fff;scrollbar-shadow-color:#fff;scrollbar-track-color:#F5F5F5;'	;
			wid2 = wid2 - 17;
		}
		if(fix == "small"){
			this.skin.subbox = this.skin.subbox+'height:40px;overflow-y:auto;scrollbar-3dlight-color:#dedede;scrollbar-arrow-color:#919191;scrollbar-darkshadow-color:#dedede;scrollbar-face-color:fff;scrollbar-highlight-color:fff;scrollbar-shadow-color:#fff;scrollbar-track-color:#F5F5F5;'	;
			wid2 = wid2 - 17;
		}


		for(var i=0; i<opt.length; i++)
		{
			this.list[i]={text:opt[i].text,value:opt[i].value};
			sb.append('<div style="width:'+wid2+'px;padding:'+this.skin.padding+'px;font-size:12px;">'+opt[i].text+'</div>');
		}
		this.value=this.list[0].value;

		var s='<style type="text/css">input.default_txt,div.default_txt{'+this.skin.default_txt+';width:'+wid+'px;} input.selected_txt,div.selected_txt{'+this.skin.selected_txt+';width:'+wid+'px;}</style>'
		+'<div id="UISelectTop_'+id+'" style="position:relative;'+this.skin.topbox+';width:'+wid+'px;">'
		+'<input class="default_txt" id="UISelectSel_'+id+'" type="text" value="'+this.list[0].text+'" style="width:'+wid+'px;border:none;margin:0;padding:'+this.skin.padding+'px" readonly="readonly">'
		+'<div style="position:absolute;right:-1px;top:-1px">'+this.skin.arrow+'</div>'
		+'</div>'
		+'<div id="UISelectSub_'+id+'" style="display:none;position:absolute;margin-top:-1px;width:'+wid+'px;'+this.skin.subbox+'">'+sb.toString()+'</div>';
		
		this.input.style.display='none';
		document.write(s);

		this.topBox= UI.$('UISelectTop_'+id);
		this.subBox= UI.$('UISelectSub_'+id);
		this.selBox= UI.$('UISelectSel_'+id);

		var self=this;
		UI.addEvent(this.topBox, "mousedown", function(e) { self.toogle(e) } );
		UI.addEvent(this.topBox, "keydown", function(e) {self.keyMove(e)});
		
		UI.addEvent(this.selBox, "blur", function() { self.close(); self.blur(); });
		UI.addEvent(this.selBox, "focus", function() { self.focus(); });
		UI.addEvent(document, "mousedown", function() { self.close();self.blur(); } );

		UI.addEvent(this.subBox, "mousedown", function(e) { UI.stopEvent(e) } );
		var sub=this.subBox.getElementsByTagName('div');
		for(var i=0; i<sub.length; i++)
		{	
			sub[i].index=i;
			UI.addEvent(sub[i], "mouseover", function(e) { self.subOver(e) } );
			UI.addEvent(sub[i], "mouseout",  function(e) { self.subOut(e) } );
			UI.addEvent(sub[i], "mousedown", function(e) { self.subClick(e) } );
		}
	}
};

function getNavigatorTypeChk(){
	if(navigator.appName == "Microsoft Internet Explorer")
		return 1;  
	else if (navigator.appName == "Netscape")
		return 2;	
	else 
		return 0;
}


UI.Modal=function(url,options){
	// if(!pageLoaded) { return false; }
	this.options={
		type:'image',
		alt:'',
		loading:false,
		opacity:30,
		width:0,height:0
	};
	Object.extend(this.options, options);
	var options=this.options;

	if(!UI.$('UIModalB')) UI.Modal.print();
	UI.setOpacity(UI.$('UIModalB'), options.opacity);
	UI.setOpacity(UI.$('UIModalBIframe'), 0);
	
	UI.Modal.setB();
	if(options.loading) UI.Modal.center(UI.$('UIModalL'));

	if(options.type=='image')
	{
		UI.$('UIModalF').innerHTML = '<img id="UIModalImage" src="'+url+'" alt="'+options.alt+'" />';
		if(options.loading) UI.$('UIModalImage').style.display='none';
		var _cursor = 'http://imgsrc.search.daum-img.net/dic/2009/eng/zoomout.cur';
		UI.setCursor(UI.$('UIModalImage'), 'url(' + _cursor + '), pointer');
		UI.addEvent(UI.$('UIModalImage'), 'load', UI.Modal.onload);
	}
	else if(options.type=='iframe')
	{		
		UI.$('UIModalF').innerHTML = '<iframe name="UIModalIframe" id="UIModalIframe" src="'+url+'" '+options.status+'></iframe>';
		if(options.loading) 
		{
			UI.$('UIModalIframe').style.display='none';
			UI.addEvent(UI.$('UIModalIframe'), 'load', UI.Modal.onload);
		}
		UI.Modal.center(UI.$('UIModalF'));
	}
	UI.Modal.self=this;
	UI.addEvent(UI.$('UIModalB'), 'click', UI.Modal.reset);
	if(options.type=='image') UI.addEvent(UI.$('UIModalImage'), 'click', UI.Modal.reset);
	UI.addEvent(window,'resize', UI.Modal.onresize);
	UI.addEvent(window,'scroll', UI.Modal.onscroll);
};
UI.Modal.self={};
UI.Modal.onload=function(){
	UI.$('UIModalL').style.display='none';
	var pos=UI.getScroll();
	UI.Modal.center(UI.$('UIModalF'));	
	if(UI.Modal.self.options.type=='image')
	{
		UI.$('UIModalImage').style.display='block';
		UI.resizeImage(UI.$('UIModalImage'),pos.width,pos.height);	
	}
	else 
	{
		UI.$('UIModalIframe').style.display='block';
	}
	UI.Modal.center(UI.$('UIModalF'));
};
UI.Modal.print=function(){
	// deemed layer size setting
	if (window.innerHeight && window.scrollMaxY) {			
		this.UIModalB_height = window.innerHeight + window.scrollMaxY;			
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		this.UIModalB_height = document.body.scrollHeight;			
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		this.UIModalB_height = document.body.offsetHeight;			
	}
	var d=document.createElement('div');
	var s='';
	s+='<iframe style="z-index:99997;width:100%;height:'+this.UIModalB_height+';position:absolute;left:0;top:0;" name="UIModalBIframe" id="UIModalBIframe"></iframe><div id="UIModalB" style="z-index:99998;width:100%;height:'+this.UIModalB_height+'px;position:absolute;display:none;background-color:#000;"></div>';
	s+='<div id="UIModalF" style="z-index:99999;position:absolute;display:none;background-color:#fff;"></div>';
	s+='<div id="UIModalL" style="z-index:99999;display:none;position:absolute;border:2px solid gray;">濡쒕뵫以�...</div>';
	d.innerHTML=s;
	document.getElementsByTagName('body')[0].appendChild(d);
};
UI.Modal.setB=function(){
	var w=UI.$('UIModalB');
	var pos=UI.getScroll();
	w.style.top='0px';
	w.style.left='0px';
	/*
	if(document.all)
	{
		w.style.width=pos.width+'px';
		w.style.height=pos.height+'px';
	}
	*/
	w.style.display='block'
	UI.$('UIModalBIframe').style.display='block';
};
UI.Modal.center=function(el){
	el.style.display='block';
	var pos=UI.getScroll();
	el.style.left=pos.width/2-el.offsetWidth/2+pos.left+'px';
	el.style.top=pos.height/2-el.offsetHeight/2+pos.top+'px';
};
UI.Modal.reset=function(){
	UI.Modal.self=null;
	UI.$('UIModalF').innerHTML='';
	UI.$('UIModalB').style.display='none';
	UI.$('UIModalBIframe').style.display='none';
	UI.$('UIModalF').style.display='none';
	UI.$('UIModalL').style.display='none';
	UI.delEvent(window,'resize',UI.Modal.onresize);
	UI.delEvent(window,'scroll',UI.Modal.onscroll);
};
UI.Modal.onresize=function(){
	var pos=UI.getScroll();
	if(UI.Modal.self.options.type=='image') UI.resizeImage(UI.$('UIModalImage'),pos.width,pos.height);
	UI.Modal.center(UI.$('UIModalF'));
	UI.Modal.setB();
};
UI.Modal.onscroll=function(){
	UI.Modal.onresize();
};

UI.toolTip=function(event, options, loc, obj) {
	var e=event || window.event;
	var el= e.target || e.srcElement;

	el.options={
		className:'UItoolTip',
		mousemove:UI.toolTip.mousemove
	};
	Object.extend(el.options, options);

	el.stitle = el.alt || el.title || el.stitle || el.parentNode.title;
	el.title = el.alt = el.parentNode.title = "";
	if(!el.stitle) return;
	
	var child=null;
	for(var i=0; i < el.childNodes.length; i++)
	{
		child = el.childNodes[i];
		if(child.tagName)
		{
			child.stitle = el.stitle;
			UI.addEvent(child, "mouseover", function(event){ UI.toolTip(event,options) } );
		//	child.style.backgroundColor = "#e6e6e6";	
		}
	}	
	
//	if(!el.UItoolTip) 
//	{

		var d = document.createElement("DIV");
		d.className = el.options.className;
		d.style.position="absolute";	
		UI.$('JESToolTip').appendChild(d);
		
		el.UItoolTip=d;
	
		var wid = '310px';
		if(loc == "right" || loc == "right_2") wid = '216px';
		var html = "";
			html += '<div style="width:'+wid+';text-align:justify;z-index:1000">';
			if(loc == "right_2"){
				html += '<div style="text-align:left;padding-left:75px;"><img src="http://imgsrc.search.daum-img.net/dic/ico_tooltip.gif" width="18" height="6" style="margin-bottom:-1px;"></div>';				
			}else{
				html += '<div style="text-align:left;"><img src="http://imgsrc.search.daum-img.net/dic/ico_tooltip.gif" width="18" height="6" style="margin-bottom:-1px;"></div>';				
			}
			html += '<div style="border-right:1px solid #d9d9d9;">';
			html += '<div style="border:1px solid #90abe4;background-color:#f8fafe;padding:14px">'+el.stitle+'</div>';
			html += '<div style="border-bottom:1px solid #d9d9d9;"></div>';
			html += '</div>';						
			html += '</div>';

		el.UItoolTip.innerHTML=html;

//	}
	
	var scroll = UI.getScroll();
	if(el.options.layerFixed) {
		if(el.options.isvsRight){ //Type = vs
		  var x = getAbsoluteLeft(el) - 298 + "px";
		}else{
		  var x = getAbsoluteLeft(el) + "px";
		  var y = getAbsoluteTop(el) + el.offsetHeight + 2 + "px";
		}
	} else {
		var x = (e.clientX+scroll.left+10) + "px";
		var y = (e.clientY+scroll.top+10) + "px";
	}

	el.UItoolTip.style.zIndex = 10000	
	el.UItoolTip.style.left = x;	
	if(loc == "right_2"){	
		el.UItoolTip.style.left = parseInt(x)-70;
	}
	var browser = UI.getBrowser();
	if(browser.ff){
		el.UItoolTip.style.top =  parseInt(y)-2 + "px";
	}else{
		if(loc == "tag"){
			el.UItoolTip.style.top =  parseInt(y)-2 + "px";
		}else{
			el.UItoolTip.style.top =  parseInt(y)-4 + "px";			
		}

	}

	var parents = null;	
	if(obj == null){
		obj = el.parentNode;
	}
	obj.style.backgroundColor = "#e6e6e6";
	
	UI.addEvent(el,'mouseout',UI.toolTip.mouseout.bindAsEventListener(obj.parentNode));	
};

UI.deleteElement = function (_id) {
	 if(_id.hasChildNodes()) {
	  var children = _id.childNodes
	  var n = children.length - 1
	  var lastChild = children.item(n)
	  _id.removeChild(lastChild)
	 }
};

UI.toolTip.mouseout = function( event ){
	var e=event || window.event; var el= e.target || e.srcElement;
	var _id = UI.$('JESToolTip');
	UI.deleteElement(_id);
/*
		var child=null;	
		for(var i=0; i < _id.childNodes.length; i++)
		{
			child = _id.childNodes[i];
			if(child.style.visibility == "visible"){
				child.style.visibility = "hidden";
			}
		}		
*/
	if(!el.UItoolTip) return;
	el.UItoolTip.style.visibility = "hidden";	
		
	this.style.backgroundColor = "#ffffff";	
	var child=null;
	for(var i=0; i < this.childNodes.length; i++)
	{
		child = this.childNodes[i];
		if(child.tagName)
		{
			child.style.backgroundColor = "#ffffff";	
		}	
	}
};




document.write('<div id="JESToolTip"></div>');
UI.toolTip.seq = 1;


function $A(iterable)
{
	if (!iterable) return [];
	var results = [];
	for (var i = 0, length = iterable.length; i < length; i++)
	  results.push(iterable[i]);
	return results;
}

Function.prototype.bind = function()
{
	var __method = this, args = $A(arguments), object = args.shift();
	return function() {
		return __method.apply(object, args.concat($A(arguments)));
	}
}

Function.prototype.bindAsEventListener = function()
{
	var __method = this, args = $A(arguments), object = args.shift();
	return function(event) {
		return __method.apply(object, [event || window.event].concat(args));
	}
}

function getAbsoluteLeft(oNode){
  var oCurrentNode=oNode;
  var iLeft=0;
  while(oCurrentNode.tagName!="BODY"){
	if(oCurrentNode.tagName=="HTML")break;
	iLeft+=oCurrentNode.offsetLeft;
	oCurrentNode=oCurrentNode.offsetParent;
  }
  return iLeft;
}
function getAbsoluteTop(oNode){
  var oCurrentNode=oNode;
  var iTop=0;
  while(oCurrentNode.tagName!="BODY"){
	if(oCurrentNode.tagName=="HTML")break;
	iTop+=oCurrentNode.offsetTop;
	oCurrentNode=oCurrentNode.offsetParent;
  }
  return iTop;
}

var tooltipSrc = "";
var tooltipDoc;
var tooltipReq;
var chkload = 0;

UI.toolTip_kor = function(event, options, loc, obj) {
	var e=event || window.event;
	var el= e.target || e.srcElement;
	el.options={
		className:'UItoolTip',
		mousemove:UI.toolTip.mousemove
	};
	Object.extend(el.options, options);

//	if(!el.UItoolTip){
		el.stitle = el.alt || el.title || el.stitle || el.parentNode.title;
		el.title = el.alt = "";

		if(!el.stitle) return;
/*		
		var child=null;
		for(var i=0; i < el.childNodes.length; i++)
		{
			child = el.childNodes[i];
			if(child.tagName)
			{
				child.stitle = el.stitle;
				UI.addEvent(child, "mouseover", function(event){ UI.toolTip(event,options) } );
			}
		}
*/		
		var kwd = el.stitle;
		var arrKwd = kwd.split("|");
		var numericKwd = "";
		for (var i=1; i<arrKwd.length; i++) {
			numericKwd += arrKwd[i];
		}
		var url = document.urlForm.HAN_TOOLTIP_URL.value;		
		UI.addEvent(el,'mouseout',UI.toolTip.mouseout.bindAsEventListener(el));
		if (url || url != "") {
			tooltipSrc = url + "?chinese=" + kwd;

			UI.loadTooltipReq();

			if (tooltipReq) {
				try {
					tooltipReq.onreadystatechange = function() {
						if(document.urlForm.LAYOUT_SMALL_WINDOW.value == "Y"){
							UI.drawAjaxTooltip("3", loc, el, obj);							
						}else{
							UI.drawAjaxTooltip("0", loc, el, obj);							
						}
					}
					tooltipReq.open("GET",tooltipSrc,true);
					tooltipReq.send(null);
				} catch(err) {
					UI.drawAjaxTooltipError(err);
				}
			}
			else alert("Not available browser!");		
		}
//	}else{
//		UI.addEvent(el,'mouseout',UI.toolTip.mouseout.bindAsEventListener(el));										
//		UI.drawAjaxTooltip("3", loc, el, obj);							
//	}

};


// to show a chinese tooltip box

UI.drawAjaxTooltipError = function(err) {
	alert(err);
}

UI.loadTooltipReq = function(){
	if (window.XMLHttpRequest) {
		tooltipReq = new XMLHttpRequest();
		if (tooltipReq.overrideMimeType) tooltipReq.overrideMimeType("text/xml");
	}
	else if (window.ActiveXObject) {
		tooltipReq = new ActiveXObject("Microsoft.XMLHTTP");
	}
};

UI.drawAjaxTooltip = function(_num, loc, el, obj){
	UI.addEvent(el,'mouseout',UI.toolTip.mouseout.bindAsEventListener(el));							
	var tgtObj;
	var schObj, schImg, schPage;
    if (tooltipReq.readyState == 4) {
        var httpStatus = tooltipReq.status;
        if (httpStatus == 200 && tooltipReq.responseXML != null) {
            tooltipDoc = tooltipReq.responseText;
			if(tooltipDoc){
				
				var d = document.createElement("DIV");		
				d.className = el.options.className;
				d.style.position="absolute";	
				UI.$('JESToolTip').appendChild(d);
				
				el.UItoolTip=d;
				
				var wid = '310px';
				if(loc == "right" || loc == "right_2") wid = '216px';
				if(document.body.clientWidth < 400) wid = '210px';
								
		
				var x = 5000;
				var y = 5000;
				if(el.options.layerFixed) {
					if(el.options.isvsRight){ //Type = vs
						x = getAbsoluteLeft(el) - 298 + "px";
					}else{
						x = getAbsoluteLeft(el) + "px";
						y = getAbsoluteTop(el) + el.offsetHeight + 2 + "px";
					}
				} else {
					x = (e.clientX+scroll.left+10) + "px";
					y = (e.clientY+scroll.top+10) + "px";
				}
				el.UItoolTip.style.zIndex = 10000	
				el.UItoolTip.style.left = x;	
				var small = false;
				if(document.body.clientWidth < 400){
					if(parseInt(x)+210> document.body.clientWidth){
						el.UItoolTip.style.left = parseInt(x)-150;
						small = true;
					}					
				}				
		
				
				var html = "";
				html += '<div style="width:'+wid+';text-align:justify;z-index:1000">';
				if(loc == "right_2"){
					html += '<div style="text-align:left;padding-left:75px;"><img src="http://imgsrc.search.daum-img.net/dic/ico_tooltip.gif" width="18" height="6" style="margin-bottom:-1px;"></div>';				
				}else if(small == true){
					html += "";					
				}else{
					html += '<div style="text-align:left;"><img src="http://imgsrc.search.daum-img.net/dic/ico_tooltip.gif" width="18" height="6" style="margin-bottom:-1px;"></div>';				
				}
				html += '<div style="border-right:1px solid #d9d9d9;">';
				html += '<div style="border:1px solid #90abe4;background-color:#f8fafe;padding:14px">'+tooltipDoc+'</div>';
				html += '<div style="border-bottom:1px solid #d9d9d9;"></div>';
				html += '</div>';						
				html += '</div>';
				el.UItoolTip.innerHTML=html;
						

			  	var scroll = UI.getScroll();
			


				
				if(loc == "right_2"){	
					el.UItoolTip.style.left = parseInt(x)-70;
				}
				el.UItoolTip.style.top =  y;				
			

				el.UItoolTip.style.visibility="visible";
				var parents = null;	
				if(obj == null){
					obj = el.parentNode;
				}
				obj.style.backgroundColor = "#e6e6e6";
			}
        }
    }	
};


UI.toolTip_click = function(event, options, loc, obj) {
	var e=event || window.event;
	var el= e.target || e.srcElement;

	el.options={
		className:'UItoolTip',
		mousemove:UI.toolTip.mousemove
	};
	Object.extend(el.options, options);

	el.stitle = el.alt || el.title || el.stitle || el.parentNode.title;
	el.title = el.alt = "";
//	if(!el.stitle) return;
	
	var child=null;
	for(var i=0; i < el.childNodes.length; i++)
	{
		child = el.childNodes[i];
		if(child.tagName)
		{
			child.stitle = el.stitle;
			UI.addEvent(child, "mouseover", function(event){ UI.toolTip(event,options) } );
			child.style.backgroundColor = "#e6e6e6";	
		}
	}	
	el.stitle = "국립국어원에서 발행한 <span style='color:#6171E9;'>\'주요어휘 용례집\'</span>에서 발췌한 예문입니다.";
	var d = document.createElement("DIV");
	d.className = el.options.className;
	d.style.position="absolute";	
	UI.$('JESToolTip').appendChild(d);

	el.UItoolTip=d;


	var wid = '310px';
	if(loc == "right" || loc == "right_2") wid = '216px';
	var html = "";
		html += '<div class="tooltip_small" style="width:'+wid+';text-align:justify;z-index:1000" onmouseout="javascript:UI.openClose(\''+obj.id+'\');" onmouseover="javascript:UI.openClose(\''+obj.id+'\');" >';
		if(loc == "right_2"){
			html += '<div style="text-align:left;padding-left:75px;"><img src="http://imgsrc.search.daum-img.net/dic/ico_tooltip.gif" width="18" height="6" style="margin-bottom:-1px;"></div>';				
		}else{
			html += '<div style="text-align:left;"><img src="http://imgsrc.search.daum-img.net/dic/ico_tooltip.gif" width="18" height="6" style="margin-bottom:-1px;"></div>';				
		}
		html += '<div style="border-right:1px solid #d9d9d9;">';
		html += '<div style="border:1px solid #90abe4;background-color:#f8fafe;padding:14px 14px 12px 14px;line-height:17px">'+el.stitle+'</div>';
		html += '<div style="border-bottom:1px solid #d9d9d9;"></div>';
		html += '</div>';						
		html += '</div>';
	el.UItoolTip.innerHTML=html;

	var scroll = UI.getScroll();
	if(el.options.layerFixed) {
		if(el.options.isvsRight){ //Type = vs
		  var x = getAbsoluteLeft(el) - 298 + "px";
		}else{
		  var x = getAbsoluteLeft(el) + "px";
		  var y = getAbsoluteTop(el) + el.offsetHeight + 2 + "px";
		}
	} else {
		var x = (e.clientX+scroll.left+10) + "px";
		var y = (e.clientY+scroll.top+10) + "px";
	}

	el.UItoolTip.style.zIndex = 10000	
	el.UItoolTip.style.left = x;	
	var browser = UI.getBrowser();
	if(browser.ff){
		el.UItoolTip.style.top =  parseInt(y)-2 + "px";
		el.UItoolTip.style.left =  parseInt(x)-5 + "px";
	}else{
		el.UItoolTip.style.top =  parseInt(y) +1+ "px";
		el.UItoolTip.style.left =  parseInt(x)-22 + "px";
	}
	if(obj.src == "http://imgsrc.search.daum-img.net/dic/2008/btn_help_on.gif"){
		UI.openClose(obj.id);
		UI.deleteElement(UI.$('JESToolTip'));
		obj.src = "http://imgsrc.search.daum-img.net/dic/2008/btn_help.gif";
	}else if(obj.src == "http://imgsrc.search.daum-img.net/dic/2008/btn_help.gif"){
		obj.src = "http://imgsrc.search.daum-img.net/dic/2008/btn_help_on.gif";
		
	}
};

UI.openClose = function(_id){
	UI.$(_id).src = "http://imgsrc.search.daum-img.net/dic/2008/btn_help.gif";
	UI.deleteElement(UI.$('JESToolTip'));
}


UI.setCursor = function(obj, type) {
	obj.style.cursor = type;
};