var UI={
	_browser : null
};

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.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}
};

var html = "";
UI.cnLayer = function(text1,text2, type){
	if(type == "1"){
		html = '<div style="text-align:justify;">';
		html += '<div style="text-align:left;"><img src="images/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;text-align:left; font-size:38px;color:#1e0fdd; font-family:times new roman, simsun, ±¼¸², Arial;">'+text1+'<br><div style="text-align:center;font-size:18px; color:#1e0fdd; font-family:times new roman, simsun, ±¼¸², Arial;">'+text2+'</div></div>';
		html += '<div style="border-bottom:1px solid #d9d9d9;"></div>';
		html += '</div>';
		html += '</div>';
	}else if(type == "2"){
/*
		html = '<div style="text-align:justify;">';
		html += '<div style="text-align:left;"><img src="images/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;text-align:left; font-size:38px;color:#1e0fdd; font-family:times new roman, simsun, ±¼¸², Arial;">'+text1+'<br><div style="text-align:center;font-size:12px; color:#3a9ee7; font-family:times new roman, simsun, ±¼¸², Arial;">'+text2+'</div></div>';
		html += '<div style="border-bottom:1px solid #d9d9d9;"></div>';
		html += '</div>';
		html += '</div>';
*/
	}
	return html;
}

UI.cnLayer_han = function(text1, text2, text3, type){
		html = '<div style="text-align:justify;font-family:¹ÙÅÁ;">';
		html += '<div style="text-align:left;"><img src="images/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 16px 14pxtext-align:left;">';
		html += '<span style="font-size:28px; color:#1e0fdd;font-weight:bold">'+text1+'</span>';
		html += '<span style="font-size:13px; color:#000;font-family:µ¸¿ò;padding-left:8px;">'+text2+'</span>';
		html += '<br><span style="font-size:13px; color:#000;font-family:µ¸¿ò;padding-top:8px;line-height:20px;">'+text3+'</span>';
		html += '</div>';
		html += '</div>';
		html += '<div style="border-bottom:1px solid #d9d9d9;"></div>';
		html += '</div>';
	return html;
}

UI.cnLayer_han2 = function(text1, text2, text3, type){
  html = '<div style="text-align:justify;font-family:¹ÙÅÁ;">';
  html += '<div style="text-align:left;"><img src="images/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 16px 14px;text-align:left;">';
  html += '<span style="font-size:16px; color:#000;font-weight:bold">'+text1+'</span>';
  html += '<span style="font-size:12px; color:#000;font-family:µ¸¿ò;padding-left:8px;">'+text2+'</span>';
  html += '<br><span style="font-size:12px; color:#000;font-family:µ¸¿ò;padding-top:8px;line-height:20px;">'+text3+'</span>';
  html += '</div>';
  html += '</div>';
  html += '<div style="border-bottom:1px solid #d9d9d9;"></div>';
  html += '</div>';
 return html;
}
		
UI.cnLayer_han = function(text1, text2, type){
		html = '<div style="text-align:justify;font-family:¹ÙÅÁ;">';
		html += '<div style="text-align:left;"><img src="images/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;text-align:left;">';
		html += '<span style="font-size:28px; color:#1e0fdd">'+text1+'</span>';
		html += '<br><span style="font-size:13px; color:#1e0fdd;padding-top:6px;">'+text2+'</span>';
		html += '</div>';
		html += '</div>';
		html += '<div style="border-bottom:1px solid #d9d9d9;"></div>';
		html += '</div>';
	return html;
}

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);

	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 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") wid = '216px';
		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;
	el.UItoolTip.style.top =  parseInt(y)-2;
	el.UItoolTip.style.visibility="visible";
	var parents = null;	
	if(obj == null){
		obj = el.parentNode;
		el.style.backgroundColor = "#e6e6e6";		
	}
	obj.style.backgroundColor = "#e6e6e6";



	UI.addEvent(el,'mouseout',UI.toolTip.mouseout.bindAsEventListener(el));	
}
UI.toolTip.mouseout = function( event ){
	var e=event || window.event; var el= e.target || e.srcElement;
	if(!el.UItoolTip) return;
	el.UItoolTip.style.visibility="hidden";
	this.style.backgroundColor = "#ffffff";	
	if(el.options.mousemove) UI.delEvent(document, "mousemove",  el.options.mousemove);	
}

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;
}