var commonStyle='<style type="text/css">td,textarea {font-size:9pt;font-family:돋움;color:#464646} a { color:#464646; text-decoration:none; } a:visited { color:#464646; text-decoration:none; } a:hover { color:#464646; text-decoration:underline; } img{border:0} .pointer{cursor:pointer}</style>'
;

var commonCSS = 'html, body, div, span, object, iframe,	h1, h2, h3, h4, h5, h6, p, blockquote, pre,	a, abbr, address, big, cite, code,	del, dfn, em, font, img, ins, q, s, samp,	small, strike, strong, sub, sup, tt, var,	b, u, i,	dl, dt, dd, ol, ul, li,	fieldset, form, label, legend,	table, caption, tbody, tfoot, thead, tr, th, td	{margin: 0;padding: 0;	border:0; }, img{border:0} ';
	
	
function fn_SetCommonStyle(css)
{
	try{

		$.get(css, null, function(resp){
			$('#style').html(commonCSS+'\n'+resp);
			initBodyStyle=resp;
		},'text');
		

		//alert(commonStyle);
	}catch(e){}
}



function over(obj){
	obj.src = obj.src.replaceAll('.gif', '_on.gif');
}

function out(obj){
	obj.src = obj.src.replaceAll('_on.gif', '.gif');
}

function fn_ShowHTML(EDITOR_ID){

	if(document.getElementById(EDITOR_ID+'-editor-html').checked==true)
	{
		changeHtml(EDITOR_ID, 1);
	}
	else
	{
		changeHtml(EDITOR_ID, 0);
	}
}



function Cursorpos(EDITOR_ID, target) {
  if (isGecko) return;

  if (target == "img" || target == "link" || target == "emot")
  {
    SetHtmlAreaFocus(EDITOR_ID); // 이모티콘의 포커스 관련해서 꼭 필요!!!

    if( isIE5 )
      cursorpos = rHtmlArea.document.selection.createRange();
    else
      cursorpos = document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.selection.createRange();
  } else {
    if (isIE5)
      cursorpos = rHtmlArea.document;
    else
      cursorpos = document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document;
  }
}

function Div_Show(EDITOR_ID, str) {
	if (str == "emot") { alert('이모티콘 기능은 현재 준비 중 입니다.'); return; }
  Div_Close(EDITOR_ID);
  Cursorpos(EDITOR_ID, str);
  
  var windowcontents = '';
  if( !isIE5 ) {
    var windowcontents = document.getElementById(EDITOR_ID+str).contentWindow.document;
  } else {
    var windowcontents= eval(str+".document");
  }

  windowcontents.open();
  var layerleft=0; 
  var layertop=0;
  var layerwidth=0;
  var layerheight=0;

  //좌측메뉴의 공간
  var leftMenuSize = 0;

  if (str == "emoticon") {
      windowcontents.write(getEmoticonHTML(EDITOR_ID));
      layertop=leftMenuSize+0;layerleft=225;layerwidth=283;layerheight=223;
  } else if (str == "font_face") {
      windowcontents.write(getFontFaceHTML(EDITOR_ID));
      layertop=0;layerleft=leftMenuSize+0;layerwidth=220;layerheight=145;
  } else if (str == "font_size") {
      windowcontents.write(getFontSizeHTML(EDITOR_ID));
      layertop=0;layerleft=leftMenuSize+60;layerwidth=310;layerheight=220;
  } else if (str == "font_color") {
      windowcontents.write(getFontColorHTML(EDITOR_ID));
      layertop=0;layerleft=leftMenuSize+202;layerwidth=213;layerheight=250;
  } else if (str == "font_bg") {
      windowcontents.write(getFontBackColorHTML(EDITOR_ID));
      layertop=0;layerleft=leftMenuSize+236;layerwidth=213;layerheight=270;
  } else if (str == "bg_color") {
      windowcontents.write(getBgColorHTML(EDITOR_ID));
      layertop=0;layerleft=leftMenuSize+176;layerwidth=213;layerheight=162;
  } else if (str == "img") {
      windowcontents.write(getImgUploadHTML(EDITOR_ID));
      layertop=0;layerleft=leftMenuSize+350;layerwidth=213;layerheight=228;
  } else if (str == "link") {
      windowcontents.write(getLinkHTML(EDITOR_ID));
      layertop=0;layerleft=leftMenuSize+400;layerwidth=213;layerheight=130;
  } else if (str == "table") {
      windowcontents.write(getTableHTML(EDITOR_ID));
      layertop=0;layerleft=leftMenuSize+360;layerwidth=213;layerheight=383;
  }

  if (isGecko) { layerwidth += 2;layerheight += 10; }

  windowcontents.close();
  document.getElementById(EDITOR_ID+str).style.display = 'inline';
  document.getElementById(EDITOR_ID+str).style.left = layerleft + 'px';
  document.getElementById(EDITOR_ID+str).style.height = layerheight + 'px';
  document.getElementById(EDITOR_ID+str).style.width = layerwidth + 'px';
}

function Div_Close(EDITOR_ID) {
  document.getElementById(EDITOR_ID+"font_face").style.display = 'none';
  document.getElementById(EDITOR_ID+"font_size").style.display = 'none';
  document.getElementById(EDITOR_ID+"font_color").style.display = 'none';
  document.getElementById(EDITOR_ID+"font_bg").style.display = 'none';
  //document.getElementById(EDITOR_ID+"bg_color").style.display = 'none';
  document.getElementById(EDITOR_ID+"emot").style.display = 'none'; 
  document.getElementById(EDITOR_ID+"img").style.display = 'none'; 
  document.getElementById(EDITOR_ID+"link").style.display = 'none'; 
  document.getElementById(EDITOR_ID+"table").style.display = 'none'; 
}
function Div_Close_Delay(delaytime) {
  setTimeout("Div_Close()", delaytime);
}


function Div_Hide(EDITOR_ID, str){
  document.getElementById(EDITOR_ID+str).style.display = 'none';
  if (str == "img") {
    var form = document.getElementById(EDITOR_ID+'upfileForm');
  //  fileUploadReset(document.getElementById("img_preview"), form);
  }
}

function SetHtmlAreaFocus(EDITOR_ID) {
  if( isIE5 )
    rHtmlArea.focus();
  else
    document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.focus();
}

function nl2br(src) {
  return src.replace(/\r?\n/g, "<br/>");
}
function br2brnl(src) {
  return src.replace(/<br[^>]*>/gi, "<br/>\n");
}

