// insertAdjacentHTML(), insertAdjacentText() and insertAdjacentElement ()
// for Netscape 6/Mozilla by Thor Larholm me@jscript.dk
// Usage: include this code segment at the beginning of your document
// before any other Javascript contents.

if(typeof HTMLElement!="undefined" && !  HTMLElement.prototype.insertAdjacentElement)
{
    HTMLElement.prototype.insertAdjacentElement = function (where,parsedNode)
    {
        switch (where)
        {
            case 'beforeBegin':
                this.parentNode.insertBefore(parsedNode,this)
                break;
            case 'afterBegin':
                this.insertBefore(parsedNode,this.firstChild);
                break;
            case 'beforeEnd':
                this.appendChild(parsedNode);
                break;
            case 'afterEnd':
                if (this.nextSibling) 
                this.parentNode.insertBefore(parsedNode,this.nextSibling);
                else this.parentNode.appendChild(parsedNode);
                break;
        }
    }

    HTMLElement.prototype.insertAdjacentHTML = function (where,htmlStr)
    {
        var r = this.ownerDocument.createRange();
        r.setStartBefore(this);
        var parsedHTML = r.createContextualFragment(htmlStr);
        this.insertAdjacentElement(where,parsedHTML)
    }


    HTMLElement.prototype.insertAdjacentText = function (where,txtStr)
    {
        var parsedText = document.createTextNode(txtStr)
        this.insertAdjacentElement(where,parsedText)
    }
}

////////////////////////////////////////////////////////////
/// Select Area
////////////////////////////////////////////////////////////
var DCS_ENV = new Object();
DCS_ENV.IE_Version = new Number(((window.navigator.appVersion.split('; '))[1].split(' '))[1]);
DCS_ENV.CR = new Object();
DCS_ENV.CR.ReverseBackground = '#225588';
DCS_ENV.CR.ReverseText = 'white';
DCS_ENV.CR.Border = '#808080';
DCS_ENV.CR.BorderActive = '#225588';
DCS_ENV.ImgPrefix = '/common/images/';
DCS_ENV.DefaultHeight = 20;
DCS_ENV.ButtonWidth = 13;
DCS_ENV.OptionsDivStyle = ''
  + ' display:none;'
  + ' z-index:10;'
  + ' position:absolute;'
  + ' border:1 solid '+ DCS_ENV.CR.Border+';'
  + ' background-color:white;'
  + ' scrollbar-face-color:#D4D0C8;'
  + ' scrollbar-shadow-color:white;'
  + ' scrollbar-highlight-color:#F6F5F4;'
  + ' scrollbar-3dlight-color:white'
  + ' scrollbar-darkshadow-color:#86837E;'
  + ' scrollbar-track-color:#F6F5F4;'
  + ' scrollbar-arrow-color:#86837E;';
DCS_ENV.OptionNobrStyle = ''
  + ' font-size:9pt;'
  + ' font-family:±¼¸²;';
// SaySelect Variables
var DCS_VAR = new Object();
DCS_VAR.DivDummy = document.createElement("DIV");
DCS_VAR.SelectList = new Array();
DCS_VAR.bEventAttached = false;

var DCS_CreatedElements = new Object();

function unloadObjects()
{
  try {
    if (DCS_VAR && DCS_VAR.SelectList)
    {
      for (key in DCS_VAR.SelectList)
      {
	if (DCS_VAR.SelectList[key])
	{
	  try {
	   DCS_VAR.SelectList[key].select.setAttribute('SS', 0);
	  } catch (e) {};
	  delete DCS_VAR.SelectList[key];
	}
      }
    }
  } catch (e) {};
}

attachEvent("onunload", unloadObjects);

function DCS_create(srcHTML, ListMax, bAutoDetect)
{
  // property
  this.ssID = DCS_VAR.SelectList.length;
  this.bOriginalSelect = (bAutoDetect && DCS_ENV.IE_Version < 5.5);
  this.select = DCS_createElement(srcHTML);
  this.selectedIndex = this.select.selectedIndex;
  this.options = this.select.options;
  this.width = parseInt(this.select.style.width);
  this.height = (this.select.style.height) ? parseInt(this.select.style.height) : DCS_ENV.DefaultHeight;
  this.OptionHeight = this.height - 4;
  this.bListDown = (ListMax && '-'==ListMax.toString().substr(0, 1)) ? false : true;
  this.ListMax = (!isNaN(parseInt(ListMax))) ? Math.abs(ListMax) : 100;

  this.Table;
  this.TitleDiv;
  this.TitleTable;
  this.TitleWrapper;
  this.OptionsDiv;
  this.OptionsWrapper;
  this.OptionsTable;
  this.bFocused = false;
  this.bExpanded = false;
  this.bReverse = false;

  // private method
  this.isThisEventToBeCanceled = DCS_isThisEventToBeCanceled;
  this.toggleTitle = DCS_toggleTitle;
  this.syncSelectedIndex = DCS_syncSelectedIndex;
  this.toggleOptions = DCS_toggleOptions;
  this.turnOnOption = DCS_turnOnOption;
  this.turnOffOption = DCS_turnOffOption;
  this.handleMousewheel = DCS_handleMousewheel;
  this.handleOverTitle = DCS_handleOverTitle;
  this.handleOutTitle = DCS_handleOutTitle;
  this.handleOverOption = DCS_handleOverOption;
  this.createTable = DCS_createTable;
  this.createTitleDiv = DCS_createTitleDiv;
  this.createOptionsDiv = DCS_createOptionsDiv;
  this.createOptionTr = DCS_createOptionTr;
  this.adjustOptionsDiv = DCS_adjustOptionsDiv;
  this.syncOptions = DCS_syncOptions;
  this.pressOption = DCS_pressOption;
  this.moveOption = DCS_moveOption;
  this.releaseOption = DCS_releaseOption;
  this.pressTitle = DCS_pressTitle;
  this.releaseTitle = DCS_releaseTitle;

  // public method
  this.display = DCS_display;
  this.insertOption = DCS_insertOption;
  this.deleteOption = DCS_deleteOption;
  this.changeOption = DCS_changeOption;

  // initiate
  this.createTable();
  this.select.setAttribute('SS', this);
  if (!this.bOriginalSelect)
    this.select.onpropertychange = DCS_handlePropertychange;
  DCS_VAR.SelectList[this.ssID] = this;
}
function DCS_display()
{
  document.write("<div id=DCS_TempDiv></div>\n");
  document.all.DCS_TempDiv.appendChild(this.Table);
  document.all.DCS_TempDiv.removeNode();
}
function Select(srcHTML, ListMax, bAutoDetect){ DCS_write(srcHTML, ListMax, bAutoDetect); }
function DCS_write(srcHTML, ListMax, bAutoDetect)
{
  var oSS = new DCS_create(srcHTML, ListMax, bAutoDetect);
  oSS.display();
  return oSS;
}
function DCS_insertOption(value, innerText, idx)
{
  var NewOption = document.createElement("OPTION");
  DCS_CreatedElements[DCS_CreatedElements.length] = NewOption;
  this.options.add(NewOption, idx);
  NewOption.innerText = innerText;
  NewOption.value = value;

  if (!this.bOriginalSelect)
    this.createOptionTr(idx);
  this.syncOptions();
  this.adjustOptionsDiv();
  this.syncSelectedIndex();
}
function DCS_deleteOption(idx)
{
  this.options.remove(idx);
  if (!this.bOriginalSelect)
    this.OptionsTable.deleteRow(idx);
  this.syncOptions();
  this.adjustOptionsDiv();
  this.syncSelectedIndex();
}
function DCS_changeOption(idx, value, innerText)
{
  this.options[idx].value = value;
  this.options[idx].innerText = innerText;
  this.syncOptions();
  this.syncSelectedIndex();
}

