var gBtnId = 0;
var gBtnCss = "";

	
  EdgeLT = new Array (5);
  EdgeLT[0] = new Array (0,0,0,0,0);
  EdgeLT[1] = new Array (0,1,1,1,1);
  EdgeLT[2] = new Array (0,1,3,3,3);
  EdgeLT[3] = new Array (0,1,3,2,2);
  EdgeLT[4] = new Array (0,1,3,2,2);

  EdgeRT = new Array (5);
  EdgeRT[0] = new Array (0,0,0,0,0);
  EdgeRT[1] = new Array (1,1,1,1,0);
  EdgeRT[2] = new Array (3,3,3,1,0);
  EdgeRT[3] = new Array (2,2,4,1,0);
  EdgeRT[4] = new Array (2,2,4,1,0);
  
  EdgeLB = new Array (5);
  EdgeLB[0] = new Array (0,1,3,2,2);
  EdgeLB[1] = new Array (0,1,3,2,2);
  EdgeLB[2] = new Array (0,1,4,4,4);
  EdgeLB[3] = new Array (0,1,1,1,1);
  EdgeLB[4] = new Array (0,0,0,0,0);
	
  EdgeRB = new Array (5);
  EdgeRB[0] = new Array (2,2,4,1,0);
  EdgeRB[1] = new Array (2,2,4,1,0);
  EdgeRB[2] = new Array (4,4,4,1,0);
  EdgeRB[3] = new Array (1,1,1,1,0);
  EdgeRB[4] = new Array (0,0,0,0,0);
  
  
  LineTL = new Array (0,1,3,2,2);
  LineBR = new Array (2,2,4,1,0);

function onBtnClick( link, strTarget )
{
  //alert( "¹öÆ°ÀÌ ´­·¯ Á³½À´Ï´Ù.");
  //if ( strTarget && strTarget.length > 0 ) window.open( link, strTarget );
  //else document.location = link;
}

function changeC(currentBtnID, lightC, midC, darkC)
{
   
  var colLiteCR = document.getElementsByName("lightArea_"+currentBtnID);
  var colMidCR = document.getElementsByName("midArea_"+currentBtnID);
  var colDarkCR = document.getElementsByName("darkArea_"+currentBtnID);

  
  for (var i=0; i<colLiteCR.length; i++)
    colLiteCR[i].bgColor = lightC;
  for (var i=0; i<colMidCR.length; i++)
    colMidCR[i].bgColor = midC;
  for (var i=0; i<colDarkCR.length; i++)
    colDarkCR[i].bgColor = darkC;
}

function BtnChangeColorDown(BtnID)
{
	
  
  var Btn3 = document.getElementsByName("BtnEdge3_"+BtnID);
  var Btn4 = document.getElementsByName("BtnEdge4_"+BtnID);

  for (var i=0; i<Btn3.length; i++){
  		Btn3[i].className = "btn_edge4";
  }
  for (var i=0; i<Btn4.length; i++){
        Btn4[i].className = "btn_edge3";
  }
}


function BtnChangeColorUp(BtnID)
{
	
  
  var Btn3 = document.getElementsByName("BtnEdge3_"+BtnID);
  var Btn4 = document.getElementsByName("BtnEdge4_"+BtnID);

  for (var i=0; i<Btn3.length; i++){
  		Btn3[i].className = "btn_edge3";
  }
  
  for (var i=0; i<Btn4.length; i++){
        Btn4[i].className = "btn_edge4";
  }

}

function WriteHtml ( pStr, codeOnly) {
	
  var fStr;
  	
  	if (codeOnly){
	  	fStr = pStr; 
	  	//fStr = pStr.replace ("<","&lt;");
	    //fStr = pStr.replace (">","&gt;");
	  	document.write (fStr);
    }
  	else {
  		document.write (pStr);
	}
	
}



function onBtnClick( p_link, p_target )
{
  //alert( p_link );
  if ( p_target && p_target.length > 0 ) window.open( p_link, p_target );
  else document.location = p_link;
}  


function ScriptLink( p_link, p_target )
{
	
  nPos = p_link.indexOf( "javascript:" );
  if ( nPos >= 0 ) return p_link ;
  
  return "javascript:onBtnClick( '" + p_link + "' , '" + p_target + "')";
   
  
}
  



function BtnDrawEdge(  pEdge, pSizeX, pSizeY )
{
	
	var i,j,num;
	var str = "";
	var px = 1;
	
	str += "<table border=0 width="+px*pSizeX+" height="+px*pSizeY+"  cellpadding=0 cellspacing=0>";
	for ( i=0; i<pSizeX; i++){
		str += "<tr>";
		for ( j=0; j<pSizeY; j++){
			num = pEdge[i][j];
			str +="<td id=BtnEdge"+num+"_"+gBtnId+" width="+px+" height="+px+" class=btn_edge"+num+gBtnCss+"></td>";
		}
		str += "</tr>\n";
	}

	str += "</table>";
	
	WriteHtml( str );
	
}