var isIE5 = 0;
var isIE6 = 0;
var isIE7 = 0;
var isIE8 = 0;
var isGecko = 0;
var isHTML = 0;
var capaHTML = 0;

// 초기 배경색
var setBgColor = '#FFFFFF';
// 초기화 Style..
var initFontSize = '10pt';
var initFontFamily = 'Gulim,AppleGothic,sans-serif';
var initFontColor = '#444';
var initBodyStyle = 'p{margin-top:0px;margin-bottom:0px;} body{font-size:'+initFontSize+';font-family:'+initFontFamily+';color:'+initFontColor+';margin:5px 0 0 5px;}';
var cursorpos = null;



// 초기화...
var _EDITOR_LOAD_COMpLETE = 0;
function initEdit(EDITOR_ID, css)
{
	if(css!='')	fn_SetCommonStyle(css);
	
	
	
    var Agt = navigator.userAgent.toLowerCase();

	if ( navigator.product == "Gecko" )  {
	    capaHTML = 1;
	    isGecko = 1;
	} else if ( Agt.indexOf("msie") != -1 && Agt.indexOf("opera") == -1 ) {

		if     ( Agt.indexOf("msie 5.0") != -1 ) isIE5 = 1;
		else if( Agt.indexOf("msie 6") != -1 )   isIE6 = 1;
		else if( Agt.indexOf("msie 7") != -1 )   isIE7 = 1;
		else if( Agt.indexOf("msie 8") != -1 )   isIE8 = 1;
		capaHTML = 1;
	}

	if( capaHTML == 0 ) {
		document.getElementById(EDITOR_ID+'isHtml').value = 1;
	    document.getElementById(EDITOR_ID+'rHtmlArea').style.display = 'none';
	    document.getElementById(EDITOR_ID+'rTextArea').style.backgroundColor = '#F3F3F3';
	    document.getElementById(EDITOR_ID+'rTextArea').style.display = 'inline';
	
	    return;
	}

	if( isIE5 ) {
	    rHtmlArea.document.open();
	    rHtmlArea.document.write('<head><style type="text/css">'+initBodyStyle+'</style></head><body>' + document.getElementById('EditorContents').value + '</body>');
	    rHtmlArea.document.close();
	    rHtmlArea.document.designMode = 'on';
	} else {
	    document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.open();
	    document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.write('<head><style type="text/css">'+initBodyStyle+'</style></head><body>' + document.getElementById(EDITOR_ID).value + '</body>');
	    document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.close();
	    document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.designMode = 'on';
	}
//  viewSignature("load");
//  nametag_view('load');

	_EDITOR_LOAD_COMpLETE = 1;
}

// Command 실행
function LayerCommandExec(EDITOR_ID, menu_id,opt) {
  Div_Close(EDITOR_ID);
  CommandExec(EDITOR_ID, menu_id, opt);  
//  SetHtmlAreaFocus(EDITOR_ID);
}


/**
 * 테이블(표) 삽입 - skc091117
 */
function InsertTable(EDITOR_ID, col, row, width, height, border, color )
{
	Div_Close(EDITOR_ID);
	
	var tr = '';
	
	for(var i=0;i<row;i++){
		tr += '<tr>';
		for(var j=0;j<col;j++){
			tr += '<td></td>';
		}
		tr += '</tr>';
	}
	
	var  table = '';
	table += '<table style="width:'+width+'px; height:'+height+'px;border-collapse:collapse;"  border="'+border+'" cellSpacing=0 cellPadding=0 bordercolor="'+color+'"><tbody>';
	table += tr;
	table += '</tbody></table>';

	SetHtmlSource(EDITOR_ID, table);
	
	//document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.focus();
	//var eEdit = document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.selection.createRange();
	//eEdit.pasteHTML(table);

}