function DCS_cancelEvent(event)
{
  event.cancelBubble = true;
  event.returnValue = false;
}
function DCS_isThisEventToBeCanceled(event)
{
  if ('object' == typeof(event)) {
    switch (event.type) {
      case 'mousedown':
        if (!(event.button & 1)) return true;
        break;
      case 'mouseup':
        if (!(event.button & 1)) return true;
        if (DCS_ENV.IE_Version >= 5.5 && event.srcElement != this.srcElementOfLastMousedown && this.srcElementOfLastMousedown != null) {
          this.srcElementOfLastMousedown = null;
          return true;
        }
        break;
      case 'mouseout':
        if (!(DCS_ENV.IE_Version < 5.5 && event.srcElement == this.srcElementOfLastMousedown))
          return true;
        break;
      case 'mousemove':
        if (DCS_ENV.IE_Version >= 5.5 && event.srcElement != this.srcElementOfLastMousedown && this.srcElementOfLastMousedown != null)
          return true;
        break;
    }
  }
  return false;
}
function DCS_createElement(html)
{
  DCS_VAR.DivDummy.insertAdjacentHTML('afterBegin', html);
  var oEl = DCS_VAR.DivDummy.children(0);
  while (DCS_VAR.DivDummy.children.length > 0) {
    DCS_VAR.DivDummy.removeChild(DCS_VAR.DivDummy.children(0));
  }
  return oEl;
}
function DCS_blurExcept(except)
{
  DCS_cancelEvent(window.event);

  except = ('number'==typeof(except)) ? except : -1;

  var bHasToDetachEvent = true;
  for (var i=0; i < DCS_VAR.SelectList.length; i++) {
    if (-1==except && DCS_VAR.SelectList[i].bFocused && DCS_VAR.SelectList[i].bExpanded) {
      DCS_VAR.SelectList[i].toggleOptions(false, true);
      DCS_VAR.SelectList[i].toggleTitle(true);
      bHasToDetachEvent = false;
    }
    else if (i!=except) {
      if (DCS_VAR.SelectList[i].bExpanded)
        DCS_VAR.SelectList[i].toggleOptions(false, true);
      if (DCS_VAR.SelectList[i].bReverse)
        DCS_VAR.SelectList[i].toggleTitle(false);
      DCS_VAR.SelectList[i].bFocused = false;
    }
  }

  if (DCS_VAR.bEventAttached && bHasToDetachEvent) {
    document.detachEvent('onmousedown', DCS_blurExcept);
    document.detachEvent('ondblclick', DCS_blurExcept);
    DCS_VAR.bEventAttached = false;
  }
}
function DCS_syncSelectedIndex()
{
  this.selectedIndex = this.select.selectedIndex;

  if (this.bOriginalSelect) return;

  if (this.TitleTable.cells(0).childNodes(0).innerText != this.options[this.selectedIndex].innerText)
    this.TitleTable.cells(0).childNodes(0).innerText = this.options[this.selectedIndex].innerText;
  if (this.bExpanded)
    this.toggleOptions(false);
}
function DCS_toggleTitle(bReverse)
{
  this.bReverse = ('undefined'!=typeof(bReverse)) ? bReverse: (!this.bReverse);
  this.TitleTable.cells(0).style.backgroundColor = this.bReverse ? DCS_ENV.CR.ReverseBackground : '';
  this.TitleTable.cells(0).style.color = this.bReverse ? DCS_ENV.CR.ReverseText : '';
}
function DCS_toggleOptions(bExpanded, bStrict)
{
  if (!bStrict && !this.bFocused) {
    DCS_blurExcept(this.ssID);
  }
  this.bExpanded = ('undefined'!=typeof(bExpanded)) ? bExpanded: (!this.bExpanded);
  if (this.bExpanded) {
    this.adjustOptionsDiv();
    this.OptionsDiv.style.display = 'block';
    if (!bStrict) {
      this.toggleTitle(false);
      this.handleOverOption(this.selectedIndex);
    }
    this.handleOutTitle();
  }
  else {
    this.OptionsDiv.style.display = 'none';
    if (!bStrict) {
      this.toggleTitle(true);
    }
  }
  if (!bStrict) {
    this.bFocused = true;

    if (!DCS_VAR.bEventAttached) {
      document.attachEvent('onmousedown', DCS_blurExcept);
      document.attachEvent('ondblclick', DCS_blurExcept);
      DCS_VAR.bEventAttached = true;
    }
  }
}
function DCS_handlePropertychange()
{
  if ('propertychange'==window.event.type && 'selectedIndex'==window.event.propertyName) {
    var oSS = window.event.srcElement.SS;
    oSS.syncSelectedIndex();

    if (null != oSS.select.onchange)
      oSS.select.onchange();
  }
}
function DCS_handleMousewheel(event)
{
  var idx = this.selectedIndex;
  if ('mousewheel'==event.type && this.bFocused && this.bReverse) {
    for (var i=0; i < event.wheelDelta; i += 120)
      idx--;
    for (var i=0; i > event.wheelDelta; i -= 120)
      idx++;
  }
  idx = Math.max(idx, 0);
  idx = Math.min(idx, this.options.length - 1);
  this.select.selectedIndex = idx;
}
function DCS_handleOverTitle()
{
  if (this.bExpanded)
    return;

  this.TitleTable.style.borderColor = DCS_ENV.CR.BorderActive;
  this.TitleTable.cells(1).style.display = 'none';
  this.TitleTable.cells(2).style.display = 'block';
}
function DCS_handleOutTitle()
{
  this.TitleTable.style.borderColor = DCS_ENV.CR.Border;
  this.TitleTable.cells(2).style.display = 'none';
  this.TitleTable.cells(1).style.display = 'block';
}
function DCS_handleOverOption(idx)
{
  for (var i=0; i < this.options.length; i++) {
    if (i==idx)
      this.turnOnOption(i);
    else
      this.turnOffOption(i);
  }
}
function DCS_turnOnOption(idx)
{
  this.OptionsTable.cells(idx).style.color = DCS_ENV.CR.ReverseText;
  this.OptionsTable.cells(idx).style.backgroundColor = DCS_ENV.CR.ReverseBackground;
}
function DCS_turnOffOption(idx)
{
  this.OptionsTable.cells(idx).style.color = '';
  this.OptionsTable.cells(idx).style.backgroundColor = '';
}
function DCS_adjustOptionsDiv()
{
  if (this.bOriginalSelect) return;

  this.OptionsDiv.style.width = this.width;
  this.OptionsDiv.style.height = Math.min(this.options.length, this.ListMax) * this.OptionHeight + 2;
  this.OptionsWrapper.style.height = this.options.length * this.OptionHeight;
  this.OptionsDiv.style.overflowY = (this.options.length > this.ListMax) ? 'scroll' : '';

  var top = this.Table.offsetTop;
  var left = this.Table.offsetLeft;
  for (var El = this.Table.offsetParent; 'BODY'!=El.tagName && 'absolute'!=El.style.position && 'relative'!=El.style.position; El = El.offsetParent) {
    if ('TABLE' != El.tagName) {
      top += El.clientTop;
      left += El.clientLeft;
    }
    top += El.offsetTop;
    left += El.offsetLeft;
  }
  this.OptionsDiv.style.top = (this.bListDown) ? (top + this.height) : (top - parseInt(this.OptionsDiv.style.height));
  this.OptionsDiv.style.left = left;

  this.TitleWrapper.style.top = 0;
  this.TitleWrapper.style.left = 0;
}
function DCS_syncOptions()
{
  if (this.bOriginalSelect) return;

  for (var i=0; i < this.options.length; i++) {
    this.OptionsTable.cells(i).setAttribute('index', i);
    if (this.OptionsTable.cells(i).childNodes(0).innerText != this.options[i].innerText)
      this.OptionsTable.cells(i).childNodes(0).innerText = this.options[i].innerText;
  }
}
function DCS_pressTitle(event)
{
  DCS_cancelEvent(event);

  this.srcElementOfLastMousedown = event.srcElement;

  this.toggleOptions();
}
function DCS_releaseTitle(event)
{
  DCS_cancelEvent(event);

  if (this.isThisEventToBeCanceled(event)) return;

  this.srcElementOfLastMousedown = null;
}
function DCS_pressOption(event)
{
  DCS_cancelEvent(event);

  this.srcElementOfLastMousedown = event.srcElement;
}
function DCS_moveOption(event)
{
  DCS_cancelEvent(event);

  if (this.isThisEventToBeCanceled(event)) return;
  if (!(event.offsetX >= 0 && event.offsetX <= this.OptionsTable.offsetWidth)) return;

  this.handleOverOption(Math.floor(event.offsetY / this.OptionHeight));
}
function DCS_releaseOption(event)
{
  DCS_cancelEvent(event);

  if (this.isThisEventToBeCanceled(event)) return;

  this.srcElementOfLastMousedown = null;

  if (event.offsetX >= 0 && event.offsetX <= this.OptionsTable.offsetWidth) {
    this.toggleOptions(false);
    this.select.selectedIndex = Math.floor(event.offsetY / this.OptionHeight);
  }
}
function DCS_createTable()
{
  this.Table = DCS_createElement(""
    + "<table border=0 cellpadding=0 cellspacing=0 style='table-layout:fixed; cursor:default'>"
    + "<tr><td></td></tr>"
    + "</table>"
  );
  if (!isNaN(this.width))
    this.Table.style.width = this.width;
  this.Table.style.height = this.height;

  if (!this.bOriginalSelect) {
    this.createTitleDiv();
    this.createOptionsDiv();
    this.Table.cells(0).appendChild(this.TitleDiv);
    this.Table.cells(0).appendChild(this.OptionsDiv);
  }
  else {
    this.Table.cells(0).appendChild(this.select);
  }
}
function DCS_createTitleDiv()
{
  this.TitleDiv = DCS_createElement(""
    + "<div style='position:relative; top:0; left:0;'>"
    + "  <table border=0 cellpadding=0 cellspacing=1"
    + "    height="+this.height
    + "    bgcolor=white"
    + "    style='table-layout:fixed; border:1 solid "+DCS_ENV.CR.Border+";'"
    + "    onmouseover='DCS_VAR.SelectList["+this.ssID+"].adjustOptionsDiv()'"
    + "  >"
    + "  <tr>"
    + "    <td><nobr style='text-oveflow:hidden;"+DCS_ENV.OptionNobrStyle+"'></nobr></td>"
    + "    <td width="+DCS_ENV.ButtonWidth+" align=center style='word-wrap:normal'></td>"
    + "    <td style='display:none' width="+DCS_ENV.ButtonWidth+" align=center style='word-wrap:normal'></td>"
    + "    <td style='display:none'></td>"
    + "  </tr>"
    + "  </table>"
    + "</div>"
  );
  this.TitleTable = this.TitleDiv.childNodes(0);
  this.TitleTable.cells(0).childNodes(0).innerText = this.options[this.selectedIndex].innerText;
  this.TitleTable.cells(1).innerHTML = "<img src='"+DCS_ENV.ImgPrefix+"/btn_down.gif' border=0 align=absmiddle>";
  this.TitleTable.cells(2).innerHTML = "<img src='"+DCS_ENV.ImgPrefix+"/btn_down_s.gif' border=0 align=absmiddle>";
  this.TitleTable.cells(3).appendChild(this.select);
  this.TitleWrapper = document.createElement(""
    + "<img src='"+DCS_ENV.ImgPrefix+"/img_blank.gif'"
    + "  style='position:absolute; top:0; left:0; z-index:2; width:100%; height:"+this.height+";'"
    + "  onmouseover='DCS_VAR.SelectList["+this.ssID+"].handleOverTitle()'"
    + "  onmouseout='DCS_VAR.SelectList["+this.ssID+"].handleOutTitle(); DCS_VAR.SelectList["+this.ssID+"].releaseTitle(window.event);'"
    + "  onmousedown='DCS_VAR.SelectList["+this.ssID+"].pressTitle(window.event)'"
    + "  ondblclick='DCS_VAR.SelectList["+this.ssID+"].pressTitle(window.event); DCS_VAR.SelectList["+this.ssID+"].releaseTitle(window.event);'"
    + "  onmouseup='DCS_VAR.SelectList["+this.ssID+"].releaseTitle(window.event)'"
    + "  onmousewheel='DCS_VAR.SelectList["+this.ssID+"].handleMousewheel(window.event)'"
    + "  ondragstart='DCS_cancelEvent(window.event)'"
    + ">"
  );
  DCS_CreatedElements[DCS_CreatedElements.length] = this.TitleWrapper;
  this.TitleDiv.appendChild(this.TitleWrapper);
}
function DCS_createOptionsDiv()
{
  this.OptionsDiv = DCS_createElement(""
    + "<div style='"+DCS_ENV.OptionsDivStyle+"'"
    + "  onscroll='DCS_VAR.SelectList["+this.ssID+"].moveOption(window.event)'"
    + "  onmousedown='DCS_cancelEvent(window.event)'"
    + ">"
    + "  <table border=0 cellpadding=0 cellspacing=0 width=100% style='table-layout:fixed'>"
    + "  </table>"
    + "</div>"
  );
  this.OptionsTable = this.OptionsDiv.childNodes(0);
  for (var i=0; i < this.options.length; i++) {
    this.createOptionTr(i);
  }
  this.syncOptions();
  this.OptionsWrapper = document.createElement(""
    + "<img src='"+DCS_ENV.ImgPrefix+"/img_blank.gif'"
    + "  style='position:absolute; top:0; left:0; width:100%;'"
    + "  onmousedown='DCS_VAR.SelectList["+this.ssID+"].pressOption(window.event)'"
    + "  onmousemove='DCS_VAR.SelectList["+this.ssID+"].moveOption(window.event)'"
    + "  onmouseup='DCS_VAR.SelectList["+this.ssID+"].releaseOption(window.event)'"
    + "  onmouseout='DCS_VAR.SelectList["+this.ssID+"].releaseOption(window.event)'"
    + "  ondragstart='DCS_cancelEvent(window.event)'"
    + ">"
  );
  DCS_CreatedElements[DCS_CreatedElements.length] = this.OptionsWrapper;
  this.OptionsDiv.appendChild(this.OptionsWrapper);
}
function DCS_createOptionTr(idx)
{
  idx = ('undefined'!=typeof(idx)) ? idx : this.options.length - 1;
  var OptionTr = this.OptionsTable.insertRow(-1);
  var OptionTd = document.createElement("<td height="+this.OptionHeight+"></td>");
  DCS_CreatedElements[DCS_CreatedElements.length] = this.OptionsTd;
  OptionTd.appendChild(document.createElement("<nobr style='"+DCS_ENV.OptionNobrStyle+"'></nobr>"));
  OptionTr.appendChild(OptionTd);
}











