var gBtnSeq = 0;
var gBtnId = "";
var gBtnCss = "";


	
  EdgeLT = new Array (5);
  EdgeLT[0] = new Array (0,0,0,0,0);
  EdgeLT[1] = new Array (0,0,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);
  
  //EdgeLT[0] = new Array (0,0,0,1,1);
  //EdgeLT[1] = new Array (0,0,1,3,3);
  //EdgeLT[2] = new Array (0,1,3,2,2);
  //EdgeLT[3] = new Array (1,3,2,2,2);
  //EdgeLT[4] = new Array (1,3,2,2,2);

  EdgeRT = new Array (5);
  EdgeRT[0] = new Array (0,0,0,0,0);
  EdgeRT[1] = new Array (1,1,1,0,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,0,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,0,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);
  //LineTL = new Array (1,3,2,2,2);
  //LineBR = new Array (2,2,2,4,1);



function BtnChangeColorDown(BtnID)
{
  
  
  var fTmp, fCssType = "" ;
  fTmp = BtnID.split( "_" );
  
 
  if( fTmp.length > 1 ) fCssType  = "_" + fTmp[1]; 
  
  
  //alert(  fCssType[1])
  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" + fCssType;
  }
  for (var i=0; i<Btn4.length; i++){
        Btn4[i].className = "btn_edge3" + fCssType;
  }
}


function BtnChangeColorUp(BtnID)
{

	
  var fTmp, fCssType = "" ;
  fTmp = BtnID.split( "_" );
  
 
  if( fTmp.length > 1 ) fCssType  = "_" + fTmp[1]; 
  
  
  //alert ( BtnID + ":" + fCssType );
  
  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" + fCssType;
  }
  
  for (var i=0; i<Btn4.length; i++){
       Btn4[i].className = "btn_edge4" + fCssType;
  }

	
}

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.substring( 11 ) ;
  
  //return "javascript:onBtnClick( '" + p_link + "' , '" + p_target + "')";
  
  return "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 );
	

}

var gClickBtn = "";
var gClickTime = 0;

function StopClick(pBtnID)
{
	Dt = new Date();
	var fClickTime = Dt.getTime();
	
	
	if (  ( pBtnID == gClickBtn ) &&  ( fClickTime - gClickTime < 1000 ) )
	{
		var term = fClickTime - gClickTime 
		alert("Àá½ÃÈÄ¿¡ ´Ù½Ã ½ÃµµÇØ ÁÖ¼¼¿ä. " );
		gClickBtn = pBtnID;
		
		gClickTime = Dt.getTime();
		return false;	
	}
	else  {
		gClickBtn = pBtnID;
		
		gClickTime = Dt.getTime();
		return true;
	}
	
}

/*
**  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  )
{
	  gBtnSeq++;	
	  
	  if ( !p_title ) p_title="È® ÀÎ";
	  if ( !p_link  ) p_link="#";
	  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 = "";    
	
	 
	  gBtnId =  gBtnSeq  + 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=\"javascript:if(StopClick( '"+gBtnId+ "'))"+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( p_title, true);
	  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>");

    

}