
var REQ;
var THISPAGE = 1;
var CURR_SEQ;
var LISTUNIT= 9;
var PAGEUNIT = 10;

function newXMLHttpRequest() {
	var xmlreq = false;
	if (window.XMLHttpRequest) {
		// Create XMLHttpRequest object in non-Microsoft browsers
		xmlreq = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		// Create XMLHttpRequest via MS ActiveX
		try {
			// Try to create XMLHttpRequest in later versions
			// of Internet Explorer
			xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e1) {
			// Failed to create required ActiveXObject
			try {
				// Try version supported by older versions
				// of Internet Explorer
				xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e2) {
				// Unable to create an XMLHttpRequest with ActiveX
			}
		}
	}
	if(xmlreq == null) {
		alert("Á¦ÇÑÀûÀÎ ¼­ºñ½º »ç¿ëÀÌ °¡´ÉÇÑ ºê¶ó¿ìÀúÀÔ´Ï´Ù");
	} else {
		return xmlreq;
	}
}


function act_search(pagenum) {

	var tablemsg = document.getElementById("contentList");
	tablemsg.innerHTML =  "<img src='/VPR/img/progress.gif'> µ¥ÀÌÅÍ °Ë»öÁßÀÔ´Ï´Ù..";

	var srch_opt = document.getElementById("contentCode").value;//°Ë»ö¿É¼Ç

	if( pagenum == 0 ){//ÆäÀÌÁö¹øÈ£°¡ 0ÀÏ°æ¿ì´Â ÇöÀçÇ¥½ÃÁßÀÎ ÆäÀÌÁö¸¦ Ã³¸®ÇÑ´Ù
		pagenum = THISPAGE;
	}else{
		THISPAGE = pagenum;
	}
	
	REQ = newXMLHttpRequest();//req °´Ã¼¹ÝÈ¯
	var handlerFunction = processReqList;
	REQ.onreadystatechange = handlerFunction;
		
	REQ.open("POST", "/VPR/ajax/MovieContentsList.asp", true);
	REQ.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	REQ.send("MI_CODE="+srch_opt+"&gotoPage2="+pagenum);

}

function processReqList() {

	if (REQ.readyState == 4) {
		if (REQ.status == 200) {
			printList();
		} else {
			alert("There was a problem retrieving the XML data:\n" + REQ.statusText);
		}
	}
}



/***********************************************************
	ÇÔ¼ö¸í		:printList()
	Ã³¸®³»¿ë	:¸®½ºÆ® Ãâ·ÂÇÔ¼ö
***********************************************************/
function printList() {
	var lists = REQ.responseXML.getElementsByTagName("lists")[0]; //ÀÀ´ä¹ÞÀº XML¿¡¼­ ¸®½ºÆ®³»¿ëÀ» Àü´Þ
	var output = document.getElementById("contentList");//board.asp¿¡¼­ÀÇ Ãâ·ÂºÎºÐ
	var outhtml = "";//returnÇÒ HTML½ºÆ®¸µ
	output.innerHTML = "";//Ãâ·ÂºÎºÐÀÇ ³»¿ëÀ» ÃÊ±âÈ­
	
	var items = lists.getElementsByTagName("item"); //XML¿¡¼­ Ç¥½ÃÇÒ °Ô½Ã¹°À» ¹è¿­·Î ¹Þ´Â´Ù.
	
	outhtml += "<table width='100%' border='0' cellpadding='0' cellspacing='0'>";

	if(items.length > 0) {//°Ô½Ã¹°ÀÌ 1°ßÀÌ¶óµµ ÀÖÀ»°æ¿ìÀÇ Ã³¸®³»¿ë

		outhtml += "	<tr>";
		outhtml += "		<td width='37'></td>";
		outhtml += "		<td valign='top'>";
		outhtml += "			<table border='0' cellpadding='0' cellspacing='0'>";
		outhtml += "				<tr>";

		for(var i=0; i<items.length; i++){//°Ô½Ã¹° °Ç¼ö¸¸Å­ ·çÇÁ
			var item = items[i];
			
			var seq        = item.getAttribute("seq");//°Ô½Ã¹°¹øÈ£
			var MI_IDX      = item.getElementsByTagName("MI_IDX")[0].firstChild.nodeValue;//°Ô½Ã¹° ÀÛ¼ºÀÚ
			var MI_IMG      = item.getElementsByTagName("MI_IMG")[0].firstChild.nodeValue;//°Ô½Ã¹° Á¦¸ñ
			var MI_USERSTR2 = item.getElementsByTagName("MI_USERSTR2")[0].firstChild.nodeValue;//ÄÚ¸àÆ®°¹¼ö
			var MI_COUNT = item.getElementsByTagName("MI_COUNT")[0].firstChild.nodeValue;//ÄÚ¸àÆ®°¹¼ö
			var COM_COUNT = item.getElementsByTagName("COM_COUNT")[0].firstChild.nodeValue;//ÄÚ¸àÆ®°¹¼ö

			MI_USERSTR2 = toEntity(MI_USERSTR2); //common.jsÀÇ ³»¿ëÂüÁ¶


		outhtml += "		<td width='120' valign='top'>";
		outhtml += "			<table border='0' cellpadding='0' cellspacing='0'>";
		outhtml += "				<tr>";
		outhtml += "					<td>";
		outhtml += "						<table border='0' cellpadding='0' cellspacing='0'>";
		outhtml += "							<tr>";
		outhtml += "								<td class='thumbnail'><a href='/VPR/movieView/movieView.asp?MI_IDX="+MI_IDX+"'><img src='"+MI_IMG+"' width='120' height='90'></a></td>";
		outhtml += "							</tr>";
		outhtml += "							<tr><td height='5'></td></tr>";
		outhtml += "							<tr>";
		outhtml += "								<td align='center' class='style1'><a href='/VPR/movieView/movieView.asp?MI_IDX="+MI_IDX+"'><b>"+MI_USERSTR2+"</b></a>";
		
		if (COM_COUNT != 0) {
		outhtml += "(<font color='red'>"+COM_COUNT+"</font>)";
		}
			
		outhtml += "								</td>";
		outhtml += "							</tr>";
		outhtml += "						</table>";
		outhtml += "					</td>";
		outhtml += "				</tr>";
		outhtml += "			</table>";
		outhtml += "		</td>";

			if (seq%3 != 0) { 	
				outhtml += "		<td width='30'></td>"; 
			}

			if (seq%3 == 0)	{ 
				outhtml += "	</tr>";
				if (seq != 9) {
				outhtml += "	<tr><td height='10' colspan='9'></td></tr>";
				}
				outhtml += "	<tr>";
			}

		}

		outhtml += "	</tr>";
		outhtml += "	<tr><td height='15' colspan='9'></td></tr>";
		outhtml += "	</table>";
		outhtml += "	</td>";
		outhtml += "	</tr>";

		var totalcnt = parseInt(lists.getAttribute("totalcnt"), 10);//ÃÑ °Ô½Ã¹°¼ö Ãëµæ
		outhtml += func_paging(totalcnt);//common.jsÀÇ ÆäÀÌÂ¡ÇÔ¼ö È£Ãâ


	}else{
		outhtml += "<tr>";
		outhtml += "  <td align='center'><b>Ç¥½ÃÇÒ µ¥ÀÌÅ¸°¡ ¾ø½À´Ï´Ù.</b></td>";
		outhtml += "</tr>";
	}

	outhtml += "</table>"
	output.innerHTML = outhtml;//Ãâ·ÂºÎºÐ¿¡ °á°ú¸®½ºÆ®¸¦ Ç¥½Ã
}