////////////////////////////////////////////////////////////
/// Button Area
////////////////////////////////////////////////////////////


arrLinks = new Array();
arrTargets = new Array();
document.onkeydown=OnPressShortcut;

function OnPressShortcut()
{
	var objFocus = document.activeElement;
	if ( objFocus != document.body ) return;
	var cKey = String.fromCharCode( event.keyCode );
    var strLink = arrLinks[ cKey ];
	if ( !strLink ) return;

	var strLow = strLink;
	strLow.toLowerCase();
	var strTarget = arrTargets[ cKey ];
	var nPos = -1;
	
	nPos = strLow.indexOf( "javascript:" );
	if ( nPos >= 0 ) eval( strLink );
	else OnBtnClick( strLink, strTarget );
}

function AddShortcut( cKey, strLink )
{
	var nPos = -1;
	var strHREF = "";
	var strTarget = "";
	var cUpperKey = cKey;
	cUpperKey.toUpperCase();

	nPos = strLink.indexOf( " " );
	if ( nPos > 0 ) 
	{
		strHREF = strLink.substring( 0, nPos );
		nPos = strLink.indexOf( "target=" );
		if ( nPos > 0 ) strTarget = strLink.substr( nPos + 7 );
	}
	else strHREF = strLink;
	arrLinks[cUpperKey ] = strHREF;
	arrTargets[ cUpperKey ] = strTarget;
}

function OnBtnClick( strLink, strTarget )
{
  if ( strTarget && strTarget.length > 0 ) window.open( strLink, strTarget );
  else document.location = strLink;
}

function GetStrWidth( str, nUnit )
{
  var i, nCode;
  var nWidth = 0;
  if ( !str ) return 0;

  for ( i = 0 ; i < str.length; i++ )
  {
    nCode = str.charCodeAt( i );
    if ( ( nCode < 0 ) || ( nCode > 127 ) ) nWidth += nUnit * 2;
    else nWidth += nUnit;
  }

  return nWidth;
}