function BtnDrawLineX( pLine, pSize )
{

	
	var i,j, num;
	var str = "";
	var px = 1;
	
	str += "<table border=0 width=100% height="+px*pSize+"  cellpadding=0 cellspacing=0 >";
	for ( i=0; i<pSize; i++){
		num = pLine[i];
		str +="<tr><td id=BtnEdge"+num+"_"+gBtnId+" width=100% height="+px+" class=btn_edge"+num+gBtnCss+" ></td></tr>";
			
	}

	str += "</table>";
	WriteHtml( str );

}


function BtnDrawLineY( pLine, pSize )
{

	
	var i,j,num;
	var str = "";
	var px = 1;
	
	str += "<table border=0 width="+px*pSize+"  height=100% cellpadding=0 cellspacing=0>";
	str += "<tr height=100%>";
	
	for ( i=0; i<pSize; i++){
		num = pLine[i];
		str +="<td id=BtnEdge"+num+"_"+gBtnId+" height=100% width="+px+" class=btn_edge"+num+gBtnCss+"></td>";
		
	}
	str += "</tr>";
	str += "</table>";
	WriteHtml( str );

}


/*
**  HtmlÅ×ÀÌºí ¹öÆ°À» ±×·ÁÁØ´Ù. 
**  p_title : ¹öÆ° Á¦¸ñ , null À̸é "È® ÀÎ"
**  p_link  : Html Link , ½º¸³Æ®ÀÏ°æ¿ì "javascript:" ·Î ½ÃÀÛÇÑ´Ù.
**  p_target : Ÿ°ÙÀ» ÁöÁ¤ÇÑ´Ù. 
**  p_width : ¹öÆ° ³ÐÀÌ 
**  p_height : ¹öÆ° ³ôÀÌ 
*/

function CJIButton( p_title, p_link, p_target, p_width, p_height, p_css  )
{
	  gBtnId++;
	  
	  if ( !p_title ) p_title="È® ÀÎ";
	  if ( !p_link  ) p_link="javascript:;";
	  if ( !p_target ) p_target = "";
	  if ( p_width ) p_width = " width="+p_width;
	  if ( p_height ) p_height = " height="+p_height;
	  
	  if ( p_css && p_css.length > 0  ) gBtnCss = p_css ;
	  else gBtnCss = "";    
	  
	  script_link = ScriptLink( p_link, p_target ); 
	  
	  	  
	  //ABegin = "<a href="+link+  " onclick='window.event.returnValue=false' "+onmouseoverTag+" onfocus='this.blur()'>";
      LinkB = "<a href="+script_link+">";
	  LinkE = "</a>";
      
	  WriteHtml( "<table id=\"+ gBtnId + \" class=btn_table"+gBtnCss+" border=0  cellpadding=0 cellspacing=0 " + p_width + p_height);
	  WriteHtml( " onclick=\""+script_link+";BtnChangeColorUp( "+gBtnId+")\"  " );
	  WriteHtml( " onmousedown=\"BtnChangeColorDown('"+gBtnId+"')\" "); 
	  WriteHtml( " onmouseup=\"BtnChangeColorUp('"+gBtnId+"')\" ");
	  WriteHtml( " onmouseover=\"this.style.cursor='hand';BtnChangeColorUp('"+gBtnId+"')\" "); 
	  WriteHtml( " onmouseout=\"BtnChangeColorUp('"+gBtnId+"')\">" );
	
	  WriteHtml( "<tr><td width=5>");
	  BtnDrawEdge( EdgeLT, 5, 5 );
	  WriteHtml( "</td><td>");		
	  BtnDrawLineX( LineTL, 5 );
 	  WriteHtml( "</td><td width=5>");		
	  BtnDrawEdge( EdgeRT, 5, 5 );
 	  WriteHtml( "</td></tr>");
 	  		
	  WriteHtml( "<tr><td height=100%>");		
 	  BtnDrawLineY( LineTL, 5 );
 	  WriteHtml( "</td><td class=btn_text"+gBtnCss+">");
 	  //WriteHtml( LinkB );		
 	  WriteHtml( p_title, true);
	  //WriteHtml( LinkE ) ;		
	  WriteHtml( "</td><td>");		
	  BtnDrawLineY( LineBR, 5 );
  	  WriteHtml( "</td></tr>");
  	  		
	WriteHtml( "<tr><td>");		
	BtnDrawEdge( EdgeLB, 5, 5 );
  	WriteHtml( "</td><td>");		
	BtnDrawLineX( LineBR, 5 );
    WriteHtml( "</td><td>");		
	BtnDrawEdge( EdgeRB, 5, 5 );
 	WriteHtml( "</td></tr>");		
			
	
    WriteHtml( "</table>");

    

}