function CommandExec(EDITOR_ID,  menu_id, opt )
{
  if( document.getElementById(EDITOR_ID+'isHtml').value != 0 ) {
    alert("에디터모드가 아닙니다. 에디터모드로 전환한 후에 사용하셔야 합니다.");
    return;
  }

  if( capaHTML == 0 ) {
    alert("에디터모드를 지원하지 않는 브라우저입니다.");
    return;
  }

  SetHtmlAreaFocus(EDITOR_ID);
  
  if (menu_id == "backcolor" ) _setBgColor = opt;

  if ( !isGecko && menu_id == "backcolor" ) {
    if (isIE5) {
      HtmlArea.document.body.style.backgroundColor = opt;
    } else {
      document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.body.style.backgroundColor = opt;
    }
  } else if ( menu_id == "hr" ) {
    if( !isGecko ) {
      if( isIE5 )
        var eEdit = HtmlArea.document.selection.createRange();
      else
        var eEdit = document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.selection.createRange();

      eEdit.pasteHTML( "<hr/>" );
    } else {
      hr = document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.createElement("hr");
      insertNodeAtSelection( document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow , hr);
    }

    return;

  } else if( menu_id == "hyperlink") {
    opt = opt.replace(/^\s*/,'').replace(/\s*$/, '');
    if (opt.search(/^http:\/\//i)) {
      opt = "http://" + opt;
    }

    if (opt.toLowerCase() != "http://")
    {
      if( !isGecko ) {
        var hyper_link = opt;

        if(cursorpos.htmlText==null || cursorpos.htmlText=='' || cursorpos.htmlText==' ') {
          //cursorpos.pasteHTML("<a href='"+hyper_link+"' target='_blank'>"+hyper_link+"</a>");

        } else {
          var thisLink = cursorpos.htmlText;
          var pattern = '<a href="*"';
          var matches = ExtractMatches( new RegExp( pattern, "gi" ), thisLink);

          if ( matches.length > 0 ) {
            var UnLink = thisLink.substring(thisLink.indexOf("blank>")+6,thisLink.indexOf("</A>"));
            cursorpos.execCommand("UnLink",false,UnLink);
            thisLink = UnLink;
          }
          if ( hyper_link != '' && hyper_link != ' ') cursorpos.pasteHTML("<a href='"+hyper_link+"' target='_blank'>"+thisLink+"</a>");
        }
      } else {
        sel = document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.getSelection();

        if (typeof sel != "undefined") {
          range = sel.getRangeAt(0);
        } else {
          range = document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.createRange();
        }

        document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.execCommand("CreateLink",false , opt);
      }
    }
    //link.document.getElementById('linkinput').value = 'http://';

  } else if (menu_id == "emotImage") {
    menu_id = 'InsertImage';
    if (!isGecko) {
      if( !opt ) cursorpos.execCommand( menu_id, false, false );
      else       cursorpos.execCommand( menu_id, "", opt );
    } else {
      if( !opt ) document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.execCommand( menu_id, false, false );
      else document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.execCommand( menu_id, "", opt );
    }
  }else {

    if( !isGecko && menu_id == 'hilitecolor' ) menu_id = 'backcolor';

    if( isIE5 ) {
      if( !opt ) rHtmlArea.document.execCommand( menu_id, false, false );
      else rHtmlArea.document.execCommand( menu_id, "", opt );
    } else {
      if( !opt ) document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.execCommand( menu_id, false, false );
      else document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.execCommand( menu_id, "", opt );
    }
  }
}

function insertNodeAtSelection(win, insertNode)
{
  var sel = win.getSelection();

  var range = sel.getRangeAt(0);

  sel.removeAllRanges();

  range.deleteContents();

  var container = range.startContainer;
  var pos = range.startOffset;

  range=document.createRange();

  if (container.nodeType==3 && insertNode.nodeType==3) {
    container.insertData(pos, insertNode.nodeValue);

    range.setEnd(container, pos+insertNode.length);
    range.setStart(container, pos+insertNode.length);

  } else {
    var afterNode;
    if (container.nodeType==3) {

      var textNode = container;
      container = textNode.parentNode;
      var text = textNode.nodeValue;

      var textBefore = text.substr(0,pos);
      var textAfter = text.substr(pos);

      var beforeNode = document.createTextNode(textBefore);
      afterNode = document.createTextNode(textAfter);

      container.insertBefore(afterNode, textNode);
      container.insertBefore(insertNode, afterNode);
      container.insertBefore(beforeNode, insertNode);

      container.removeChild(textNode);
    } else {
      afterNode = container.childNodes[pos];
      container.insertBefore(insertNode, afterNode);
    }

    range.setEnd(afterNode, 0);
    range.setStart(afterNode, 0);
  }

  sel.addRange(range);
}

function ExtractMatches( re, text ) {
  var results = new Array() ;
  var arr = re.exec(text)
  while(arr != null)
  {
    var match = new Match() ;
    match.Text = arr[0] ;
    for (var i=1; i<arr.length; i++)
    {
      match.Groups[i-1] = arr[i] ;
    }
    results[results.length] = match ;
    arr = re.exec(text) ; 
  }
  return results ;
}

function Match() {
  this.Text = null ;
  this.Groups = new Array() ;
}

function getOrgSource(EDITOR_ID) {
  var ResultContext;
  if (document.getElementById(EDITOR_ID+'isHtml').value == 0) {
    if( isIE5 )
      ResultContext = rHtmlArea.document.body.innerHTML;
    else
      ResultContext = document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.body.innerHTML;
  } else {
    ResultContext = document.getElementById(EDITOR_ID+'rTextArea').value;
  }
  return ResultContext;
}

function changeHtml(EDITOR_ID, toHtml)
{
	//alert(document.getElementById(EDITOR_ID+'isHtml').value);
	//alert(toHtml);
	alertBeforeUnload = false; // 화면전환 alert flag

//  alert(document.getElementsByName('nowEditType')[0].value);
  // 0:editor mode, 1:html(textarea) mode, 2:text(textarea) mode

	if (capaHTML == 0 && toHtml == 0) {
	    alert("죄송합니다. 현재 에디터의 기능은, \n\nMSIE계열과 모질라계열 브라우져에서만 가능합니다.");
	    return;
	}

	var szContent = getOrgSource(EDITOR_ID);
	//alert(toHtml+' >>>>>>>>>>  '+EDITOR_ID+' >>>>>>>>>>  '+szContent);
	
	
	if (document.getElementById(EDITOR_ID+'isHtml').value == 2) szContent = nl2br(szContent);

	if (toHtml == 0 && document.getElementById(EDITOR_ID+'isHtml').value != 0) { /*** change to EDITOR ***/
	    if (document.getElementById(EDITOR_ID+'isHtml').value == 1 && isGecko) szContent = szContent.replace(/[\r\n]/g, "");
	
	    document.getElementById(EDITOR_ID+'TextArea').style.display = 'none';
	    document.getElementById(EDITOR_ID+'HtmlArea').style.display = 'inline';
	
	    if( isIE5 ) {
	      rHtmlArea.document.body.innerHTML = szContent;
	      rHtmlArea.document.designMode = 'on';
	    } else {
	      document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.body.innerHTML = szContent;
	      document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.designMode = 'on';
	    }
	
	    if (!isGecko && document.getElementById(EDITOR_ID+'isHtml').value == 1) {
	//      if (szContent.search(/view_attach\.asp\?target=/) != -1) {
	        	//alert('첨부하신 이미지가 보이지 않을 경우,\n' +	              '이미지영역 위에 마우스의 오른쪽 버튼을 클릭하시고\n' +	              '"그림표시"를 선택하시면 됩니다.');
	//      }
	    }
	
	    document.getElementById(EDITOR_ID+'isHtml').value = 0;



  } else if (toHtml == 1 && document.getElementById(EDITOR_ID+'isHtml').value != 1) { /*** change to HTML ***/
    szContent = br2brnl(szContent);

    document.getElementById(EDITOR_ID+'HtmlArea').style.display = 'none';
    document.getElementById(EDITOR_ID+'TextArea').style.display = 'inline';
    document.getElementById(EDITOR_ID+'rTextArea').value = szContent;

    document.getElementById(EDITOR_ID+'isHtml').value = 1;

  } else if (toHtml == 2 && document.getElementById(EDITOR_ID+'isHtml').value != 2) { /*** change to TEXT ***/
    if (!confirm("텍스트모드로 전환하시면 글자체, 글자크기, 이미지 등의 HTML 태그 정보가 사라지게 됩니다.\n\n계속하시겠습니까?")) return;

    if (document.getElementById(EDITOR_ID+'isHtml').value == 0) {
      if (!isGecko) {
        if( isIE5 )
          szContent = rHtmlArea.document.body.innerText;
        else
          szContent = document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.body.innerText;
      } else {
        szContent = document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.body.innerHTML;
        szContent = br2brnl(szContent);
        szContent = szContent.replace(/<[^>]*>/g, "");
      }
    } else if (document.getElementById(EDITOR_ID+'isHtml').value == 1) {
      szContent = szContent.replace(/<[^>]*>/g, "");
    }

    document.getElementById(EDITOR_ID+'HtmlArea').style.display = 'none';
    document.getElementById(EDITOR_ID+'TextArea').style.display = 'inline';
    document.getElementById(EDITOR_ID+'rTextArea').value = szContent;

    document.getElementById(EDITOR_ID+'isHtml').value = 2;
  }

    try{
	    if(toHtml == 2) document.getElementsByName('html')[0].value = '0';
	    else  document.getElementsByName('html')[0].value = '2';
    }catch(e){}
  //toggleLayers(toHtml);
}


function GetHtmlSource(EDITOR_ID) {
  var _setBgColor = '#FFFFFF';
  var szContent = getOrgSource(EDITOR_ID);
  if (document.getElementById(EDITOR_ID+'isHtml').value == 0) {
    szContent = br2brnl(szContent);
  } else if (document.getElementById(EDITOR_ID+'isHtml').value == 2) {
    szContent = szContent.replace(/</g, "&lt;");
    szContent = nl2br(szContent);
  }

    if (document.getElementById(EDITOR_ID+'isHtml').value != 2 && if_letter._CLICK_ID_ == "") _setBgColor = setBgColor;
    
  /******************** letter skin start ********************/
  var bodyHtml = '';
  __UpIMG = document.getElementById(EDITOR_ID+'rLetterUp').contentWindow.document.body.innerHTML;
  __BGIMG = document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.body.background;
  __DNIMG = document.getElementById(EDITOR_ID+'LetterDn').innerHTML;  

  if (if_letter._CLICK_ID_ != "") {
    bodyHtml += '<table width=100% border=0 cellpadding=0 cellspacing=0>';
    bodyHtml += '<tr><td valign=top>'+__UpIMG+'</td></tr>';
    bodyHtml += '<tr><td background="'+__BGIMG+'" valign=top style="word-wrap:break-word;padding:5px 10px 5px 10px;height:350px;width:660px">'+ szContent +'</td></tr>';
    bodyHtml += '<tr><td valign=bottom>'+__DNIMG+'</td></tr>';
    bodyHtml += '</table>';
    } else {
        bodyHtml = szContent;
    }
    /******************** letter skin end ********************/

  var outerszContent = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><style type="text/css">p{margin-top:2px;margin-bottom:2px;}</style></head><body><div style="width:700px;height:150px;font-size:'+initFontSize+'; font-family:'+initFontFamily+';background:'+_setBgColor+'">' + bodyHtml + '</div></body></html>';


  // 최종 편지지변호를 저장한다.
  document.mailform.letternum.value = if_letter._CLICK_ID_;

  return outerszContent;
}

function SetHtmlSource(EDITOR_ID, SetConText) {
	
  var ResultContext;
  if (document.getElementById(EDITOR_ID+'isHtml').value != 0) {
    if( isIE5 )
      document.getElementById(EDITOR_ID+'rTextArea').value += SetConText;

    else
      document.getElementById(EDITOR_ID+'rTextArea').value += SetConText;

  } else {
    if( isIE5 )
      rHtmlArea.document.body.innerHTML += SetConText;
    else
      document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.body.innerHTML += SetConText;
  }
}

function setDefaultEditor(EDITOR_ID, toHtml) {
  if (toHtml == 0) return;

  if (document.getElementById(EDITOR_ID+'rHtmlArea') == null) {
    setTimeout("setDefaultEditor(" + toHtml + ")", 100);
  } else {
    changeHtml(EDITOR_ID, toHtml);
  }
}


function fileCheck(EDITOR_ID, preview, form) {
  file = form.file.value;
  pathpoint = file.lastIndexOf('.');
  filepoint = file.substring(pathpoint+1,file.length);
  filetype = filepoint.toLowerCase();

  if (filetype=='jpg'||filetype=='gif'||filetype=='png'||filetype=='jpeg'||filetype=='bmp') {
    if ( isGecko ) {
      preview.innerHTML = '<font color="#B0B0B0">미리보기는 MSIE 6.0이하에서만<br />가능 합니다.</font></td>';
    } else {
      if (isIE7 || isIE8) {
        preview.innerHTML = '<font color="#B0B0B0">미리보기는 MSIE 6.0이하에서만<br />가능 합니다.</font></td>';
      } else {
        preview.innerHTML = '<img src="' + file + '" style="width:180px;height:120px">';
      }
    }
  } else {
    alert('이미지 파일만 업로드 하실 수 있습니다.');
    fileUploadReset(preview, form);
    return false;
  }

  if(filetype=='bmp') {
    upload = confirm('BMp 파일은 웹상에서 사용하기엔 적절한 이미지 포맷이 아닙니다.\n그래도 계속 하시겠습니까?');
    if(!upload) return false;
  }
}

function fileUpload(EDITOR_ID, preview, form) {
  if( document.getElementById(EDITOR_ID+'isHtml').value != 0 ) {
    alert("에디터모드가 아닙니다. 에디터모드로 전환한 후에 사용하셔야 합니다.");
    return;
  }
  //form.target = 'upfileFrame';

  form.submit();
  fileUploadReset(EDITOR_ID, preview, form);
}

function fileUploadReset(EDITOR_ID, preview, form) {
  form.reset();
//  preview.innerHTML = '<font color="818181">이미지가 전송중입니다.<br />잠시만 기다려 주세요</font><br /><br /><img src='/editor/images/progressbar.gif' width=140></td>';
  preview.innerHTML = '<font color="818181">이미지가 전송중입니다.<br />잠시만 기다려 주세요</font><br /><br /><img src="'+_op_editor_images+'/progress.gif" width="35" /></td>';

}


function getEmoticonHTML(EDITOR_ID) {
var emothtml = commonStyle;
emothtml += '<div style="position:absolute;top:0;left:0;width:283;border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline;z-index:100">';
emothtml += '<table border="0" cellpadding="0" cellspacing="0" width="100%">';
emothtml += '<tr>';
emothtml += '<td valign="top" align="right" style="padding:6px 6px 0 0"><img src="'+_op_editor_images+'/btn_exit.gif" width="7" height="7" border="0" class="pointer" onclick="parent.Div_Hide(\''+EDITOR_ID+'\', \'emot\')">';
emothtml += '</td></tr><tr>';
emothtml += '<td style="padding:0 8 8 8" bgcolor="#F6F6F6">';
emothtml += ' <iframe src=./emoticon.html scrolling=no frameborder=0 width=260 height=200 marginheight=0 marginweight=0>';
emothtml += '</td></tr></table></div>';
return emothtml;
}

function getFontFaceHTML(EDITOR_ID)
{
	var fontfacehtml = commonStyle;
	fontfacehtml+='<div  style="position:absolute;top:0;left:0;width:220;border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline">';
	//fontfacehtml+='<div  style="position:absolute;border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline">';
	
	fontfacehtml+='<table border="0" cellpadding="0" cellspacing="0" width="100%">';
	fontfacehtml+='<tr>';
	fontfacehtml+='<td align="right" style="padding:6px 6px 0 0"><img src="'+_op_editor_images+'/btn_exit.gif" width="7" height="7" border="0" class="pointer" onclick="parent.Div_Hide(\''+EDITOR_ID+'\', \'font_face\')"></td>';
	fontfacehtml+='</tr>';
	fontfacehtml+='<tr>';
	fontfacehtml+='<td style="line-height:15px;padding:0 0 10 10px">';
	fontfacehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontname\',\'Dotum\');"><font face="돋움">가나다라마바사 (돋움)</font></a><br />';
	fontfacehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontname\',\'굴림\');"><font face="굴림">가나다라마바사 (굴림)</font></a><br />';
	fontfacehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontname\',\'바탕\');"><font face="바탕">가나다라마바사 (바탕)</font></a><br />';
	fontfacehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontname\',\'궁서\');"><font face="궁서">가나다라마바사 (궁서)</font></a><br />';
	fontfacehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontname\',\'Arial\');"><font face="Arial">ABCDEFGHIJKL (Arial)</font></a><br />';
	fontfacehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontname\',\'Tahoma\');"><font face="Tahoma">ABCDEFGHIJKL (Tahoma)</font></a><br />';
	fontfacehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontname\',\'Times New Roman\');"><font face="Times New Roman">ABCDEFGHIJKL (Times New Roman)</font></a><br />';
	fontfacehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontname\',\'Verdana\');"><font face="Verdana">ABCDEFGHIJKL (Verdana)</font></a></td>';
	fontfacehtml+='</tr>';
	fontfacehtml+='</table>';
	fontfacehtml+='</div>';
	//fontfacehtml+='</body></html>';
	return fontfacehtml;
}

function getFontSizeHTML(EDITOR_ID)
{
var fontsizehtml = commonStyle;
fontsizehtml+='<div  style="position:absolute;top:0;left:0;width:310; border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline">';
fontsizehtml+='<table border="0" cellpadding="0" cellspacing="0" width="100%">';
fontsizehtml+='<tr>';
fontsizehtml+='<td align="right" style="padding:6px 6px 0 0"><img src="'+_op_editor_images+'/btn_exit.gif" width="7" height="7" border="0" class="pointer" onclick="parent.Div_Hide(\''+EDITOR_ID+'\', \'font_size\')"></td>';
fontsizehtml+='</tr>';
fontsizehtml+='<tr>';
fontsizehtml+='<td style="line-height:1.2;padding:0 0 10 10">';
fontsizehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontsize\',\'1\');"><font size=1>가나다라마바사 (8pt)</font></a><br />';
fontsizehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontsize\',\'2\');"><font size=2>가나다라마바사 (10pt)</font></a><br />';
fontsizehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontsize\',\'3\');"><font size=3>가나다라마바사 (12pt)</font></a><br />';
fontsizehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontsize\',\'4\');"><font size=4>가나다라마바사 (14pt)</font></a><br />';
fontsizehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontsize\',\'5\');"><font size=5>가나다라마바사 (18pt)</font></a><br />';
fontsizehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontsize\',\'6\');"><font size=6>가나다라마 (24pt)</font></a><br />';
fontsizehtml+='<a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'fontsize\',\'7\');"><font size=7>가나다 (36pt)</font></a>';
fontsizehtml+='</td>';
fontsizehtml+='</tr>';
fontsizehtml+='</table>';
fontsizehtml+='</div>';
return fontsizehtml;
}

function getFontColorHTML(EDITOR_ID)
{
var fontcolorhtml=commonStyle;
fontcolorhtml+='<div  style="position:absolute;top:0;left:0;width:213;border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline">';
fontcolorhtml+='<table border="0" cellpadding="0" cellspacing="0" width="100%">';
fontcolorhtml+='<tr>';
fontcolorhtml+='<td height="17" valign="top" align="right" style="padding:6px 6px 0 0"><img src="'+_op_editor_images+'/btn_exit.gif" width="7" height="7" border="0" class="pointer" onclick="parent.Div_Hide(\''+EDITOR_ID+'\', \'font_color\')"></td>';
fontcolorhtml+='</tr>';
fontcolorhtml+='<tr>';
fontcolorhtml+='<td style="padding:0 8 8 8" bgcolor="#F6F6F6">';
fontcolorhtml+='<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#FFFFFF">';
fontcolorhtml+='<tr>';
fontcolorhtml+='<td style="padding:5 0 6 0" align="center">';
fontcolorhtml+='<table border="0" cellpadding="0" cellspacing="0" style="padding:0 3 0 3">';
fontcolorhtml+='<tr height="18">';
fontcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'forecolor\',\'#008000\');"><font color="#008000">가나다라마바사</font></a></td>';
fontcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'forecolor\',\'#993366\');"><font color="#993366">가나다라마바사</font></a></td>';
fontcolorhtml+='</tr>';
fontcolorhtml+='<tr height="18">';
fontcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'forecolor\',\'#CC9900\');"><font color="#CC9900">가나다라마바사</font></a></td>';
fontcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'forecolor\',\'#9B18C1\');"><font color="#9B18C1">가나다라마바사</font></a></td>';
fontcolorhtml+='</tr>';
fontcolorhtml+='<tr height="18">';
fontcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'forecolor\',\'#FF9900\');"><font color="#FF9900">가나다라마바사</font></a></td>';
fontcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'forecolor\',\'#0000FF\');"><font color="#0000FF">가나다라마바사</font></a></td>';
fontcolorhtml+='</tr>';
fontcolorhtml+='<tr height="18">';
fontcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'forecolor\',\'#FF0000\');"><font color="#FF0000">가나다라마바사</font></a></td>';
fontcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'forecolor\',\'#177FCD\');"><font color="#177FCD">가나다라마바사</font></a></td>';
fontcolorhtml+='</tr>';
fontcolorhtml+='<tr height="18">';
fontcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'forecolor\',\'#FF3399\');"><font color="#FF3399">가나다라마바사</font></a></td>';
fontcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'forecolor\',\'#8E8E8E\');"><font color="#8E8E8E">가나다라마바사</font></a></td>';
fontcolorhtml+='</tr>';
fontcolorhtml+='</table>';
fontcolorhtml+=getCommonColorHTML("forecolor");
fontcolorhtml+='</td>';
fontcolorhtml+='</tr>';
fontcolorhtml+='</table>';
fontcolorhtml+='</td>';
fontcolorhtml+='</tr>';
fontcolorhtml+='</table>';
fontcolorhtml+='</div>';
return fontcolorhtml;
}

function getFontBackColorHTML(EDITOR_ID)
{
var fontbkcolorhtml=commonStyle;
fontbkcolorhtml+='<div  style="position:absolute;top:0;left:0;width:213px;border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline">';
fontbkcolorhtml+='<table border="0" cellpadding="0" cellspacing="0" width="100%">';
fontbkcolorhtml+='<tr>';
fontbkcolorhtml+='<td height="17" valign="top" align="right" style="padding:6px 6px 0 0"><img src="'+_op_editor_images+'/btn_exit.gif" width="7" height="7" border="0" class="pointer" onclick="parent.Div_Hide(\''+EDITOR_ID+'\', \'font_bg\')"></td>';
fontbkcolorhtml+='</tr>';
fontbkcolorhtml+='<tr>';
fontbkcolorhtml+='<td style="padding:0 8 8 8" bgcolor="#F6F6F6">';
fontbkcolorhtml+='<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#FFFFFF">';
fontbkcolorhtml+='<tr>';
fontbkcolorhtml+='<td style="padding:7 0 6 0" align="center">';
fontbkcolorhtml+='<table border="0" cellpadding="0" cellspacing="3">';
fontbkcolorhtml+='<tr height="18">';
fontbkcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'hilitecolor\',\'#008000\');"><font color="#FFFFFF" style="background-color:#008000">가나다라마바사</font></a></td>';
fontbkcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'hilitecolor\',\'#993366\');"><font color="#FFFFFF" style="background-color:#993366">가나다라마바사</font></a></td>';
fontbkcolorhtml+='</tr>';
fontbkcolorhtml+='<tr height="18">';
fontbkcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'hilitecolor\',\'#CC9900\');"><font color="#FFFFFF" style="background-color:#CC9900">가나다라마바사</font></a></td>';
fontbkcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'hilitecolor\',\'#9B18C1\');"><font color="#FFFFFF" style="background-color:#9B18C1">가나다라마바사</font></a></td>';
fontbkcolorhtml+='</tr>';
fontbkcolorhtml+='<tr height="18">';
fontbkcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'hilitecolor\',\'#FF9900\');"><font color="#FFFFFF" style="background-color:#FF9900">가나다라마바사</font></a></td>';
fontbkcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'hilitecolor\',\'#0000FF\');"><font color="#FFFFFF" style="background-color:#0000FF ">가나다라마바사</font></a></td>';
fontbkcolorhtml+='</tr>';
fontbkcolorhtml+='<tr height="18">';
fontbkcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'hilitecolor\',\'#FF0000\');"><font color="#FFFFFF" style="background-color:#FF0000">가나다라마바사</font></a></td>';
fontbkcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'hilitecolor\',\'#177FCD\');"><font color="#FFFFFF" style="background-color:#177FCD">가나다라마바사</font></a></td>';
fontbkcolorhtml+='</tr>';
fontbkcolorhtml+='<tr height="18">';
fontbkcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'hilitecolor\',\'#FF3399\');"><font color="#FFFFFF" style="background-color:#FF3399">가나다라마바사</font></a></td>';
fontbkcolorhtml+='<td><a href="javascript:;" onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'hilitecolor\',\'#8E8E8E\');"><font color="#FFFFFF" style="background-color:#8E8E8E">가나다라마바사</font></a></td>';
fontbkcolorhtml+='</tr>';
fontbkcolorhtml+='</table>';
fontbkcolorhtml+=getCommonColorHTML(EDITOR_ID+'hilitecolor');                        
fontbkcolorhtml+='</td>';
fontbkcolorhtml+='</tr>';
fontbkcolorhtml+='</table>';
fontbkcolorhtml+='</td>';
fontbkcolorhtml+='</tr>';
fontbkcolorhtml+='</table>';
fontbkcolorhtml+='</div>';
return fontbkcolorhtml;
}

function getBgColorHTML(EDITOR_ID)
{
var bgcolorhtml=commonStyle;
bgcolorhtml+='<div  style="position:absolute;top:0;left:0;width:213;border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline">';
bgcolorhtml+='<table border="0" cellpadding="0" cellspacing="0" width="100%">';
bgcolorhtml+='<tr>';
bgcolorhtml+='<td height="17" valign="top" align="right" style="padding:6px 6px 0 0"><img src="'+_op_editor_images+'/btn_exit.gif" width="7" height="7" border="0" class="pointer" onclick="parent.Div_Hide(\''+EDITOR_ID+'\', \'bg_color\')"></td>';
bgcolorhtml+='</tr>';
bgcolorhtml+='<tr>';
bgcolorhtml+='<td style="padding:0 8 8 8" bgcolor="#F6F6F6">';
bgcolorhtml+='<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#FFFFFF">';
bgcolorhtml+='<tr>';
bgcolorhtml+='<td style="padding:7 0 6 0" align="center">';
bgcolorhtml+=getCommonColorHTML(EDITOR_ID, 'backcolor');
bgcolorhtml+='</td>';
bgcolorhtml+='</tr>';
bgcolorhtml+='</table>';
bgcolorhtml+='</td>';
bgcolorhtml+='</tr>';
bgcolorhtml+='</table>';
bgcolorhtml+='</div>';
return bgcolorhtml;
}

function getCommonColorHTML(EDITOR_ID, tagid)
{
	var colors = new Array(
	"#ffffff","#e5e4e4","#d9d8d8","#c0bdbd","#a7a4a4","#8e8a8b","#827e7f","#767173","#5c585a","#000000",
	"#fefcdf","#fef4c4","#feed9b","#fee573","#ffed43","#f6cc0b","#e0b800","#c9a601","#ad8e00","#8c7301",
	"#ffded3","#ffc4b0","#ff9d7d","#ff7a4e","#ff6600","#e95d00","#d15502","#ba4b01","#a44201","#8d3901",
	"#ffd2d0","#ffbab7","#fe9a95","#ff7a73","#ff483f","#fe2419","#f10b00","#d40a00","#940000","#6d201b",
	"#ffdaed","#ffb7dc","#ffa1d1","#ff84c3","#ff57ac","#fd1289","#ec0078","#d6006d","#bb005f","#9b014f",
	"#fcd6fe","#fbbcff","#f9a1fe","#f784fe","#f564fe","#f546ff","#f328ff","#d801e5","#c001cb","#8f0197",
	"#e2f0fe","#c7e2fe","#add5fe","#92c7fe","#6eb5ff","#48a2ff","#2690fe","#0162f4","#013add","#0021b0",
	"#d3fdff","#acfafd","#7cfaff","#4af7fe","#1de6fe","#01deff","#00cdec","#01b6de","#00a0c2","#0084a0",
	"#edffcf","#dffeaa","#d1fd88","#befa5a","#a8f32a","#8fd80a","#79c101","#3fa701","#307f00","#156200",
	"#d4c89f","#daad88","#c49578","#c2877e","#ac8295","#c0a5c4","#969ac2","#92b7d7","#80adaf","#9ca53b"
	);
	
	var commoncolorhtml=commonStyle;
	commoncolorhtml+='<table border="0" cellpadding="0" cellspacing="2" bgcolor="#ffffff">';
	var num = 0;
	for (var i = 0; i < 10; i++) {
	  commoncolorhtml+='<tr height="10">';
	  for (var j = 0; j < 10; j++) {
	    var color = colors[num];
	    commoncolorhtml+='<td width="16" bgcolor="'+color+'"><a href="javascript:parent.LayerCommandExec(\''+EDITOR_ID+'\', \''+tagid+'\',\''+color+'\');"><font color="'+color+'" style="font-size:4pt;">AAAAA</font></a></td>';
	    num++;
	  }
	  commoncolorhtml+='</tr>';
	}
	commoncolorhtml+='</table>';
	return commoncolorhtml;
}

function getImgUploadHTML(EDITOR_ID)
{
	var imguploadhtml=commonStyle;
	imguploadhtml+='<div id="img_div" style="position:absolute;top:0;left:0;width:213px;border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline">';
	imguploadhtml+='<html>';
	imguploadhtml+='<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">';
	imguploadhtml+='<body>';
	imguploadhtml+='<table border="0" cellpadding="0" cellspacing="0" width="100%">';
	imguploadhtml+='<form id="'+EDITOR_ID+'_upfileForm" name="upfileForm" action="/editor/upload" method="post" enctype="multipart/form-data">';
	imguploadhtml+='<input type="hidden" name="RandomId" value="'+_RandomId_+'" />';
	imguploadhtml+='<input type="hidden" name="EditorId" value="'+EDITOR_ID+'" />';
	imguploadhtml+='<input type="hidden" name="OpPath" value="'+_OP_PATH+'" />';
	imguploadhtml+='<tr>';
	imguploadhtml+='<td height="17" valign="top" align="right" style="padding:6px 6px 0 0"><img src="'+_op_editor_images+'/btn_exit.gif" width="7" height="7" border="0" class="pointer" onclick="parent.Div_Hide(\''+EDITOR_ID+'\', \'img\')" alt="" /></td>';
	imguploadhtml+='</tr><tr>';
	imguploadhtml+='<td height="24" valign="top" style="padding:0 0 0 8px"><input type="file" name="file" size="14" style="border:1px solid #E2E2E2;width:195px; height=18px"  onChange="parent.fileCheck(\''+EDITOR_ID+'\', document.getElementById(\''+EDITOR_ID+'_img_preview\'), document.getElementById(\''+EDITOR_ID+'_upfileForm\'));"><br /><br style="line-height:3px">';
	
	imguploadhtml+='<input type="radio" name="imgAlign" value="top" /><img src="'+_op_editor_images+'/img_top.gif" align="middle" alt="" /> ';
	imguploadhtml+='<input type="radio" name="imgAlign" value="left" /><img src="'+_op_editor_images+'/img_left.gif" align="middle" alt="" > ';
	imguploadhtml+='<input type="radio" name="imgAlign" value="right" /><img src="'+_op_editor_images+'/img_right.gif" align="middle" alt="" ><br /><br style="line-height:3px"></td>';
	
	imguploadhtml+='</tr><tr>';
	imguploadhtml+='<td align="center">';
	imguploadhtml+='<table border="0" cellpadding="0" cellspacing="0" width="194" height="130" bgcolor="#FFFFFF">';
	imguploadhtml+='<tr><td align="center" class="f11" id="'+EDITOR_ID+'_img_preview"><font color="#818181">미리보기</font></td></tr></table>';
	imguploadhtml+='</td></tr><tr>';
	imguploadhtml+='<td height="27" valign="top" align="center" style="padding:6px 0 0 0"><a onclick="parent.fileUpload(\''+EDITOR_ID+'\', document.getElementById(\''+EDITOR_ID+'_img_preview\'), document.getElementById(\''+EDITOR_ID+'_upfileForm\'));"><img class="pointer" src="'+_op_editor_images+'/btn_select.gif" width="49" height="18" alt="" /></a></td>';
	imguploadhtml+='</tr></form>';
	imguploadhtml+='</table>';
	imguploadhtml+='<iframe name="upfileFrame" width="0" height="0" frameborder="0"></iframe>';
	
	imguploadhtml+='</body>';
	imguploadhtml+='</html>';
	imguploadhtml+='</div>';
	return imguploadhtml;
}

function getLinkHTML(EDITOR_ID)
{
	var linkhtml=commonStyle;
	linkhtml+='<div id="link_div" style="position:absolute;top:0;left:0;width:213;border:1px solid #B9B9B9;background-color:#F6F6F6;display:inline">';
	linkhtml+='<table border="0" cellpadding="0" cellspacing="0" width="100%">';
	linkhtml+='<tr><td height="17" valign="top" align="right" style="padding:6px 6px 0 0"><img src="'+_op_editor_images+'/btn_exit.gif" width="7" height="7" border="0" class="pointer" onclick="parent.Div_Hide(\''+EDITOR_ID+'\', \'link\')"></td>';
	linkhtml+='</tr><tr>';
	linkhtml+='<td height="24" valign="top" style="padding:0 0 0 8px"><input type="text" id="linkinput" name="linkinput" style="width:195;height:18;border:1px solid #B9B9B9" value="http://"></td>';
	linkhtml+='</tr><tr>';
	linkhtml+='<td height="60" valign="top" style="padding:3px 0 0 15px" class="f11"><font color="#787878">링크주소(URL)를 넣어주세요.<br />';
	linkhtml+='예) http://www.naver.com</font><br />';
	linkhtml+='<font color="#F57E1E">“http://” 를 꼭 써야 합니다</font></td>';
	linkhtml+='</tr><tr>';
	linkhtml+='<td height="27" valign="top" align="center"><a href="javascript:;"  onclick="parent.LayerCommandExec(\''+EDITOR_ID+'\', \'hyperlink\',document.getElementById(\'linkinput\').value)"><img src="'+_op_editor_images+'/btn_confirm.gif" width="49" height="18" alt="" /></a></td>';
	linkhtml+='</tr></table></div>';
	return linkhtml;
}


function getTableHTML(EDITOR_ID)
{
	var colors = new Array(
			"#e5e4e4","#d9d8d8","#c0bdbd","#a7a4a4","#8e8a8b","#827e7f","#767173","#5c585a","#000000",
			"#fefcdf","#fef4c4","#feed9b","#fee573","#ffed43","#f6cc0b","#e0b800","#c9a601","#ad8e00","#8c7301",
			"#ffded3","#ffc4b0","#ff9d7d","#ff7a4e","#ff6600","#e95d00","#d15502","#ba4b01","#a44201","#8d3901",
			"#ffd2d0","#ffbab7","#fe9a95","#ff7a73","#ff483f","#fe2419","#f10b00","#d40a00","#940000","#6d201b",
			"#ffdaed","#ffb7dc","#ffa1d1","#ff84c3","#ff57ac","#fd1289","#ec0078","#d6006d","#bb005f","#9b014f",
			"#fcd6fe","#fbbcff","#f9a1fe","#f784fe","#f564fe","#f546ff","#f328ff","#d801e5","#c001cb","#8f0197",
			"#e2f0fe","#c7e2fe","#add5fe","#92c7fe","#6eb5ff","#48a2ff","#2690fe","#0162f4","#013add","#0021b0",
			"#d3fdff","#acfafd","#7cfaff","#4af7fe","#1de6fe","#01deff","#00cdec","#01b6de","#00a0c2","#0084a0",
			"#edffcf","#dffeaa","#d1fd88","#befa5a","#a8f32a","#8fd80a","#79c101","#3fa701","#307f00","#156200",
			"#d4c89f","#daad88","#c49578","#c2877e","#ac8295","#c0a5c4","#969ac2","#92b7d7","#80adaf"
			);
	
	var colorPicker = '';
	
	for(var i=0;i<colors.length;i++){
		colorPicker += '<span style="cursor:pointer;background:'+colors[i]+';" onclick="document.getElementById(\'color\').value=\''+colors[i]+'\';document.getElementById(\'color\').style.borderColor=\''+colors[i]+'\'">&nbsp;&nbsp;&nbsp;</span> ';
	}
	
	
	var html=commonStyle;
	
	
	html += '<style type="text/css">';
	html += '	h4,p,body,div{margin:0;padding:0}';
	html += '	label{display:inline-block;text-align:right;width:59px}';
	html += '	.text{font:12px tahoma;width:30px;border:solid 1px #9a9a9a;border-right:solid 1px #d8d8d8;border-bottom:solid 1px #d8d8d8}';
	html += '	#table_div{font:normal 11px 돋움}';
	html += '</style>';

	html += '<div id="table_div" style="position:absolute;top:0;left:0;border:1px solid #B9B9B9;background:#F6F6F6;display:inline;padding:10px">';
	html += '	<div style="text-align:right;width:191px;"><img src="'+_op_editor_images+'/btn_exit.gif" width="7" height="7" border="0" class="pointer" onclick="parent.Div_Hide(\''+EDITOR_ID+'\', \'table\')"></div>';
	html += '	<h4 style="font:bold 12px 돋움;border-bottom:dotted 1px #ccc;padding-bottom:5px;letter-spacing:-1px">칸 수 지정</h4>';
	html += '	<p style="padding:5px">';
	html += '		<label style="width:22px;">칸</label> : <input id="cols" type="text" class="text"  value="4" maxlength="2" /> &nbsp; ';
	html += '		<label style="width:22px;">줄</label> : <input id="rows" type="text" class="text"  value="4" maxlength="2" /><br />';
	html += '	</p>';
		
	html += '	<h4 style="font:bold 12px 돋움;border-bottom:dotted 1px #ccc;padding:15px 0 5px 0;letter-spacing:-1px">테이블 속성</h4>';
	html += '	<p style="padding:5px">';				
	html += '		<label>가로 크기</label> : <input id="width" type="text" class="text"  value="500" maxlength="4" /> px <br />';
	html += '		<label>세로 크기</label> : <input id="height" type="text" class="text"  value="100" maxlength="4" /> px <br />';
	html += '		테두리 굵기 : <input id="border" type="text" class="text"  value="1" maxlength="2" /> <br />';
	html += '		테두리 색깔 : <input id="color" type="text" class="text"  value="#888888" maxlength="7" style="width:60px" /> ';
	html += '	</p>';
		
	html += '	<p style="padding:5px 0 5px 11px;line-height:15px;background:#fff;border:solid 1px #eeeeee;margin-bottom:5px">';
	html += colorPicker;
	html += '	</p>';
		
	html += '	<p style="text-align:center;padding-top:10px;border-top:dotted 1px #ccc;">';
	html += '		<a href="javascript:;"  onclick="parent.InsertTable(\''+EDITOR_ID+'\', document.getElementById(\'cols\').value, document.getElementById(\'rows\').value, document.getElementById(\'width\').value, document.getElementById(\'height\').value, document.getElementById(\'border\').value, document.getElementById(\'color\').value)"><img src="'+_op_editor_images+'/btn_confirm.gif" width="49" height="18" alt="" /></a>';			
	html += '	</p>';
	html += '</div>';

	return html;
}

function toggleLayers(toHtml) {
  document.getElementById("toHtmlButton0").style.display = 'none';
  document.getElementById("toHtmlButton1").style.display = 'none';
  document.getElementById("toHtmlButton2").style.display = 'none';
  document.getElementById("toHtmlButton"+toHtml).style.display = 'block';
}


function imginsert(EDITOR_ID, url, type, limitSize){
	//alert(EDITOR_ID);
	//document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.focus();

	if (isGecko) {
		document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.execCommand('InsertImage', "", url );
	} else {


		var eEdit = document.getElementById(EDITOR_ID+'rHtmlArea').contentWindow.document.selection.createRange();
		var addAttribute = '';
		if(limitSize){
			addAttribute = ' width="'+limitSize+'" ';
		}

		var imgTag = '';

		if(type!=""){
				if (type == 'top')
					imgTag = '<center><img src="'+ url + '" align="' + type + '" '+addAttribute+' /></center><br />';
				else
					imgTag = '<br /><img src="'+ url + '" align="' + type + '" '+addAttribute+' />';
		}else{
			imgTag = '<img src="'+ url + '" '+addAttribute+' />';
		}

		SetHtmlSource(EDITOR_ID, imgTag);

	}
}