function ForceQuote( str )
{
  var nDouble = 0;
  var ch;
  var i;

  ch = str.charCodeAt( 0 );
  if ( ( ch == 34 ) || ( ch == 39 ) ) return str;

  for ( i = 1 ; i < str.length - 1 ; i++ )
  {
    ch = str.charCodeAt( i );
    if ( ch == 39 )
    {
      nDouble = 1;
      break;
    }
  }

  if ( nDouble ) strQuote = "\"";
  else strQuote = "'";

  return ( strQuote + str + strQuote );
}

function GetBtnHREF( strLink )
{
  var strOnBtnClick = "";
  var nPos = -1;
  var strHREF = "";
  var strTarget = "";
  var strLow;

  strLow = strLink;
  strLow.toLowerCase();
  nPos = strLow.indexOf( "javascript:" );
  if ( nPos >= 0 ) return ForceQuote( strLink );

  nPos = strLink.indexOf( " " );
  if ( nPos > 0 ) strHREF = strLink.substring( 0, nPos );
  else strHREF = strLink;

  nPos = strLink.indexOf( "target=" );
  if ( nPos > 0 ) strTarget = strLink.substr( nPos + 7 );

  strHREF = ForceQuote( strHREF );
  strTarget = ForceQuote( strTarget );
  strOnBtnClick = "javascript:OnBtnClick( " + strHREF + " , " + strTarget + " )";
  strOnBtnClick = ForceQuote( strOnBtnClick );

  return strOnBtnClick;
}

function ButtonHTML( strBtnTitle, strLink, nWidth, strLiteCR, strMidCR, strDarkCR, strCSS, strImg, nLeftGap, nImgGap, nRiteGap, cKey )
{
	var strFormat;

	if ( !strBtnTitle ) strBtnTitle = "È® ÀÎ";
	if ( !strLink ) strLink = "#";

	if ( cKey ) 
	{
		AddShortcut( cKey, strLink );
		strBtnTitle += " (" + cKey + ")";
	}

	strLink = GetBtnHREF( strLink );

	if ( !nWidth || ( nWidth <= 0 ) ) nWidth = GetStrWidth( strBtnTitle, 10 );

	if ( !strLiteCR ) strLiteCR = "#EFEFEF";
	if ( !strMidCR ) strMidCR = "#D1D1D1";
	if ( !strDarkCR ) strDarkCR = "#9F9F9F";
	if ( !strCSS ) strCSS = "btn2";
	if ( !nImgGap ) nImgGap = 4;

	strFormat = "<table id=saybutton border=0 width=" + nWidth + " cellpadding=0 cellspacing=0 onclick="+strLink+" onmouseover=\"this.style.cursor='hand'\">";

	strFormat += "<tr><td colspan=2 width=2></td><td colspan=3 width=" +
	( nWidth - 4 ) + " bgcolor=black></td><td colspan=2 width=2></td></tr>";

	strFormat += "<tr><td width=1></td><td width=1 bgcolor=black></td><td width=1 bgcolor=" + strLiteCR + "></td><td width=" +
	( nWidth - 6 ) + " bgcolor=" + strLiteCR + "></td><td width=1 bgcolor=" + strDarkCR +
	"></td><td width=1 bgcolor=black></td><td width=1></td></tr>";

	strFormat += "<tr><td width=1 bgcolor=black></td><td width=2 colspan=2 bgcolor=" + strLiteCR + "></td><td colspan=2 width=" +
	( nWidth - 5 ) + " bgcolor=" + strMidCR + "></td><td width=1 bgcolor=" + strDarkCR + "></td><td colspan=1 width=1 bgcolor=black></td></tr>";

	strFormat += "<tr><td width=1 bgcolor=black></td><td width=1 bgcolor=" + strLiteCR + "></td><td  colspan=3 width=" + 
	( nWidth - 4 ) + " bgcolor=" + strMidCR + "></td><td width=1 bgcolor=" + strDarkCR + "></td><td width=1 bgcolor=black></td></tr>";

	strFormat += "<tr><td width=1 bgcolor=black></td><td width=1 bgcolor=" + strLiteCR + "></td>";
	strFormat += "<td class=" + strCSS + " colspan=3 width=" + ( nWidth - 4 ) + " bgcolor=" + strMidCR + " align=center>";
	if ( strImg && ( strImg.length > 1 ) )
	{
	strFormat += "<table border=0 cellpadding=0 cellspacing=0><tr>";
	if ( nLeftGap ) strFormat += "<td width=" + nLeftGap + "></td>";
	strFormat += "<td><a href=" + strLink + " onclick='window.event.returnValue=false'><img src='" + strImg + "' border=0></a></td>";
	strFormat += "<td width=" + nImgGap + "></td>";
	strFormat += "<td class='" + strCSS + "'><a href=" + strLink + " onclick='window.event.returnValue=false'>" + strBtnTitle + "</a></td>";
	if ( nRiteGap ) strFormat += "<td width=" + nRiteGap + "></td>";
	strFormat += "</tr></table></td>";
	}
	else
	{
	strFormat += "<a href=" + strLink + " onclick='window.event.returnValue=false'>" + strBtnTitle + "</a></td>";
	}
	strFormat += "<td width=1 bgcolor=" + strDarkCR + "></td><td width=1 bgcolor=black></td></tr>";

	strFormat += "<tr><td width=1 bgcolor=black></td><td width=1 bgcolor=" + strDarkCR + "></td><td colspan=2 width=" + 
	( nWidth - 5 ) + " bgcolor=" + strMidCR + "></td><td colspan=2 width=2 bgcolor=" + strDarkCR + "></td><td width=1 bgcolor=black></td></tr>";

	strFormat += "<tr><td width=1></td><td width=1 bgcolor=black></td><td colspan=3 width=" +
	( nWidth - 4 ) + " bgcolor=" + strDarkCR + "></td><td width=1 bgcolor=black></td><td width=1></td></tr>";

	strFormat += "<tr><td colspan=2 width=2></td><td colspan=3 width=" + ( nWidth - 4 ) +
	" bgcolor=black></td><td colspan=2 width=2></td></tr></table>";

  return strFormat;
}

