
// ÆäÀÌÁö ÀÌµ¿ [1] [2] ... ÇÏ´Â HTML ÄÚµå¸¦ »ý¼ºÇØ¼­ µ¹·ÁÁØ´Ù.
//	funcName : ½ÇÁ¦ ÆäÀÌÁö ÀÌµ¿À» À§ÇÑ ÇÔ¼öÀÌ¸§ (¿¹: gotoPage)
//	pageNum : ÇöÀç ÆäÀÌÁö ¹øÈ£
//	pageSize : ÇÑ ÆäÀÌÁö´ç °á°ú °¹¼ö
//	total : ÀüÃ¼ °á°ú °¹¼ö
function pageNav( funcName, pageNum, pageSize, total )
{

	if( total < 1 )
		return "";

	var ret = "";
	var PAGEBLOCK=10;
	var totalPages = Math.floor((total-1)/pageSize) + 1;

	var firstPage = Math.floor((pageNum-1)/PAGEBLOCK) * PAGEBLOCK + 1;
	if( firstPage <= 0 ) // ?
		firstPage = 1;

	var lastPage = firstPage-1 + PAGEBLOCK;
	if( lastPage > totalPages )
		lastPage = totalPages;

	if( firstPage > PAGEBLOCK )
	{
//		ret += navAnchor(funcName, 1, "<<Ã³À½") + "&nbsp;\n";
//		ret += navAnchor(funcName, (firstPage-1), "<ÀÌÀü") + "&nbsp;\n";
		ret += navAnchor(funcName, firstPage-1, "<span style='font-family:Verdana; font-size: 12px; color:  #FFFFFF;background-color: #CCCCCC; height: 20px; width: 22px; border: 1px solid #666666;font-weight:bold;cursor:pointer;'>&lt</span>") + "&nbsp;\n";
	}

	for( i=firstPage; i<=lastPage; i++ )
	{
		if( pageNum == i )
			ret += "<span style='font-family:Verdana; font-size: 12px; color:  #FFFFFF;background-color: #CCCCCC; height: 20px; width: 22px; border: 1px solid #666666;font-weight:bold;cursor:pointer;'> " + i + "</span> \n";
		else
			ret += navAnchor(funcName, i, "<span style='font-family:Verdana; font-size: 12px; color:  #666666;background-color: #FFFFFF; height: 20px; width: 22px; border: 1px solid #666666;cursor:pointer;'>" + i + "</span>") + "\n";
	}


	if( lastPage < totalPages )
	{
		ret += navAnchor(funcName, (lastPage+1), "<span style='font-family:Verdana; font-size: 12px; color:  #FFFFFF;background-color: #CCCCCC; height: 20px; width: 22px; border: 1px solid #666666;font-weight:bold;cursor:pointer;'>&gt</span>") + "&nbsp;\n";
//		ret += "&nbsp;" + navAnchor(funcName, totalPages, "³¡>>") + "\n";
//		ret += "&nbsp;" + navAnchor(funcName, lastPage+1, "<IMG SRC=\"/images/cafe/btn_next.gif\" width='14' height='13' border='0' align='absmiddle'>") + "\n";		
	}

	return ret;
}



function navAnchor( funcName, pageNo, anchorText )
{
	return "<a href='javascript:" + funcName + "(" + pageNo + ")' ><span class='right03'>" + anchorText + "</span></a>";
}



// ÆäÀÌÁö ÀÌµ¿ [1] [2] ... ÇÏ´Â HTML ÄÚµå¸¦ »ý¼ºÇØ¼­ µ¹·ÁÁØ´Ù.
//	funcName : ½ÇÁ¦ ÆäÀÌÁö ÀÌµ¿À» À§ÇÑ ÇÔ¼öÀÌ¸§ (¿¹: gotoPage)
//	pageNum : ÇöÀç ÆäÀÌÁö ¹øÈ£
//	pageSize : ÇÑ ÆäÀÌÁö´ç °á°ú °¹¼ö
//	total : ÀüÃ¼ °á°ú °¹¼ö
//	firstImg : Ã³À½ ÀÌ¹ÌÁö <img src=\"~>
//	lastImg : ¸¶Áö¸· ÀÌ¹ÌÁö <img src=\"~>
//	prevImg : Ã³À½ ÀÌ¹ÌÁö <img src=\"~>
//	nextImg : ¸¶Áö¸· ÀÌ¹ÌÁö <img src=\"~>
//	midTagSrt : ÇöÀç ÆäÀÌÁöÀÇ style Á¤ÀÇ start(<font color=~>)
//	midTagEnd : ÇöÀç ÆäÀÌÁöÀÇ style Á¤ÀÇ end (</font>)
//	separate :  ÆäÀÌÁö ¹øÈ£°£ ±¸ºÐ¹®ÀÚ or IMG
function pageNav2( funcName, pageNum, pageSize, total, 
				firstImg, lastImg, prevImg, nextImg, midTagSrt, midTagEnd, separate )
{
	if( total < 1 )
		return "";

	if ( firstImg == "" ) firstImg = "<<Ã³À½";
	if ( lastImg == "" ) lastImg = "³¡>>";
	
	var ret = "";
	var PAGEBLOCK=10;
	var totalPages = Math.floor((total-1)/pageSize) + 1;

	var firstPage = Math.floor((pageNum-1)/PAGEBLOCK) * PAGEBLOCK + 1;
	if( firstPage <= 0 ) // ?
		firstPage = 1;

	var lastPage = firstPage-1 + PAGEBLOCK;
	if( lastPage > totalPages )
		lastPage = totalPages;

	if( firstPage > PAGEBLOCK )
	{
		ret += navAnchor(funcName, 1, firstImg ) + "&nbsp;\n";
		ret += navAnchor(funcName, (firstPage-1), prevImg) + "&nbsp;\n";
	}

	
	for( i=firstPage; i<=lastPage; i++ )
	{
		if ( i > firstPage)
			ret += separate + "&nbsp;\n" ;
			
		if( pageNum == i )
			ret += midTagSrt + i + midTagEnd + "&nbsp;\n";
		else
			ret += navAnchor(funcName, i, i ) + "&nbsp;\n";
	}
	
	if( lastPage < totalPages )
	{
		ret += navAnchor(funcName, (lastPage+1), nextImg) + "&nbsp;\n";
		ret += "&nbsp;" + navAnchor(funcName, totalPages, lastImg) + "\n";
	}

	return ret;
}