function func_paging(totalcnt){
	
	var totpages = Math.ceil(totalcnt/LISTUNIT); //ÃÑÆäÀÌÁö¼ö
	var thisblock = Math.ceil((THISPAGE)/PAGEUNIT); //ÇöÀç ÆäÀÌÂ¡ºí·°
	var startpage, endpage;
	var ret_HTML = "";

	// ÇöÀç ÆäÀÌÁöºí·°ÀÇ ½ÃÀÛÆäÀÌÁö¹øÈ£
	if(thisblock > 1){
		startpage = (thisblock-1)*PAGEUNIT+1;
	}else{
		startpage = 1;
	}
	
	// ÇöÀç ÆäÀÌÁöºí·°ÀÇ ³¡ÆäÀÌÁö¹øÈ£
	if( (thisblock*PAGEUNIT) > totpages ){
		endpage = totpages;
	}else{
		endpage = thisblock*PAGEUNIT;
	}

	ret_HTML = "<TR>";
	ret_HTML += "  <TD colspan='2' align='center' class='style4'>";
	if(THISPAGE > PAGEUNIT){
		ret_HTML += " "; // ¸ÇÃ³À½À¸·Î °¡±â
		ret_HTML += "<A href='javascript:act_search("+((thisblock*PAGEUNIT)-(PAGEUNIT*2)+1)+");'><img src='img/pre.gif'></A>"; // ÇöÀçºí·°ÀÇ ÀüÆäÀÌÁö
	} else {
		ret_HTML += " "; // ¸ÇÃ³À½À¸·Î °¡±â
		ret_HTML += " "; // ÇöÀçºí·°ÀÇ ÀüÆäÀÌÁö
	}
	for(i=startpage; i<=endpage; i++){
	
		if(i==1) {
			ret_HTML += "<img src='img/line.gif' align='absmiddle' style='margin:0 5px;'>";
		}
	
		if(i!=THISPAGE){
			ret_HTML += " <A href='javascript:act_search("+i+");'>"+i+"</A><img src='img/line.gif' align='absmiddle' style='margin:0 5px;'>";
		}else{
			ret_HTML += " <B>"+i+"</B><img src='img/line.gif' align='absmiddle' style='margin:0 5px;'>";
		}
	}
	
	if((PAGEUNIT*THISPAGE) < totpages){
		ret_HTML += " <A href='javascript:act_search("+((thisblock*PAGEUNIT)+1)+");'><img src='img/next.gif'></A>"; // ÇöÀçºí·°ÀÇ ´ÙÀ½ÆäÀÌÁö
		ret_HTML += " "; // ¸Ç ¸¶Áö¸·ÆäÀÌÁö
	} else {
		ret_HTML += " "; // ÇöÀçºí·°ÀÇ ´ÙÀ½ÆäÀÌÁö
		ret_HTML += " "; // ¸Ç ¸¶Áö¸·ÆäÀÌÁö
	}
	ret_HTML += "  </TD>";
	ret_HTML += "</TR>";
	
	return ret_HTML;
}


function toEntity(strHtml){
	return replace123("<","&lt;",strHtml);
}

function replace123(str1, str2, str3){
    var rgexp = new RegExp(str1,"g");
    return (str3.replace(rgexp, str2));
}