function Button( strBtnTitle, strLink, nWidth, strLiteCR, strMidCR, strDarkCR, strCSS, strImg, nLeftGap, nImgGap, nRiteGap, cKey )
{
	var strFormat;

	if ( !strBtnTitle ) strBtnTitle = "È® ÀÎ";
	if ( !strLink ) strLink = "#";

	if ( cKey ) 
	{
		AddShortcut( cKey, strLink );
		strBtnTitle += " (" + cKey + ")";
	}

	strLink = GetBtnHREF( strLink );

	if ( !nWidth || ( nWidth <= 0 ) ) nWidth = GetStrWidth( strBtnTitle, 10 );

	if ( !strLiteCR ) strLiteCR = "#EFEFEF";
	if ( !strMidCR ) strMidCR = "#D1D1D1";
	if ( !strDarkCR ) strDarkCR = "#9F9F9F";
	if ( !strCSS ) strCSS = "btn2";
	if ( !nImgGap ) nImgGap = 4;

	strFormat = "<table id=saybutton border=0 width=" + nWidth + " cellpadding=0 cellspacing=0 onclick="+strLink+" onmouseover=\"this.style.cursor='hand'\">";
	document.write( strFormat );

	strFormat = "<tr><td colspan=2 width=2></td><td colspan=3 width=" +
	( nWidth - 4 ) + " bgcolor=black></td><td colspan=2 width=2></td></tr>";
	document.write( strFormat );

	strFormat = "<tr><td width=1></td><td width=1 bgcolor=black></td><td width=1 bgcolor=" + strLiteCR + "></td><td width=" +
	( nWidth - 6 ) + " bgcolor=" + strLiteCR + "></td><td width=1 bgcolor=" + strDarkCR +
	"></td><td width=1 bgcolor=black></td><td width=1></td></tr>";
	document.write( strFormat );

	strFormat = "<tr><td width=1 bgcolor=black></td><td width=2 colspan=2 bgcolor=" + strLiteCR + "></td><td colspan=2 width=" +
	( nWidth - 5 ) + " bgcolor=" + strMidCR + "></td><td width=1 bgcolor=" + strDarkCR + "></td><td colspan=1 width=1 bgcolor=black></td></tr>";
	document.write( strFormat );

	strFormat = "<tr><td width=1 bgcolor=black></td><td width=1 bgcolor=" + strLiteCR + "></td><td  colspan=3 width=" + 
	( nWidth - 4 ) + " bgcolor=" + strMidCR + "></td><td width=1 bgcolor=" + strDarkCR + "></td><td width=1 bgcolor=black></td></tr>";
	document.write( strFormat );

	strFormat = "<tr><td width=1 bgcolor=black></td><td width=1 bgcolor=" + strLiteCR + "></td>";
	strFormat += "<td class=" + strCSS + " colspan=3 width=" + ( nWidth - 4 ) + " bgcolor=" + strMidCR + " align=center>";
	if ( strImg && ( strImg.length > 1 ) )
	{
	strFormat += "<table border=0 cellpadding=0 cellspacing=0><tr>";
	if ( nLeftGap ) strFormat += "<td width=" + nLeftGap + "></td>";
	strFormat += "<td><a href=" + strLink + " onclick='window.event.returnValue=false'><img src='" + strImg + "' border=0></a></td>";
	strFormat += "<td width=" + nImgGap + "></td>";
	strFormat += "<td class='" + strCSS + "'><a href=" + strLink + " onclick='window.event.returnValue=false'>" + strBtnTitle + "</a></td>";
	if ( nRiteGap ) strFormat += "<td width=" + nRiteGap + "></td>";
	strFormat += "</tr></table></td>";
	}
	else
	{
	strFormat += "<a href=" + strLink + " onclick='window.event.returnValue=false'>" + strBtnTitle + "</a></td>";
	}
	strFormat += "<td width=1 bgcolor=" + strDarkCR + "></td><td width=1 bgcolor=black></td></tr>";
	document.write( strFormat );

	strFormat = "<tr><td width=1 bgcolor=black></td><td width=1 bgcolor=" + strDarkCR + "></td><td colspan=2 width=" + 
	( nWidth - 5 ) + " bgcolor=" + strMidCR + "></td><td colspan=2 width=2 bgcolor=" + strDarkCR + "></td><td width=1 bgcolor=black></td></tr>";
	document.write( strFormat );

	strFormat = "<tr><td width=1></td><td width=1 bgcolor=black></td><td colspan=3 width=" +
	( nWidth - 4 ) + " bgcolor=" + strDarkCR + "></td><td width=1 bgcolor=black></td><td width=1></td></tr>";
	document.write( strFormat );

	strFormat = "<tr><td colspan=2 width=2></td><td colspan=3 width=" + ( nWidth - 4 ) +
	" bgcolor=black></td><td colspan=2 width=2></td></tr></table>";
	document.write( strFormat );
}

function FlatButton( strBtnTitle, strLink, nWidth, strCR, strOutCR, strCSS, strImg, nLeftGap, nImgGap, nRiteGap, cKey)
{
  var strFormat;

  if ( !strBtnTitle ) strBtnTitle = "¼± ÅÃ";
  else strBtnTitle = "" + strBtnTitle + "";

  if ( !strLink ) strLink = "#";

	if ( cKey ) 
	{
		AddShortcut( cKey, strLink );
		strBtnTitle += " (" + cKey + ")";
	}

  strLink = GetBtnHREF( strLink );
  if ( !nWidth ) nWidth = GetStrWidth( strBtnTitle, 20 );
  if ( !strCR ) strCR = "#D1D1D1";
  if ( !strCSS ) strCSS = "btn2";
  if ( !nImgGap ) nImgGap = 4;
  if ( !strOutCR) strOutCR = '#000000';

  strFormat = "<table border=0 cellpadding=0 cellspacing=0 width=" + nWidth + " onclick="+strLink+" onmouseover=\"this.style.cursor='hand'\">";
  document.write( strFormat );

  strFormat = "<tr><td colspan=2 width=2></td><td width=" + ( nWidth - 4 ) + " bgcolor="+strOutCR+"></td><td colspan=2 width=2></td></tr>";
  document.write( strFormat );

  strFormat = "<tr><td width=1></td><td width=1 bgcolor="+strOutCR+"></td><td width=" + ( nWidth - 4 ) + " bgcolor=" + strCR + "></td><td width=1 bgcolor="+strOutCR+"></td><td width=1></td></tr>";
  document.write( strFormat );

  strFormat = "<tr><td width=1 bgcolor="+strOutCR+"></td><td colspan=3 width=" + ( nWidth - 2 ) + " bgcolor=" + strCR + "><table border=0 cellspacing=0 cellpadding=0><tr><td></td></tr></table> </td><td width=1 bgcolor="+strOutCR+"></td></tr>";
  document.write( strFormat );

  strFormat = "<tr><td width=1 bgcolor="+strOutCR+"></td><td colspan=3 width=" + ( nWidth - 2 );
  strFormat += " bgcolor=" + strCR + " align=center>";

  if ( strImg && ( strImg.length > 1 ) )
  {
    strFormat += "<table border=0 cellpadding=0 cellspacing=0><tr>";
    if ( nLeftGap ) strFormat += "<td width=" + nLeftGap + "></td>";
    strFormat += "<td><a href=" + strLink + " onclick='window.event.returnValue=false'><img src='" + strImg + "' border=0></a></td>";
    strFormat += "<td width=" + nImgGap + "></td>";
    strFormat += "<td class='" + strCSS + "'><a href=" + strLink + " onclick='window.event.returnValue=false'>" + strBtnTitle + "</a></td>";
    if ( nRiteGap ) strFormat += "<td width=" + nRiteGap + "></td>";
    strFormat += "</tr></table></td>";
  }
  else
  {
    strFormat += "<font  class='" + strCSS + "'><a href=" + strLink + " onclick='window.event.returnValue=false' >" + strBtnTitle + "</a></font></td>";
  }
  strFormat += "<td width=1 bgcolor="+strOutCR+"></td></tr>";
  document.write( strFormat );

  strFormat = "<tr><td width=1 bgcolor="+strOutCR+"></td><td colspan=3 width=" + ( nWidth - 2 ) + " bgcolor=" + strCR + "><table border=0 cellspacing=0 cellpadding=0><tr><td></td></tr></table></td><td width=1 bgcolor="+strOutCR+"></td></tr>";
  document.write( strFormat );

  strFormat = "<tr><td width=1></td><td width=1 bgcolor="+strOutCR+"></td><td width=" + ( nWidth - 4 ) + " bgcolor=" + strCR + "></td><td width=1 bgcolor="+strOutCR+"></td><td width=1></td></tr>";
  document.write( strFormat );

  strFormat = "<tr><td colspan=2 width=2></td><td width=" + ( nWidth - 4 ) + " bgcolor="+strOutCR+"></td><td colspan=2 width=2></td></tr></table>";
  document.write( strFormat );
}


function FullButtonChangeCR(currentBtnID, strLiteCR, strMidCR, strDarkCR)
{
  var colLiteCR = document.getElementsByName("FullButtonLiteCR_"+currentBtnID);
  var colMidCR = document.getElementsByName("FullButtonMidCR_"+currentBtnID);
  var colDarkCR = document.getElementsByName("FullButtonDarkCR_"+currentBtnID);

  for (var i=0; i<colLiteCR.length; i++)
    colLiteCR[i].bgColor = strLiteCR;
  for (var i=0; i<colMidCR.length; i++)
    colMidCR[i].bgColor = strMidCR;
  for (var i=0; i<colDarkCR.length; i++)
    colDarkCR[i].bgColor = strDarkCR;
}

var btnID = 0;

