//jsx//////////////////////////////////////////////////////////////////////////////////////////////////////
IE = isIE = (window.showModalDialog) ? true : false;
JSX_LOADED = true;
JSX_PATH = jsxGetScriptPath();

with (Array) {
	prototype.isArray= true;
	prototype.search = function (e){for (var x in this) {if (e==this[x])return x;}return false;}
}

with (String) {
	prototype.isString = true;
	prototype.toobj = function (e){addstr="";if (e !== null) var addstr="["+e+"]"; return _ID(this+addstr);}
	prototype.trim = function (){return this.replace(/^\s+|\s+$/,"");}
	
	prototype.getSize = function (font) {

		if(font) obxTextBanker.style.font=font;
		obxTextBanker.innerHTML=this;

		document.body.appendChild(obxTextBanker);
		
		var rtn = {"width" : obxTextBanker.offsetWidth , "height" : obxTextBanker.offsetHeight }

		return rtn;

	}

	prototype.lenB = function (){
		obxMatchStringwithLENB=0;

		this.replace(/[^\x00-\x7e]/g,function ($1) {obxMatchStringwithLENB++;});

		return this.length+obxMatchStringwithLENB;
	}

	prototype.parse = function (mathod){
		
		var tmp;

		if(mathod == OBX_PARSE_STYLE || mathod == undefined) {
			ptn = new Array(/\'/g,/\;|\,/g,/\:/g);
		}else if(mathod == OBX_PARSE_URL) {
			ptn = new Array(/\'/g,/\&|\,/g,/\=/g);
		}

		tmp=this.replace(ptn[0],"\\'");
		tmp=tmp.replace(ptn[1],"','");
		tmp=tmp.replace(ptn[2],"':'");
		eval("tmp = {'"+tmp+"'};");
		return tmp;
	}

}

Number.prototype.toNatural = function () {
	return (this < 0 ) ? 0 : this;
}

Object.prototype.toText = function () {
	
	var text='';

	for(var x in this) 
		if(!this[x].prototype)
		text += x + ":" +this[x] + ";";

	return text;

}

function _ID(e) {return document.getElementById(e)};
function _NAME(e) {return document.getElementsByTagName(e);}
function _NAME_FIRST(e) {try{return document.getElementsByTagName(e).item(0);}catch(e){return false}}
function _NAME_LAST(e) {try{var tmp=document.getElementsByTagName(e); return tmp.item(tmp.length-1);}catch(e){return false}}

function _NEW(e) {return document.createElement(e)}
function _PRINT(e) {document.write(e)}

function _FORM(e) {
		var tmp;

		if(e)
		if(e.constructor == String) {
			if(tmp=_ID(e))
			if(tmp.tagName == "FORM") return tmp;
			else return document.forms[e];
		}else if(e.tagName == "FORM") {
			return e;
		}
		else return false;

}


function _DIRNAME(e) {var a=e.split('/');a.pop(); return a.join('/')}
function _FILENAME(e) {return e.split('/').pop();}


function jsxGetScriptPath(){
	
	var src=_DIRNAME(_NAME_LAST("SCRIPT").src)+"/";
	if(src=='/') src='./'

	return src;
}


//obx//////////////////////////////////////////////////////////////////////////////////////////////////////
OBX_PARSE_STYLE = 1;
OBX_PARSE_URL = 2;

function addEvent(obj,eve,fnc){

	if(IE){
		obj.attachEvent(eve , fnc);
	} else {
		eve=eve.replace('on','');
		obj.addEventListener(eve , fnc, false)
	}

}

function removeEvent(obj,eve,fnc){

	if(IE){
		obj.detachEvent(eve , fnc);
	}else{
		eve=eve.replace('on','');
		obj.removeEventListener(eve , fnc, false)
	}

}



function obxToggle(obj) {

	if(obj.isString) obj = _ID(obj);

	return obj.style.display = (obj.style.display) ? '' : 'none';

}


function obxSetObject(obj) {
	obj.attribute = function (name) {return this.attributes.getNamedItem(name).value};
	obj.hide = function () {return this.style.display='none'};
	obj.show = function () {return this.style.display=''};
}
	

obxDragUnset();
obxDragTimeTable = {0:1,24:1,3:3,6:2,9:6,12:4,15:12,18:8,21:9}
addEvent(document,"onmousedown",obxDragStart);
obxShadow=document.createElement("div");
obxShadow.className="obxShadow";

obxHightlight=document.createElement("div");
obxHightlight.className="obxHightlight";
obxHightlight.onmouseout=LowlightDiv;

obxTextBanker = document.createElement("span");
obxTextBanker.className="obxTextBanker";

function obxDrag(id,opt,shadow) {
//alert(event.srcElement.tagName);
	if(opt.isArray) {
		obxDragMethodTime = obxDragTimeTable[opt[1]];
		obxDragMethod = opt[0];
	}else obxDragMethod = opt;

	obxDragObject = _ID(id);
	
	if(obxDragMethodTime & 1 || obxDragMethodTime & 8) 
		obxDragObject.style.position="absolute";

	obxDragShadow = shadow;

}

function obxDragUnset() {

	obxDragObject = '';
	obxDragMethod = '';
	obxDragMethodTime = '';
	obxDragShadow = '';

}


function obxDragStart(){

	if (obxDragObject) {
		
		document.body.style.cursortmp = document.body.style.cursor;
		document.body.style.cursor = event.srcElement.style.cursor;

		
		var xy = getObjectXY(obxDragObject);

		obxDragObject.defaultTop = xy.y;
		obxDragObject.defaultLeft = xy.x;

		//obxDragObject.defaultTop = obxDragObject.offsetTop;
		//obxDragObject.defaultLeft = obxDragObject.offsetLeft;
		obxDragObject.defaultWidth = obxDragObject.offsetWidth;
		obxDragObject.defaultHeight = obxDragObject.offsetHeight;

		obxDragObject.style.top = obxDragObject.defaultTop+"px";
		obxDragObject.style.left = obxDragObject.defaultLeft+"px";
		obxDragObject.style.width = obxDragObject.defaultWidth+"px";
		obxDragObject.style.height = obxDragObject.defaultHeight+"px";

		if(obxDragShadow) {
			obxShadow.style["minwidth"]=obxDragObject.style["minwidth"];
			obxShadow.style["maxwidth"]=obxDragObject.style["maxwidth"];
			obxShadow.style["minheight"]=obxDragObject.style["minheight"];
			obxShadow.style["maxheight"]=obxDragObject.style["maxheight"];

			obxShadow.style.top = obxShadow.defaultTop = obxDragObject.defaultTop;
			obxShadow.style.left = obxShadow.defaultLeft = obxDragObject.defaultLeft;
			obxShadow.style.width = obxShadow.defaultWidth = obxDragObject.defaultWidth;
			obxShadow.style.height = obxShadow.defaultHeight = obxDragObject.defaultHeight;
			obxShadow.style.position="absolute";
			document.body.appendChild(obxShadow);
			obxShadowOwner = obxDragObject;
			obxDragObject = obxShadow;
		}

		if(obxDragMethod == "move" || obxDragMethodTime & 1 || obxDragMethodTime & 8) { 
			obxDragObject.style.tmpposition=obxDragObject.style.position;
			obxDragObject.style.position="absolute";
			if(obxShadowOwner)obxShadowOwner.style.position="absolute";
		}

		obxDragStartMousePosition = {'x' : event.x , 'y' : event.y};

		addEvent(document,"onmousemove",obxDragging);
		addEvent(document,"onmouseup",obxDragEnd);
		//addEvent(document.body,"onmouseleave",obxDragError);
		document.onselectstart=new Function("return false;");

	}

}


function obxDragging(){

	if(event.button != 1) {
		obxDragEnd();
		return;
	}

	if(obxDragMethod=='move'){

		obxDragObject.style.left = obxDragObject.defaultLeft - (obxDragStartMousePosition.x - event.x)
		obxDragObject.style.top = obxDragObject.defaultTop - (obxDragStartMousePosition.y - event.y)

	}else if(obxDragMethod=='resize'){

		var sizeX= obxDragStartMousePosition.x - event.x;
		var sizeY= obxDragStartMousePosition.y - event.y;

		var time = obxDragMethodTime;
		var resizer = obxDragObject.style
		var tmp;

		try{

			if (time & 4) {
				obxResizer(obxDragObject,"height",obxDragObject.defaultHeight - sizeY);
			}else if (time & 1) {
				
				if((tmp = obxResizer(obxDragObject,"height",obxDragObject.defaultHeight + sizeY)) === 0) {
					resizer.top = obxDragObject.defaultTop - sizeY;
				}else{
					resizer.top = obxDragObject.defaultTop  - sizeY + tmp;
				}
			
			}
				
			if (time & 2) {
				obxResizer(obxDragObject,"width",obxDragObject.defaultWidth - sizeX);
			}else	if (time & 8) {
				if((tmp = obxResizer(obxDragObject,"width",obxDragObject.defaultWidth + sizeX)) === 0) {
					resizer.left = obxDragObject.defaultLeft - sizeX;
				}else{
					resizer.left = obxDragObject.defaultLeft - sizeX + tmp;
				}
			}

		}catch(e) { 
			resizer.width = obxDragObject.offsetWidth;
			resizer.height = obxDragObject.offsetHeight;
		}

	}else if(mode) {};

}

function obxDragEnd(){

	if(obxDragShadow){
		if (obxDragMethod=="move") {
			obxShadowOwner.style.position="absolute";
			obxShadowOwner.style.left = obxShadow.style.left;
			obxShadowOwner.style.top = obxShadow.style.top;
		}else{
			obxShadowOwner.style.left = obxShadow.style.left;
			obxShadowOwner.style.top = obxShadow.style.top;
			obxShadowOwner.style.height =obxShadow.style.height;
			obxShadowOwner.style.width =obxShadow.style.width;
		}
		try{document.body.removeChild(obxShadow);}catch(e){}
	}
	document.body.style.cursor='';
	obxDragUnset();
	removeEvent(document,"onmousemove",obxDragging);        
	removeEvent(document,"onmouseup",obxDragEnd);
	document.onselectstart = null;

}

function objectStatic(){

	for (var key =0 ; key<staticobj.length; key++) {
		obj=_ID(staticobj[key]);
		if(!obj.lefttemp) obj.lefttemp=obj.offsetLeft
		if(!obj.toptemp) obj.toptemp=obj.offsetTop

		obj.style.left=document.body.scrollLeft+obj.lefttemp;
		obj.style.top=document.body.scrollTop+obj.toptemp;
	}

}

sc=setCookie = function (name,value,day){
	var today= new Date();
	today.setDate(today.getDate() + day);
	document.cookie = name + "=" + escape(value) + "; path=/; expires=" + today.toGMTString() + ";"
}

gc = getCookie = function (name){
	var re = new RegExp("\\b"+name+"\\=([^;]*)","ig");
	var m = document.cookie.match(re)
	if(m) return unescape(RegExp.$1);
	else return "";
}

function getObjectXY(obj){
  var point = { x: 0, y: 0 };
  while (obj)
  {
	point.x += obj.offsetLeft;
	point.y += obj.offsetTop;

	if(obj.tagName != "BODY") {
		point.x -= obj.scrollLeft;
		point.y -= obj.scrollTop;
	}
	
	obj = obj.offsetParent;
  }
  return point;
}



function getLastestElement(){

	if (arguments[0]) var target = document.getElementsByTagName(arguments[0]);
	else var target = document.all(arguments[0]);

	var level=arguments[1] ? arguments[1] : 1;

	return target[target.length-level];

}



function obxMyWindow(){

	var height=100,width=100,top=100,left=100,title='Window';

	eval ("var "+arguments[0]);

	document.write(''+
		'<table style="position:absolute;'+
		'height:'+height+';width:'+width+
		';top:'+top+';left:'+ left +
		';display:none;border:2px outset;background-color:eeeeee" cellpadding="0" cellspacing="0" onmouseover="obxResizeMyWindow(this)">'+
		'<tr><td style="padding:0;border-left:2px solid #inactiveborder;border-top:1px solid #inactiveborder;'+
		'filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#0A246A , EndColorStr=#eeeeee);'+
		'" width=100% height=23><span style="width:100%;color:ffffff" onmouseover="this.style.cursor=\'move\';" onmousedown="obxDrag(this.parentElement.parentElement.parentElement.parentElement.uniqueID,\'move\',1)"> @ '+title+'</td>'+

		'<td bgcolor=#EDEDED style="padding:3;border-right:1px solid #inactiveborder;border-top:1px solid #inactiveborder;">'+
		'<button onfocus=blur(); style="width:15;height:15;font-family:Webdings;font-size:9pt;margin-top:1"><span style="position:relative; top:-4; left:-2">0</button>'+
		'<button onfocus=blur(); style="width:15;height:15;font-family:Webdings;font-size:9pt;margin-top:1"><span style="position:relative; top:-4; left:-2">2</button>'+
		'<font style="font-size:4pt;">&nbsp;</font>'+
		'<button onfocus=blur(); style="width:15;height:15;font-family:Webdings;font-size:8pt;margin-top:1"><span style="position:relative; top:-5; left:-1">r</button>'+

		'<a id=zzz></a></td></tr><tr>'+
		'<td colspan=2 style="padding:3;padding-left:2;padding-top:2;background-color:#inactiveborder;border:0pt #3399ff solid"><div style="background-color:window;border:1px inset;width:100%;height:100%">'
	);

	this.owner=getLastestElement("table");
	
	this.show=function () {this.owner.style.display="";}

	this.drawEnd=function (){document.write("<div></td></tr></table>");}

}


function obxResizeMyWindow(obj){
	var tmp=0,tmp2="";

	if(event.offsetY+8 > obj.style.pixelHeight) {
		tmp+=1;
		tmp2+="n";
	}else if(event.offsetY < 2) {
		tmp+=12;
		tmp2+="n";
	}

	if(event.offsetX+8 > obj.style.pixelWidth) {
		tmp+=0;
		tmp2+="w";
	}else if(event.offsetX < 2) {
		tmp+=-0;
		tmp2+="w";
	}

	if(tmp2) {
		obj.style.cursor=tmp2+"-resize";
		obj.onmousedown=function(){
			obxDrag(obj.uniqueID,['resize',3],1)
		}
	}
	else {
		obj.onmousedown="";
		obj.style.cursor="" ;
	}

	//zzz.innerHTML=+" "+


	return false;
}

function obxSelect(obj){
	if(IE){
		tmp=document.selection.createRange();tmp.moveToElementText(obj);
		tmp.select();
	}else{
		window.getSelection().selectAllChildren(obj);
	}
}

obxPushObject='';
function obxPush(obj){

	obj.style.tmpPosition = obj.style.position;
	obj.style.position = 'relative';

	addEvent(obj, 'onmouseup', obxPull);
	addEvent(obj, 'onmouseout', obxPull);

	obj.style.top = obj.style.left = 1;

	obxPushObject=obj;

}

function obxPull(){
	
	var obj = obxPushObject;

	removeEvent(obj , 'onmouseup', obxPull);
	removeEvent(obj, 'onmouseout', obxPull);

	obj .style.top = obj .style.left = 0;

	obj.style.position=obj.style.tmpPosition;
}

function obxResizer(obj, dir, size) {

	var rtn=0;

	if(!obj.style['max'+dir]) obj.style['max'+dir] = 65535;
	if(!obj.style['min'+dir]) obj.style['min'+dir] = 0;

	if(obj.style['min'+dir] <= size && obj.style['max'+dir] >= size)
		obj.style[dir] = size;
	else if(obj.style['min'+dir] >= size) {
		obj.style[dir] = obj.style['min'+dir];
		rtn =  size - obj.style['min'+dir];
	}else if(obj.style['max'+dir] <= size) {
		obj.style[dir] = obj.style['max'+dir];
		rtn =  size - obj.style['max'+dir];
	}

	return rtn;

}

function obxTabPage(sizex , sizey){

	document.write(
		'<table align=center cellpadding="0" cellspacing="0" style="table-layout:fixed;padding:1;height:'+sizey+';width:'+sizex+'">' +
		'<tr><td class=obxTP_button_null width=*>&nbsp;</td></tr>'+
		'<tr><td width=100%> </td></tr>'+  
		'</table>'
	);

	this.height=sizey;
	this.width=sizex;

	this.table=getLastestElement("table");
	this.titleRow=this.table.rows[0];
	this.nullCell = this.titleRow.cells[0];

	this.contentRow = this.table.rows[1];
	this.contentCell = this.contentRow.cells[0];
	this.contentCell.className="obxTP_content";
	this.item= new Array();
	
	this.length=0;
	

	this.addStart= function (id,title,opt,action) {
		var iIndex=(opt) ? opt-1 : 0;
		var titletmp=title.split(":");
		title = titletmp[1];
		
		this.item[id] = this.titleRow.insertCell(iIndex);

		this.item[id].className="obxTP_button_title"
		this.item[id].parentObject=this;

		this.item[id].onclick=Function("this.parentObject.show('"+id+"');");
		if(action) this.item[id].action = action;

		this.item[id].height=25;
		this.item[id].innerHTML=title;

		document.write('<div style="display:none;width:100%;height:100%"><div>');

		this.item[id].content = getLastestElement("div",2);

		this.DrawingID=id;

		this.length++;

		this.contentCell.colSpan=this.length+1;

	}
	

	this.addEnd = function () {
		document.write("</div></div>");

		this.contentCell.appendChild(this.item[this.DrawingID].content);

		if(!this.LastShownItemID) this.show(this.DrawingID,1);
		
		if(location.hash == "#" + this.DrawingID) this.show(this.DrawingID);
	}

	this.show = function (id,runtime){
		if (this.LastShownItemID) this.hide(this.LastShownItemID);
		this.LastShownItemID = id;
		this.item[id].className='obxTP_button_title_select';
		this.item[id].content.style.display='';
		if(!runtime) 	location.hash =id;
	
		if(this.item[id].action) {
			try{eval(this.item[id].action);}catch(e){}}
	}


	this.hide = function (id){
		this.item[id].className='obxTP_button_title';
		this.item[id].content.style.display="none";
	}

}

function obxFormCheck(form){

	var elms,getCheck,checkError;

	form=_FORM(form);
	elms = form.elements;
	var t=form.getElementsByTagName('div');

	if(!t.length || !t[0].name=='obxCheck') {
		//alert("Haven't \"Check Infomation\"");
		return true;
	}	
	
	var check = t[0].innerHTML;

	eval('check = {'+check+'};');

	for (var x in check){

		if(elms[x]) {
			getCheck = check[x].parse();

			if(elms[x].update) elms[x].update();

			if(getCheck['same']) {
				if(form.elements[getCheck['same']].value != elms[x].value) {
					checkError = "not same which '"+getCheck['same']+"' filed ."; break;
				}
			}
			if(getCheck['max'] && elms[x].value.length > getCheck['max']) {
				checkError = "contains words longer than "+getCheck['max']+" characters."; break;
			}
			if(getCheck['min'] && elms[x].value.length < getCheck['min']) {
				checkError = "contains words shorter than "+getCheck['min']+" characters."; break;
			}
			if(getCheck['nullcheck'] && elms[x].value.replace(/( )|(&nbsp;)|(?�)/g,'').trim().length == 0) {
				checkError = "cannot be empty."; break;
			}
			if(getCheck['nullhtmlcheck'] && elms[x].value.replace(/(<[^>]*>)|(&nbsp;)|(?�)/g,'').trim().length == 0) {
				checkError = "cannot be empty or only TAGs"; break;
			}

		}
	
	}

	if(checkError) {
		alert('"'+getCheck.name+'" '+checkError);
		elms[x].focus();
		return false;
	}else return true;

}

function obxInlineIframe(HTML,option) {

	var styleFiles = "",cssUrl="",z,tmp;

	if(option) option=option.parse();

	z=document.createElement("iframe");
		z.frameBorder="no";
		z.className=option['class'];
	
	document.body.appendChild(z);

	if (IE) {
		z.onload = Function("_ID('"+z.uniqueID+"').style.height=_ID('"+z.uniqueID+"').contentWindow.document.body.scrollHeight +8;");
	}else{
		z.onload=function(){
			this.style.height=this.contentWindow.document.body.scrollHeight +8;
		}
	}

	for(tmp in document.styleSheets){
		cssUrl = document.styleSheets[tmp].href;
		if( cssUrl && cssUrl != location.href) styleFiles += "<link rel=stylesheet href='"+ cssUrl +"' type='text/css'>\r\n";
	}

	with(z.contentWindow.document){
		open("text/html", "replace");
		write("<html>"+
				"<head>"+styleFiles+"</head>"+
				"<body>");
		write(HTML);
		write("</body></html>");
		
		close();
	}

}


function obxFormRender(pForm,aName,aValue) {
	var ainput;

	if(pForm[aName]) return false;

	if(!aValue) aValue = '';

	if (IE) {
		ainput=document.createElement('<input name="'+aName+'" value="'+aValue+'" style=display:none>');
		pForm.appendChild(ainput);
	}
	else {
		ainput=document.createElement('input');
		ainput.style.display='none';
		ainput.name=aName;
		pForm.appendChild(ainput);
		ainput.value=aValue;
	}

	
}

function obxAlert(title,msg,opt,after) {

	var msgsize = msg.getSize("10pt Verdana");

	var height = (msgsize.height > 225)? msgsize.height + 75 : 225
	var args = {
		'dialogWidth' : msgsize.width + 170 +"px",
		'dialogHeight' : height + "px",
		'edge' : 'raised',
		'center' : 1,
		'help' : 0,
		'scroll' : 0,
		'resizable':0,
		'status':0
	}

	if(opt){
		if(!opt.image) opt.image="info2.png";
		if(!opt.sound) opt.sound="tada.wav";
	}else opt = {'sound' : "tada.wav", 'image' : "info2.png"}

	window.showModalDialog(OBX_PATH+'/obxAlert.htm',[title,msg,opt],args.toText());

	if(after) eval(after);

}


function obxPrompt(title,msg){

	var modalOption ="dialogHeight: 100px; dialogWidth: 200px; dialogTop: px; dialogLeft: px; edge: Sunken; center: Yes; help: No; resizable: No; status: No;";
	return window.showModalDialog(OBX_PATH+'/obxPrompt.htm',{"title" : title,"msg" : msg},modalOption);

}

obxRoundDiv=0;
function obxDivRound(targetDiv, mode){

	if(!targetDiv || !IE ) {
		try{obxRoundDiv.style.display='none'}catch(e){};
		return false;
	}
	if(!obxRoundDiv ){
		obxRoundDiv=document.body.appendChild(document.createElement("div"));
		obxRoundDiv.className = 'obxDivRound';
	}

	var xy=getObjectXY(targetDiv);

	obxRoundDiv.style.left = xy.x;
	obxRoundDiv.style.top = xy.y;
	var w = obxRoundDiv.style.width = targetDiv.clientWidth;
	var h = obxRoundDiv.style.height  = targetDiv.clientHeight;

	obxRoundDiv.style.zIndex = parseInt(targetDiv.style.zIndex) + 1

	obxRoundDiv.innerHTML = 
	'<img><img style="left:'+(w)+'"><br>'+
	'<img style="top:'+(h)+'"><img style="top:'+(h)+';left:'+(w)+'">';

	obxRoundDiv.style.display='';
	
}

obxScrollAnimateInfo=false;
function obxScrollAnimate(x,y,cnt) {

	if(!cnt) {
		if(obxScrollAnimateInfo) return false;
		if(x > document.body.scrollWidth-document.body.clientWidth) x = document.body.scrollWidth-document.body.clientWidth;
		if(y > document.body.scrollHeight-document.body.clientHeight) y = document.body.scrollHeight-document.body.clientHeight;

		obxScrollAnimateInfo ={'x':x, 'y':y}

	}

	scrollx = (document.body.scrollLeft + obxScrollAnimateInfo.x) /2;
	scrolly = (document.body.scrollTop + obxScrollAnimateInfo.y) /2;

	window.scrollTo(scrollx, scrolly);

	tmp = obxScrollAnimateInfo.x - scrollx + obxScrollAnimateInfo.y - scrolly

	if(tmp > 1 )setTimeout("obxScrollAnimate(0,0,1)" ,10);
	else obxScrollAnimateInfo =false;
}


obxDivAutoScrollLastObject =''
obxDivAutoScrollTimer='';
function obxDivAutoScrollLR(obj) {
	if(obxDivAutoScrollTimer) clearTimeout(obxDivAutoScrollTimer)

	if(obxDivAutoScrollLastObject || obj){ 
		obj = (obxDivAutoScrollLastObject) ? obxDivAutoScrollLastObject :  obj;

		if(obj.scrollWidth <= parseInt(obj.clientWidth)) return false;

		if(!obj.appended) { 
			obj.appended=1; 
			obj.step= (gc("obxDivAutoScroll")) ? gc("obxDivAutoScroll"): 10;
			obj.defaultScrollWidth = obj.scrollWidth;
			obj.innerHTML += " "+obj.innerHTML;
		}
		obj.scrollLeft+=1;
		if(obj.scrollLeft == obj.defaultScrollWidth) obj.scrollLeft=1;

		if(!obj.onmouseout) obj.onmouseout = function () {
			obxDivAutoScrollLastObject.scrollLeft=0
			obxDivAutoScrollLastObject=''
		}
		if(!obj.onmouseup) obj.onmouseup = function () {
			var t=obxDivAutoScrollLastObject;
			t.step += 10;
			if(t.step>100) t.step=10;
			sc("obxDivAutoScroll",t.step,365);
		}

		obxDivAutoScrollLastObject = obj;

	}else	return false;

	if(obxDivAutoScrollLastObject) obxDivAutoScrollTimer = setTimeout(obxDivAutoScrollLR , obxDivAutoScrollLastObject.step);

}


function HighlightDiv(obj){

	if(document.readyState.toLowerCase() == 'complete')
	if(!obxHightlight.parentNode) {
		var tmp = document.body.appendChild(obxHightlight);
		if(tmp) tmp.style.display='none';
	}

	if(obj.scrollHeight > obj.clientHeight || obj.scrollWidth > obj.clientWidth);
	else {
		this.onmouseover=null;
		return false;
	}

	var xy=getObjectXY(obj);

	obxHightlight.style.display="";
	
	obxHightlight.style.left=xy.x-4;
	obxHightlight.style.top=xy.y;
	obxHightlight.innerHTML=obj.innerHTML;
	if(obj.onclick) {
		obxHightlight.onclick=obj.onclick;
		obxHightlight.className+=" hand";
	}

	obxHightlightTimer = setTimeout("obxHightlight.style.display='none'",5000)
 }

function LowlightDiv(){
	clearTimeout(obxHightlightTimer);
	obxHightlight.style.display="none";
	obxHightlight.className ="obxHightlight";
	obxHightlight.onclick=null;
}


function obxAddAutoResizer(obj) {

	obj.insertAdjacentElement("beforeBegin",divObj = _NEW("div"))

	divObj.style.cursor = "pointer";
	divObj.style.position= "relative";
	divObj.style.backgroundColor= "ivory";
	divObj.style.border= "1pt #000000 solid";
	divObj.mode = 0;
	divObj.innerHTML = "?�크�?;
	divObj.parent = obj
	
	divObj.defaultSize = parseInt(obj.clientHeight);
	
	if(obj.tagName=="IFRAME") {

		divObj.onclick = function () { 
			if(this.mode == 0) {

				this.parent.style.height = this.parent.contentWindow.document.body.scrollHeight+20
				
				this.parent.contentWindow.document.obxAutoResizerParent = divObj;
				this.parent.contentWindow.document.onpaste=
				this.parent.contentWindow.document.onkeydown= function () {
					this.obxAutoResizerParent.parent.style.height = this.body.scrollHeight+20
				}

				this.innerHTML = "?�동?�임"
				this.mode=1;

			}else{
				this.parent.contentWindow.document.onpaste=
				this.parent.contentWindow.document.onkeydown=null
				divObj.parent.style.height = this.defaultSize
				this.innerHTML = "?�크�?
				this.mode=0;
			}
		}
	
	}

}



function obxPng24(obj) {
	obj.width=obj.height=1;
	obj.className=obj.className.replace(/\bpng24\b/i,''); 
	obj.style.filter =
	"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+	obj.src +"',sizingMethod='image');"
	obj.src='';
	return '';
}

function obxCSSWritet() {
	document.write(
		"<style>"+
		"div.obxShadow {border:2px #cccccc dashed}"+
		"div.obxDivRound {position:absolute}"+
		"div.obxDivRound img{position:relative;height:1;width:1;background-color:ffffff;}"+
		"div.obxHightlight {border:1px #000000 solid;background-color:#FFFFEA;position:absolute;padding:3px;}"+
		"span.obxTextBanker {position:absolute;top:-1000}"+
		""+
		"</style>"
	);
}


//mxml//////////////////////////////////////////////////////////////////////////////////////////////////////
XML = new function () {
	
	try {
		this.Connector = new ActiveXObject("Microsoft.XMLHTTP");
		this.getAllText = function(xml){return (xml.lastChild) ? xml.xml : ''}
		this.merge = function (xml,xsl){return xml.transformNode(xsl);}

	} catch (e) {
		try {
			this.Connector	= new XMLHttpRequest();
			this.Serializer	= new XMLSerializer();
			this.Processor	= new XSLTProcessor();

			this.getAllText = function(xml){return this.Serializer.serializeToString(xml)}
			this.merge = function (xml,xsl){
				this.Processor.importStylesheet(xsl);
				return this.Serializer.serializeToString(this.Processor.transformToFragment(xml, document));
			}
		} catch (e) { alert('Can\'t using mXML'); }
	}

	this.open = function (url, method, sync){

		sync = (sync) ? true : false;

		var tmp = '', QueryData = null;
		
		if(method){
			if(method.toUpperCase() == "P" || method.toUpperCase() == "POST"){
				tmp=url.split("?");
				url=tmp[0];
				QueryData=tmp[1];
				method = "POST";
			}
		}else method='GET';

		this.Connector.open(method, url, sync);
		if(QueryData){
			this.Connector.setRequestHeader("Content-Type", "application/x-www-form-urlencoded") 
			this.Connector.setRequestHeader("Content-length", QueryData.length) 
		}
		this.Connector.send(QueryData);

		var rtn=this.Connector.responseXML;
		
		return rtn;
	}

}

function XMLObject(url) {

	this.XML=XML.open(url);
	this.toHTML=this.transform=XMLObject_transform;
	this.toText=XMLObject_toText;

}
function XMLObject_toText() {
	return XML.getAllText(this.XML.lastChild)
}
function XMLObject_transform(xml) {

	if(!xml) return this.toText();
	if(xml.constructor == String) xml=XML.open(xml);
	else if(xml.XML) xml=xml.XML;

	return XML.merge(this.XML,xml);
}


//visualarea//////////////////////////////////////////////////////////////////////////////////////////////////////


VISUALAREA_PATH = jsxGetScriptPath();

function vaSetVisualArea(textarea) {

		if(isIE) {
			textarea.setVisualArea = VisualAreaClass;
			textarea.setVisualArea();
		}

}


function VisualAreaClass() {
	
	this.style.display = 'none';
	if(this.text) this.value=this.text;

	//main table
	with(this.mainDiv = this.insertAdjacentElement('beforeBegin', _NEW("div"))){
		style.width = parseInt(this.style.width)+20
	}

	//menu
	this.menuArea1 = this.mainDiv.appendChild(_NEW("<div unselectable='on'>"));
		this.menuArea1.parent=this;
		this.menuArea1.style.padding=3;
		this.menuArea1.style.paddingLeft=10;
		this.menuArea1.style.backgroundColor="#eeeeee";
		this.menuArea1.style.borderBottom="1pt #cccccc solid";
		this.menuArea1.childen = new Array();
		this.menuArea1.add=vAreaMenu_add
		vaSetMenu(this.menuArea1);

	this.menuArea2 = this.mainDiv.appendChild(_NEW("<div unselectable='on'>"));
	this.menuArea2.parent=this;
	this.menuArea2.innerHTML = "&nbsp;&nbsp;&nbsp;";
	this.menuArea2.appendChild(this.menuArea2.btn1 = _NEW("<span unselectable='on'>"));
		this.menuArea2.style.height=35;
		this.menuArea2.style.padding=4
		this.menuArea2.style.display='none';		
		this.menuArea2.style.backgroundColor="#eeeeee";
		
		RUNTIMEEMP = this.menuArea2.btn1.mode = "off";
		this.menuArea2.btn1.parent=this.menuArea2;
		this.menuArea2.btn1.style.marginTop=7
		this.menuArea2.btn1.style.cursor="hand";
		this.menuArea2.btn1.style.width=100;
		this.menuArea2.btn1.style.textAlign="center";
		this.menuArea2.btn1.style.border="1pt #ffffff outset";
		this.menuArea2.btn1.innerHTML = "edit";

		this.menuArea2.btn1.onclick = function () {
			this.parent.parent.htmlArea.contentWindow.document.body.innerHTML=
				vaSimpleHTMLEMP(this.parent.parent.htmlArea.contentWindow.document.body.innerText);
		}

	//html
	with (this.htmlArea = this.mainDiv.appendChild(_NEW("div")).appendChild(_NEW("<iframe frameBorder=0>"))){

		//this.htmlArea.parentElement.style.padding="5px";

		style.width=this.style.width;
		style.height=this.style.height;
		style.border="10px #eeeeee solid";
		//src = VISUALAREA_PATH + "/default.htm";

	}	

	this.htmlArea.textArea = this;

	this.htmlArea.styleSheets = document.styleSheets
		
	with (this.htmlArea.contentWindow.document) {
		var cssString='';
		for (var x in document.styleSheets) {
			if(x !="length")	 cssString += document.styleSheets[x].cssText+"\r\n" ;
		}

		open("");
		write("<html><style>"+cssString+"</style><body id=body class=fs3 style='background:;margin:3px' >"+this.value+"</body></html>");
		close();

		designMode='on';

	}

	obxAddAutoResizer(this.htmlArea)


	this.statArea = this.mainDiv.appendChild(_NEW("<div unselectable='on'>"));
	this.statArea.mode1 = this.statArea.appendChild(_NEW("<span unselectable='on'>"));
	this.statArea.mode2 = this.statArea.appendChild(_NEW("<span unselectable='on'>"));
	this.statArea.parentElement.style.backgroundColor="fafafa";
	
	this.statArea.mode = 1;
	this.statArea.parent=this;
	this.statArea.mode1.parent = this.statArea
	this.statArea.mode2.parent = this.statArea

	with (this.statArea.mode1.	style) {
		this.statArea.mode1.mode = 1
		this.statArea.mode1.innerHTML = "edit";
		cursor='pointer'
		padding=2;
		width=50;
		textAlign ="center"
		backgroundColor="eeeeee"
	}

	with (this.statArea.mode2.	style) {
		this.statArea.mode2.mode = 2
		this.statArea.mode2.innerHTML = "source";
		cursor='pointer'
		padding=2;
		width=50;
		textAlign ="center"
		backgroundColor="cccccc"
	}

	this.statArea.mode2.onclick = vaChangeMode



	//etc
	this.textArea = this;
	this.textArea.update = function (){
		if(this.statArea.mode == 1){
			this.textArea.value = this.htmlArea.contentWindow.document.body.innerHTML;
		}else if(this.statArea.mode == 2){
			this.textArea.value = this.htmlArea.contentWindow.document.body.innerText;
		}
	}
	this.htmlArea.update = function (){this.htmlArea.contentWindow.document.body.innerHTML = this.textArea.innerHTML;}
	//this.setExpression("value", "this.htmlArea.innerHTML");

	this.focus = function () {
		this.htmlArea.contentWindow.document.body.focus();
	}

}



function vaChangeMode(){

	this.parent['mode'+this.parent.mode].style.backgroundColor = "cccccc";
	this.parent['mode'+this.parent.mode].onclick=vaChangeMode;

	this.parent.parent['menuArea'+this.parent.mode].style.display = "none";


	this.parent.mode = this.mode;
	this.onclick=null;
	this.style.backgroundColor = "eeeeee";
	this.parent.parent['menuArea'+this.parent.mode].style.display = "";

	switch(this.mode) {

		case 1:
			this.parent.parent.htmlArea.contentWindow.document.body.innerHTML=
				this.parent.parent.htmlArea.contentWindow.document.body.innerText;

				this.parent.parent.htmlArea.contentWindow.document.onkeyup = null

			break;

		case 2:
			
			this.parent.parent.htmlArea.contentWindow.document.body.innerHTML=
				vaSimpleHTMLEMP(this.parent.parent.htmlArea.contentWindow.document.body.innerHTML);
			
			//this.parent.parent.htmlArea.contentWindow.document.onkeyup = EMPRUN

			break;

	}

}

function EMPRUN() {

	if(RUNTIMEEMP=="off") return true;

	var book = this.selection.createRange().getBookmark();
	this.body.innerHTML = vaSimpleHTMLEMP(this.body.innerText);
	var t = this.selection.createRange();
	t.moveToBookmark(book);
	t.select();

}

REG_HTML = new RegExp();
REG_HTML_ATTRIBUTE = new RegExp();
REG_HTML.compile(/\&lt;(\/?\w+)((?:[^>&]|&(?!lt;))*)>/g);
REG_HTML_ATTRIBUTE.compile(/(?:\s*([^=]*)\s*=\s*((?:\"[^\"]*\")|(?:\'[^\']*\')|(?:[^\s]*)))|(\w+)/g);

function vaSimpleHTMLEMP(str) {//return text

	str = str.replace(/&/g,"&amp;");

	str = str.replace(/</g,"&lt;");
	str = str.replace(REG_HTML,
		function($0,$1,$2) { 
			if($2) $2 = vaSimpleHTMLEMP2($2);
			str = "<font color=0000ff>&lt;"+$1+$2+"&gt;</font>"
			return str;
		}
	);

	str = str.replace(/\r/g,"<br>");

	return str;
}


function vaSimpleHTMLEMP2(str) {

	str=str.replace(REG_HTML_ATTRIBUTE,
		function($0,$1,$2,$3) {
			if($3) return " <font color=ff0000>" + $3 + "</font>";
			else return " <font color=ff0000>"+$1+"</font>=<font color=ff00ff>"+$2+"</font>";
		});
	return str;
}


function vAreaMenu_add(img, text, command, args){
	var node, cNode;


	if (img == "==="){
		var node = this.insertAdjacentElement("beforeEnd",
			_NEW("<img src='"+VISUALAREA_PATH+"/img/separation.png' align=absmiddle>"));
		node.style.margin=3
		this.childen.push(node);
		return node;
	}

	

	node = _NEW("<span unselectable='on'>");
	cNode = _NEW("<span unselectable='on'>");
	node.icon=_NEW("<img unselectable='on'>");
	
	node.style.backgroundColor = "#eeeeee";
	node.style.height = 21;
	node.onmouseover = function () {this.style.backgroundColor = '#6600FF';}
	node.onmouseout = function () {this.style.backgroundColor = '';}
	this.insertAdjacentElement("beforeEnd",node);
	
	node.icon.alt=text
	cNode.style.margin=1
	cNode.style.width = cNode.style.height = 20;
	cNode.style.backgroundColor = "#eeeeee";
	node.insertAdjacentElement("beforeEnd",cNode);

	//cmd btn
	node.icon.style.width = node.icon.style.height = 20;
	node.icon.src=VISUALAREA_PATH+"/"+img;
	node.icon.align='absmiddle';
	node.icon.parent=node;
	cNode.insertAdjacentElement("beforeEnd",node.icon);


	node.icon.exec = vArea_exec;

	node.parent = this;
	node.setSubmenu = vAreaMenuSetSubmenu;
	node.setExec = vAreaMenuSetExec
	this.childen.push(node);
	return node;

}

function vAreaMenuSetExec(commandType, args) {

		this.icon.args = args;
		this.icon.command = commandType;

	if(commandType.isString) {

		this.icon.onmousedown = function (){obxPush(this);}
		this.icon.onclick = function (){this.exec(this.command, this.args);}

	}else{

		this.icon.onmousedown = function (){obxPush(this);}
		this.icon.onclick = function (){ commandType(this.args);}
	}

}


function vAreaMenuSetSubmenu(title, filename, arg) {

	var img;

	img = _NEW('<img unselectable="on">');
	img.height = 20;img.width=8;
	img.align='absmiddle';
	img.src=VISUALAREA_PATH+"/img/down.png";
	img.style.backgroundColor = "#eeeeee";
	img.style.margin = 1;img.style.marginLeft=0;
	
	img.onmouseover = function () {this.style.backgroundColor = "#ccccfa";}
	img.onmouseout = function () {this.style.backgroundColor = "#eeeeee";}
	img.onmousedown = function () {obxPush(this);}
	img.onmouseup = function () {this.showSubmenu();}
	
	img.parent = this;
	img.showSubmenu = vAreaMenuOpenSubmenu;
	this.insertAdjacentElement("beforeEnd",img);

	this.submenu = {'title' : title, 'filename' : filename , 'arg' : arg};

}


function vAreaMenuOpenSubmenu(args) {
	if (!args){
		var xy = getObjectXY(this.parent);
		var sendObject = this.parent

		showModelessDialog(VISUALAREA_PATH + "/submenus/"+sendObject.submenu.filename+".html",
			sendObject,
			"dialogtop:"+(xy.y+window.screenTop+24-document.body.scrollTop)+"px; dialogleft:"+(xy.x+window.screenLeft)+"px; "+
			"dialogHeight:100px ; dialogWidth:100px ; help:no ; status : 0 ;unadorned:1 ;dialogHide:1; scroll:0; "
		);

	}else{

		showModalDialog(VISUALAREA_PATH + "/submenus/"+args['filename']+".html",
			args.sendObject,
			"help:no ; status : 0 ;unadorned:1 ;dialogHide:1; scroll:0; center:1; "+args.opt
		);

	}

}



//
// exec
//
function vArea_exec(command, args){

	var HTMLDocument = this.parent.parent.parent.htmlArea.contentWindow.document

	var tmp,tmp2=false,cnt=0;
	var selection = HTMLDocument.selection;
	if(selection.type.toLowerCase() == "control") {
		alert("here isnt textrange");
		return false;
	}
	var targetRange = selection.createRange()

	var t=targetRange.parentElement();
	var ok=false;
	do{
		if(t.isContentEditable) {ok=true;break;}
		if(t==window) break;

	}while(t=t.parentElement);
	if(!ok) {
		HTMLDocument.body.focus();
		targetRange=HTMLDocument.selection.createRange();
		targetRange.moveToElementText(HTMLDocument.body);
		targetRange.setEndPoint('StartToEnd',targetRange)
		targetRange.select();
	}

	var exec = targetRange.execCommand;

	if(command == "style") command=args[0];

		switch (command.toLowerCase()) {

			case 'removeformat':
			case 'fontname' : case 'fontsize' :case 'forecolor' :case 'backcolor' :
			case 'bold' : case 'italic' :case 'underline' :case 'strike' :case 'bold' :
			case 'createlink' :case 'insertimage' :
				exec (command,false,args[0] );
				break;

			case 'html' :
				targetRange.pasteHTML(args);
				break;

			case 'emp' :
				try{XML} catch(e){
					alert("mXML not loaded");
					return false;
				}
				
				var encode=encodeURIComponent;
				var charset ="utf-8";
				
				var empLanguage = args;
				var empString = targetRange.text;

				if(!empString) {alert('select source');return false;}

				var loadEMP = XML.open(VISUALAREA_PATH+"/../emp/emp.php?"+
					"lang="+encode(empLanguage)+
					"&str="+encode(empString)+
					"&xml=1&charset="+charset,"post");

				var loadEMPText = XML.getAllText(loadEMP);

				if(!loadEMPText) alert("parse error");
				else targetRange.pasteHTML(loadEMPText.replace(/<\/?emp>/ig,''));

				break;

		}


}

//
// shout key
//
function vArea_onkeydown() {
	alert(event.keyCode);
alert("ASd");
	if(event.ctrlKey && event.keyCode == 66) {
		vArea_exec('block')
		return false;
	}

	if(event.ctrlKey && event.keyCode == 73) {
		vArea_exec('i')
		return false;
	}
	
	if(event.ctrlKey && event.keyCode == 85) {
		vArea_exec('u')
		return false;
	}


}


function vaSetMenu(obj){
	with (obj) {	
		var node ;
		node = add('img/clean.png',"clean attribute");
		node.setExec('removeformat','');

		add('===');

		node = add('img/font.png',"font");
			node.setExec('fontname', ['gulim']);
			node.setSubmenu('font', 'font', '');

		node = add('img/size.png',"size");
			node.setExec('fontsize',['2']);
			node.setSubmenu('size', 'size', '');

		add('===');
		node = add('img/style.png',"style");
			node.setExec('style',['bold']);
			node.setSubmenu('style', 'style', '');

		add('===');

		node = add('img/forecolor.png',"forecolor",'forecolor',['000000']);
			node.setExec('forecolor',['000000']);
			node.setSubmenu('forecolor', 'forecolor', '');
		node = add('img/backcolor.png',"backcolor");
			node.setExec('backcolor',['000000']);
			node.setSubmenu('backcolor', 'backcolor', '');
		add('===');

		node = add('img/emoticon.png',"emoticon");
			node.setExec('html',"<img src="+VISUALAREA_PATH+"/img/emoticon.png align=absmiddle>");
			node.setSubmenu('emoticon', 'emoticon', '');

		node = add('img/image.png',"link");
			node.setExec(
				vAreaMenuOpenSubmenu,{
					'sendObject': node, 
					'type' : 'modal' , 
					'filename' : 'link', 'opt' : 'dialogHeight:550px ; dialogWidth:700px ;'});

		
		add('===');

		node = add('img/table.png',"table");
			node.setExec (
				vAreaMenuOpenSubmenu, {
					'type' : 'modal',
					'sendObject': node, 
					'filename' : 'table',
					'opt' : 'dialogHeight:100px ; dialogWidth:100px ; resizable : 1;status:1;'
				}
			);

		add('===');

		node = add('img/source.png',"library");
			node.setExec (
				vAreaMenuOpenSubmenu, {
					'type' : 'modal',
					'sendObject': node, 
					'filename' : 'library',
					'opt' : 'dialogHeight:500px ; dialogWidth:700px ;'
				}
			);

		add('===');
		node = add('img/emp.png',"emp : HTML");
			node.setExec('emp',"html");
			node.setSubmenu('emp', 'emp', '');

	}
}'T'nEB`:$`