function FullButton(strBtnTitle, strLink, nWidth, nHeight, disable, strLiteCR, strMidCR, strDarkCR, strBorderCR, strLiteOverCR, strMidOverCR, strDarkOverCR, strCSS, strImg, nLeftGap, nImgGap, nRiteGap, cKey, moveEvent)
{
  var strFormat;

  btnID++;
  if (!strBtnTitle) strBtnTitle = "È® ÀÎ";
  if (!strLink) strLink = "#";
  if (!nWidth || (nWidth <= 0)) nWidth = GetStrWidth(strBtnTitle, 7);
  if (!nHeight || (nHeight <= 0)) nHeight = 20;
  if (!strLiteCR) strLiteCR = "#EFEFEF";
  if (!strMidCR) strMidCR = "#D1D1D1";
  if (!strDarkCR) strDarkCR = "#9F9F9F";
  if (!strBorderCR) strBorderCR = "#666666";

  if (!strLiteOverCR) strLiteOverCR = strLiteOverCR;
  if (!strMidOverCR) strMidOverCR = strMidOverCR;
  if (!strDarkOverCR) strDarkOverCR = strDarkOverCR;
  if (!moveEvent) moveEvent = '';

  if (!strCSS) strCSS = "btn2";
  if (!nImgGap) nImgGap = 4;

  strLink = GetBtnHREF( strLink );
  if (cKey) 
  {
    AddShortcut(cKey, strLink);
    strBtnTitle += " ("+cKey+")";
  }

  if (disable)
    strFormat = 
"<table id=saybutton border=0 width="+nWidth+" cellpadding=0 cellspacing=0 onmouseover=\"this.style.cursor='default'\">";
  else
    strFormat = 
"<table id=saybutton border=0 width="+nWidth+" cellpadding=0 cellspacing=0 onclick="+strLink+" OnMouseMove=\""+moveEvent+"\" onmousedown=\"FullButtonChangeCR("+btnID+", '"+strDarkOverCR+"', '"+strMidOverCR+"', '"+strLiteOverCR+"');\" onmouseup=\"FullButtonChangeCR("+btnID+", '"+strLiteOverCR+"', '"+strMidOverCR+"', '"+strDarkOverCR+"');\" onmouseover=\"this.style.cursor='hand';FullButtonChangeCR("+btnID+", '"+strLiteOverCR+"', '"+strMidOverCR+"', '"+strDarkOverCR+"');\" onmouseout=\"FullButtonChangeCR("+btnID+", '"+strLiteCR+"', '"+strMidCR+"', '"+strDarkCR+"');\">";
  document.write(strFormat);

  strFormat = 
"<tr height=1>"+
  "<td width=1></td>"+
  "<td width=1></td>"+
  "<td width=1 bgcolor="+strBorderCR+"></td>"+
  "<td width="+( nWidth - 6 )+" bgcolor="+strBorderCR+"></td>"+
  "<td width=1 bgcolor="+strBorderCR+"></td>"+
  "<td width=1></td>"+
  "<td width=1></td>"+
"</tr>";
  document.write(strFormat);

  strFormat = 
"<tr height=1>"+
  "<td></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonLiteCR_"+btnID+" colspan=2 bgcolor="+strLiteCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td></td>"+
"</tr>";
  document.write( strFormat );

  strFormat = 
"<tr height=1>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonLiteCR_"+btnID+" colspan=2 bgcolor="+strLiteCR+"></td>"+
  "<td id=FullButtonMidCR_"+btnID+" rowspan=4 bgcolor="+strMidCR+" class="+strCSS+" align=center>";

  if (strImg && (strImg.length > 1))
  {
    strFormat += "<table border=0 cellpadding=0 cellspacing=0><tr>";
    if (nLeftGap) strFormat += "<td width="+nLeftGap+"></td>";

    if (disable)
      strFormat += "<td><img src='"+strImg+"' border=0></td>";
    else
      strFormat += "<td><a href="+strLink+" OnMouseMove=\""+moveEvent+"\" onclick='window.event.returnValue=false'><img src='"+strImg+"' border=0></a></td>";

    strFormat += "<td width="+nImgGap+"></td>";
    if (disable)
      strFormat += "<td class='"+strCSS+"'>"+strBtnTitle+"</td>";
    else
      strFormat += "<td class='"+strCSS+"'><a href="+strLink+" OnMouseMove=\""+moveEvent+"\" onclick='window.event.returnValue=false'>"+strBtnTitle+"</a></td>";

    if (nRiteGap) strFormat += "<td width="+nRiteGap+"></td>";
    strFormat += "</tr></table>";
  }
  else
  {
    strFormat += "<table border=0 cellpadding=0 cellspacing=0>";
    strFormat += "<tr height="+((nHeight-11-4)/2)+"><td></td></tr>";
    strFormat += "<tr><td class="+strCSS+">";

    if (disable)
      strFormat += strBtnTitle;
    else
      strFormat += "<a href="+strLink+" OnMouseMove=\""+moveEvent+"\" onclick='window.event.returnValue=false'>"+strBtnTitle+"</a>";

    strFormat += "</td></tr>";
    strFormat += "<tr height="+((nHeight-11-4)/2)+"><td></td></tr>";
    strFormat += "</table>";
  }

  strFormat += 
  "</td>"+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
"</tr>";

  document.write(strFormat);

  strFormat = 
"<tr height=1>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonLiteCR_"+btnID+" bgcolor="+strLiteCR+"></td>"+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  ""+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
"</tr>";
  document.write(strFormat);

  strFormat = 
"<tr height="+(nHeight-7)+">"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonLiteCR_"+btnID+" bgcolor="+strLiteCR+"></td>"+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  ""+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
"</tr>";
  document.write(strFormat);

  strFormat = 
"<tr height=1>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  ""+
  "<td id=FullButtonDarkCR_"+btnID+" colspan=2 bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
"</tr>";
  document.write(strFormat);

  strFormat = 
"<tr height=1>"+
  "<td width=1></td>"+
  "<td width=1 bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" colspan=3 bgcolor="+strDarkCR+"></td>"+
  "<td width=1 bgcolor="+strBorderCR+"></td>"+
  "<td width=1></td>"+
"</tr>";
  document.write(strFormat);

  strFormat = 
"<tr height=1>"+
  "<td colspan=2 width=2></td>"+
  "<td colspan=3 bgcolor="+strBorderCR+"></td>"+
  "<td colspan=2 width=2></td>"+
"</tr>";
  document.write(strFormat);

  strFormat = "</table>";
  document.write(strFormat);
}

function NBFullButton(strBtnTitle, strLink, nWidth, nHeight, disable, strLiteCR, strMidCR, strDarkCR, strBorderCR, strLiteOverCR, strMidOverCR, strDarkOverCR, strCSS, strImg, nLeftGap, nImgGap, nRiteGap, cKey)
{
  var strFormat;

  btnID++;
  if (!strBtnTitle) strBtnTitle = "È® ÀÎ";
  if (!strLink) strLink = "#";
  if (!nWidth || (nWidth <= 0)) nWidth = GetStrWidth(strBtnTitle, 10);
  if (!nHeight || (nHeight <= 0)) nHeight = 20;
  if (!strLiteCR) strLiteCR = "#EFEFEF";
  if (!strMidCR) strMidCR = "#D1D1D1";
  if (!strDarkCR) strDarkCR = "#9F9F9F";
  if (!strBorderCR) strBorderCR = "#666666";

  if (!strLiteOverCR) strLiteOverCR = strLiteOverCR;
  if (!strMidOverCR) strMidOverCR = strMidOverCR;
  if (!strDarkOverCR) strDarkOverCR = strDarkOverCR;


  if (!strCSS) strCSS = "btn2";
  if (!nImgGap) nImgGap = 4;

  strLink = GetBtnHREF( strLink );
  if (cKey) 
  {
    AddShortcut(cKey, strLink);
    strBtnTitle += " ("+cKey+")";
  }

  if (disable)
    strFormat = 
"<table id=saybutton border=0 width="+nWidth+" cellpadding=0 cellspacing=0 onmouseover=\"this.style.cursor='default'\">";
  else
    strFormat = 
"<table id=saybutton border=0 width="+nWidth+" cellpadding=0 cellspacing=0 onclick="+strLink+" onmousedown=\"FullButtonChangeCR("+btnID+", '"+strDarkOverCR+"', '"+strMidOverCR+"', '"+strLiteOverCR+"');\" onmouseup=\"FullButtonChangeCR("+btnID+", '"+strLiteOverCR+"', '"+strMidOverCR+"', '"+strDarkOverCR+"');\" onmouseover=\"this.style.cursor='hand';FullButtonChangeCR("+btnID+", '"+strLiteOverCR+"', '"+strMidOverCR+"', '"+strDarkOverCR+"');\" onmouseout=\"FullButtonChangeCR("+btnID+", '"+strLiteCR+"', '"+strMidCR+"', '"+strDarkCR+"');\">";
  document.write(strFormat);

  strFormat = 
"<tr height=1>"+
  "<td width=1></td>"+
  "<td width=1></td>"+
  "<td width=1 bgcolor="+strBorderCR+"></td>"+
  "<td width="+( nWidth - 6 )+" bgcolor="+strBorderCR+"></td>"+
  "<td width=1 bgcolor="+strBorderCR+"></td>"+
  "<td width=1></td>"+
  "<td width=1></td>"+
"</tr>";
  document.write(strFormat);

  strFormat = 
"<tr height=1>"+
  "<td></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonLiteCR_"+btnID+" colspan=2 bgcolor="+strLiteCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td></td>"+
"</tr>";
  document.write( strFormat );

  strFormat = 
"<tr height=1>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonLiteCR_"+btnID+" colspan=2 bgcolor="+strLiteCR+"></td>"+
  "<td id=FullButtonMidCR_"+btnID+" rowspan=4 bgcolor="+strMidCR+" class="+strCSS+" align=center>";

  if (strImg && (strImg.length > 1))
  {
    strFormat += "<table border=0 cellpadding=0 cellspacing=0><tr>";
    if (nLeftGap) strFormat += "<td width="+nLeftGap+"></td>";

    if (disable)
      strFormat += "<td><img src='"+strImg+"' border=0></td>";
    else
      strFormat += "<td><a href="+strLink+" onclick='window.event.returnValue=false'><img src='"+strImg+"' border=0></a></td>";

    strFormat += "<td width="+nImgGap+"></td>";
    if (disable)
      strFormat += "<td class='"+strCSS+"'>"+strBtnTitle+"</td>";
    else
      strFormat += "<td class='"+strCSS+"'><a href="+strLink+" onclick='window.event.returnValue=false'>"+strBtnTitle+"</a></td>";

    if (nRiteGap) strFormat += "<td width="+nRiteGap+"></td>";
    strFormat += "</tr></table>";
  }
  else
  {
    strFormat += "<table border=0 cellpadding=0 cellspacing=0>";
    strFormat += "<tr height="+((nHeight-11-4)/2)+"><td></td></tr>";
    strFormat += "<tr><td class="+strCSS+">";

    if (disable)
      strFormat += strBtnTitle;
    else
      strFormat += "<a href="+strLink+" onclick='window.event.returnValue=false'>"+strBtnTitle+"</a>";

    strFormat += "</td></tr>";
    strFormat += "</table>";
  }

  strFormat += 
  "</td>"+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
"</tr>";

  document.write(strFormat);

  strFormat = 
"<tr height=1>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonLiteCR_"+btnID+" bgcolor="+strLiteCR+"></td>"+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  ""+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
"</tr>";
  document.write(strFormat);

  strFormat = 
"<tr height="+(nHeight-7)+">"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonLiteCR_"+btnID+" bgcolor="+strLiteCR+"></td>"+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  ""+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
"</tr>";
  document.write(strFormat);

  strFormat = 
"<tr height=1>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  ""+
  "<td id=FullButtonDarkCR_"+btnID+" colspan=2 bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
"</tr>";
  document.write(strFormat);

  strFormat = 
"<tr height=1>"+
  "<td width=1></td>"+
  "<td width=1 bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" colspan=3 bgcolor="+strDarkCR+"></td>"+
  "<td width=1 bgcolor="+strBorderCR+"></td>"+
  "<td width=1></td>"+
"</tr>";
  document.write(strFormat);

  strFormat = 
"<tr height=1>"+
  "<td colspan=2 width=2></td>"+
  "<td colspan=3 bgcolor="+strBorderCR+"></td>"+
  "<td colspan=2 width=2></td>"+
"</tr>";
  document.write(strFormat);

  strFormat = "</table>";
  document.write(strFormat);
}


function FullButtonHTML(strBtnTitle, strLink, nWidth, nHeight, disable, strLiteCR, strMidCR, strDarkCR, strBorderCR, strLiteOverCR, strMidOverCR, strDarkOverCR, strCSS, strImg, nLeftGap, nImgGap, nRiteGap, cKey)
{
  var strFormat;

  btnID++;
  if (!strBtnTitle) strBtnTitle = "È® ÀÎ";
  if (!strLink) strLink = "#";
  if (!nWidth || (nWidth <= 0)) nWidth = GetStrWidth(strBtnTitle, 10);
  if (!nHeight || (nHeight <= 0)) nHeight = 20;
  if (!strLiteCR) strLiteCR = "#EFEFEF";
  if (!strMidCR) strMidCR = "#D1D1D1";
  if (!strDarkCR) strDarkCR = "#9F9F9F";
  if (!strBorderCR) strBorderCR = "#666666";

  if (!strLiteOverCR) strLiteOverCR = strLiteOverCR;
  if (!strMidOverCR) strMidOverCR = strMidOverCR;
  if (!strDarkOverCR) strDarkOverCR = strDarkOverCR;


  if (!strCSS) strCSS = "btn2";
  if (!nImgGap) nImgGap = 4;

  strLink = GetBtnHREF( strLink );
  if (cKey) 
  {
    AddShortcut(cKey, strLink);
    strBtnTitle += " ("+cKey+")";
  }

  if (disable)
    strFormat = 
"<table id=saybutton border=0 width="+nWidth+" cellpadding=0 cellspacing=0 onmouseover=\"this.style.cursor='default'\">";
  else
    strFormat = 
"<table id=saybutton border=0 width="+nWidth+" cellpadding=0 cellspacing=0 onclick="+strLink+" onmousedown=\"FullButtonChangeCR("+btnID+", '"+strDarkOverCR+"', '"+strMidOverCR+"', '"+strLiteOverCR+"');\" onmouseup=\"FullButtonChangeCR("+btnID+", '"+strLiteOverCR+"', '"+strMidOverCR+"', '"+strDarkOverCR+"');\" onmouseover=\"this.style.cursor='hand';FullButtonChangeCR("+btnID+", '"+strLiteOverCR+"', '"+strMidOverCR+"', '"+strDarkOverCR+"');\" onmouseout=\"FullButtonChangeCR("+btnID+", '"+strLiteCR+"', '"+strMidCR+"', '"+strDarkCR+"');\">";

  strFormat += 
"<tr height=1>"+
  "<td width=1></td>"+
  "<td width=1></td>"+
  "<td width=1 bgcolor="+strBorderCR+"></td>"+
  "<td width="+( nWidth - 6 )+" bgcolor="+strBorderCR+"></td>"+
  "<td width=1 bgcolor="+strBorderCR+"></td>"+
  "<td width=1></td>"+
  "<td width=1></td>"+
"</tr>";

  strFormat += 
"<tr height=1>"+
  "<td></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonLiteCR_"+btnID+" colspan=2 bgcolor="+strLiteCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td></td>"+
"</tr>";

  strFormat += 
"<tr height=1>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonLiteCR_"+btnID+" colspan=2 bgcolor="+strLiteCR+"></td>"+
  "<td id=FullButtonMidCR_"+btnID+" rowspan=4 bgcolor="+strMidCR+" class="+strCSS+" align=center>";

  if (strImg && (strImg.length > 1))
  {
    strFormat += "<table border=0 cellpadding=0 cellspacing=0><tr>";
    if (nLeftGap) strFormat += "<td width="+nLeftGap+"></td>";

    if (disable)
      strFormat += "<td><img src='"+strImg+"' border=0></td>";
    else
      strFormat += "<td><a href="+strLink+" onclick='window.event.returnValue=false'><img src='"+strImg+"' border=0></a></td>";

    strFormat += "<td width="+nImgGap+"></td>";
    if (disable)
      strFormat += "<td class='"+strCSS+"'>"+strBtnTitle+"</td>";
    else
      strFormat += "<td class='"+strCSS+"'><a href="+strLink+" onclick='window.event.returnValue=false'>"+strBtnTitle+"</a></td>";

    if (nRiteGap) strFormat += "<td width="+nRiteGap+"></td>";
    strFormat += "</tr></table>";
  }
  else
  {
    strFormat += "<table border=0 cellpadding=0 cellspacing=0>";
    strFormat += "<tr height="+((nHeight-11-4)/2)+"><td></td></tr>";
    strFormat += "<tr><td class="+strCSS+">";

    if (disable)
      strFormat += strBtnTitle;
    else
      strFormat += "<a href="+strLink+" onclick='window.event.returnValue=false'>"+strBtnTitle+"</a>";

    strFormat += "</td></tr>";
    strFormat += "</table>";
  }

  strFormat += 
  "</td>"+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
"</tr>";

  strFormat += 
"<tr height=1>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonLiteCR_"+btnID+" bgcolor="+strLiteCR+"></td>"+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  ""+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
"</tr>";

  strFormat += 
"<tr height="+(nHeight-7)+">"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonLiteCR_"+btnID+" bgcolor="+strLiteCR+"></td>"+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  ""+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
"</tr>";

  strFormat += 
"<tr height=1>"+
  "<td bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" bgcolor="+strDarkCR+"></td>"+
  "<td id=FullButtonMidCR_"+btnID+" bgcolor="+strMidCR+"></td>"+
  ""+
  "<td id=FullButtonDarkCR_"+btnID+" colspan=2 bgcolor="+strDarkCR+"></td>"+
  "<td bgcolor="+strBorderCR+"></td>"+
"</tr>";

  strFormat += 
"<tr height=1>"+
  "<td width=1></td>"+
  "<td width=1 bgcolor="+strBorderCR+"></td>"+
  "<td id=FullButtonDarkCR_"+btnID+" colspan=3 bgcolor="+strDarkCR+"></td>"+
  "<td width=1 bgcolor="+strBorderCR+"></td>"+
  "<td width=1></td>"+
"</tr>";

  strFormat += 
"<tr height=1>"+
  "<td colspan=2 width=2></td>"+
  "<td colspan=3 bgcolor="+strBorderCR+"></td>"+
  "<td colspan=2 width=2></td>"+
"</tr>";

  strFormat += "</table>";

  return strFormat;
}



/*
 * SayButtonObj() ´Â ¹öÆ°º°·Î °íÀ¯ ID ¸¦ ÁöÁ¤ÇÏ´Â ±â´ÉÀ» °®°í ÀÖ´Ù.
 * °íÀ¯ ID ¸¦ È°¿ëÇÏ¿© ¹öÆ° »öÀ» º¯°æÇÒ¼ö ÀÖ´Ù.
 */
function ButtonObj( strID, strBtnTitle, strLink, nWidth, strLiteCR, strMidCR, strDarkCR, strCSS, strImg, nLeftGap, nImgGap, nRiteGap, cKey )
{
	var strFormat;

	if ( !strBtnTitle ) strBtnTitle = "È® ÀÎ";
	if ( !strLink ) strLink = "#";

	if ( cKey ) 
	{
	  AddShortcut( cKey, strLink );
	  strBtnTitle += " (" + cKey + ")";
	}

	strLink = GetBtnHREF( strLink );

	if ( !nWidth || ( nWidth <= 0 ) ) nWidth = GetStrWidth( strBtnTitle, 10 );

	if ( !strLiteCR ) strLiteCR = "#EFEFEF";
	if ( !strMidCR ) strMidCR = "#D1D1D1";
	if ( !strDarkCR ) strDarkCR = "#9F9F9F";
	if ( !strCSS ) strCSS = "btn2";
	if ( !nImgGap ) nImgGap = 4;

        strFormat = "<table id=" + strID;
	strFormat += " border=0 width=" + nWidth + " cellpadding=0 cellspacing=0 onclick="+strLink+" onmouseover=\"this.style.cursor='hand'\">";
	document.write( strFormat );

	strFormat = "<tr><td colspan=2 width=2></td><td colspan=3 width=" +
	( nWidth - 4 ) + " bgcolor=black></td><td colspan=2 width=2></td></tr>";
	document.write( strFormat );

	strFormat = "<tr><td width=1></td><td width=1 bgcolor=black></td><td width=1 bgcolor=" + strLiteCR + "></td><td width=" +
	( nWidth - 6 ) + " bgcolor=" + strLiteCR + "></td><td width=1 bgcolor=" + strDarkCR +
	"></td><td width=1 bgcolor=black></td><td width=1></td></tr>";
	document.write( strFormat );

	strFormat = "<tr><td width=1 bgcolor=black></td><td width=2 colspan=2 bgcolor=" + strLiteCR + "></td><td colspan=2 width=" +
	( nWidth - 5 ) + " bgcolor=" + strMidCR + "></td><td width=1 bgcolor=" + strDarkCR + "></td><td colspan=1 width=1 bgcolor=black></td></tr>";
	document.write( strFormat );

	strFormat = "<tr><td width=1 bgcolor=black></td><td width=1 bgcolor=" + strLiteCR + "></td><td  colspan=3 width=" + 
	( nWidth - 4 ) + " bgcolor=" + strMidCR + "></td><td width=1 bgcolor=" + strDarkCR + "></td><td width=1 bgcolor=black></td></tr>";
	document.write( strFormat );

	strFormat = "<tr><td width=1 bgcolor=black></td><td width=1 bgcolor=" + strLiteCR + "></td>";
	strFormat += "<td class=" + strCSS + " colspan=3 width=" + ( nWidth - 4 ) + " bgcolor=" + strMidCR + " align=center>";
	if ( strImg && ( strImg.length > 1 ) )
	{
	strFormat += "<table border=0 cellpadding=0 cellspacing=0><tr>";
	if ( nLeftGap ) strFormat += "<td width=" + nLeftGap + "></td>";
	strFormat += "<td><a href=" + strLink + " onclick='window.event.returnValue=false'><img src='" + strImg + "' border=0></a></td>";
	strFormat += "<td width=" + nImgGap + "></td>";
	strFormat += "<td class='" + strCSS + "'><a href=" + strLink + " onclick='window.event.returnValue=false'>" + strBtnTitle + "</a></td>";
	if ( nRiteGap ) strFormat += "<td width=" + nRiteGap + "></td>";
	strFormat += "</tr></table></td>";
	}
	else
	{
	strFormat += "<a href=" + strLink + " onclick='window.event.returnValue=false'>" + strBtnTitle + "</a></td>";
	}
	strFormat += "<td width=1 bgcolor=" + strDarkCR + "></td><td width=1 bgcolor=black></td></tr>";
	document.write( strFormat );

	strFormat = "<tr><td width=1 bgcolor=black></td><td width=1 bgcolor=" + strDarkCR + "></td><td colspan=2 width=" + 
	( nWidth - 5 ) + " bgcolor=" + strMidCR + "></td><td colspan=2 width=2 bgcolor=" + strDarkCR + "></td><td width=1 bgcolor=black></td></tr>";
	document.write( strFormat );

	strFormat = "<tr><td width=1></td><td width=1 bgcolor=black></td><td colspan=3 width=" +
	( nWidth - 4 ) + " bgcolor=" + strDarkCR + "></td><td width=1 bgcolor=black></td><td width=1></td></tr>";
	document.write( strFormat );

	strFormat = "<tr><td colspan=2 width=2></td><td colspan=3 width=" + ( nWidth - 4 ) +
	" bgcolor=black></td><td colspan=2 width=2></td></tr></table>";
	document.write( strFormat );
}

function ChangeObjColor(objID, c1, c2)
{
  var oRow;
  var curr_row, curr_cell;
  var myObj;
  var color1, color2;

  myObj = document.all[objID];

  color1 = c1.toLowerCase();
  color2 = c2.toLowerCase();

  for(curr_row = 0; curr_row < myObj.rows.length; curr_row++)
  {
    oRow = myObj.rows[curr_row];
    for(curr_cell = 0; curr_cell < oRow.cells.length; curr_cell++)
    {
      if(oRow.cells[curr_cell].bgColor == color1)
        oRow.cells[curr_cell].bgColor = color2;
    }
  }

  return ;
}