

/**																		***
***		comment    : ajax의 xml을 javascript 객체형식으로 자동 변환		***
***																		**/
/* Ajax 사용을 위한 기본 콤포넌트 Start */ 
function AjaxDataControl()
{ 
	this.xmlHttp            = null; 
	
	this.getHttpRequest = function(URL, object) { 
		var xmlHttp        = this.xmlHttp; 
		var xmlData        = null; 
		// alert(URL);
		if(!xmlHttp) { 
			if(window.XMLHttpRequest) { 
				xmlHttp    = new XMLHttpRequest(); 
			} else { 
				xmlHttp    = new ActiveXObject("Microsoft.XMLHTTP"); 
			} 
			this.xmlHttp    = xmlHttp; 
		} 
		var currentTime = new Date()
		URL = URL + '&t=' + currentTime.getTime();
		xmlHttp.open('GET', URL, true); 
		xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8"); 
		xmlHttp.onreadystatechange = function() { 
			if(xmlHttp.readyState==4 && xmlHttp.status == 200 && xmlHttp.statusText=='OK') { 
				var xmlData = Try.these( 
					function() { return new DOMParser().parseFromString(xmlHttp.responseText, 'text/xml'); }, 
					function() { return xmlHttp.responseXML; } 
				); 
				object.setXmlData(xmlData); 
			} 
		} 
	
		xmlHttp.send(''); 
	} 
	
	this.getXmlRootNode  = function(nodes, rootName){ 
		var rootNode    = nodes.getElementsByTagName(rootName); 
		return rootNode; 
	}
}
/* Ajax 사용을 위한 기본 콤포넌트 End */ 

//--------------------------------------------------------------------------------------------------------------//

/* Ajax에서 리턴받은 XML NODE를 JAVASCRIPT OBJECT 형식으로 변환 Start */ 
function AjaxObject(){ 
    this.ac                = null; 
    this.debug            = false; 
    this.xmlData        = null; 
    this.rootName        = null; 
    this.functionName    = null; 
    this.arguments        = new Array(); 

    this.setDebug        = function(){ 
        this.debug    = true; 

        var oDiv    = document.createElement("DIV"); 
        oDiv.id                        = 'ajaxDebug'; 
        oDiv.style.backgroundColor    = '#eeeeee'; 
        oDiv.style.border            = '1px solid #aaaaaa'; 
        oDiv.style.textAlign        = 'left'; 
        document.body.appendChild(oDiv); 
    } 

    this.inArray            = function(array, value){ 
        var result    = false; 

        for(var i=0; i < array.length; i++){ 
            if(array[i] == value){ 
                result    = true; 
                break; 
            } 
        } 

        return result; 
    } 


    this.getHttpRequest        = function(Url, functionName){ 
        if(this.ac == null){ 
            this.ac            = new AjaxDataControl(); 
        } 
        this.functionName    = functionName; 

        for(var i=2; i <arguments.length; i++){ 
            this.arguments.push(arguments[i]); 
        } 

        this.ac.getHttpRequest(Url, this); 
    } 


    this.setMakeObject        = function(nodeData){ 
        var resultObject    = new Object; 
        resultObject.length    = 0; 

        if(nodeData.hasChildNodes() ){ 
            var nodeChilds        = nodeData.childNodes; 
            var nodeNameList    = new Array(); 
            var isNodeChilds    = false; 

            for(var i = 0; i<nodeChilds.length;i++){ 

                if(nodeChilds[i].nodeType == '1'){ 

                    var returnObj    = this.setMakeObject(nodeChilds[i] ); 

                    if( typeof(returnObj) == "string"){ 
                        resultObject[ nodeChilds[i].nodeName ]    = this.setMakeObject(nodeChilds[i] ); 
                        resultObject.length    += 1; 
                    }else{ 

                        if(resultObject[ nodeChilds[i].nodeName ]){ 
                            resultObject[ nodeChilds[i].nodeName ].push( returnObj ); 
                        }else{ 
                            resultObject[ nodeChilds[i].nodeName ]    = new Array(); 
                            resultObject[ nodeChilds[i].nodeName ].push( returnObj ); 

                            resultObject.length    += 1; 
                        } 
                    } 
                    isNodeChilds    = true; 

                } 
            } 

            if(!isNodeChilds){ 
                resultObject    = nodeChilds[0].nodeValue; 
            }else{ 

            } 
        } 

        return resultObject; 
    } 

    this.dataStr        = function(property, str){ 
        var result    = "['"+property+"']"; 
        if(str || str == 'undefined'){ 
            result    += " = "+str; 
        } 

        return result; 
    } 

    this.getPrintData    = function(list, addStr){ 
        var result        = ''; 
        var addStrBasic    = addStr; 

        for(var property in list){ 
            if(property != 'length' && typeof(list[property]) != 'function'){ 
                if(typeof(list[property]) == 'object'){ 
                    addStr    = addStrBasic+ this.dataStr(property, ''); 
                    result    += this.getPrintData(list[property], addStr); 

                }else if(typeof(list[property]) == 'string'){ 
                    result    += addStr+this.dataStr(property, list[property])+"<br>"; 
                } 

            } 
        } 
        return result; 
    } 

    this.printDebug    = function(list){ 
        if(this.debug){ 
            var dataStr    = this.getPrintData(list, ''); 
            document.getElementById('ajaxDebug').innerHTML    = dataStr; 
        } 
    } 

    this.setMakeControl        = function(){ 
        if(this.xmlData != null){ 
            var rootNode    = this.ac.getXmlRootNode(this.xmlData, this.rootName); 
            var list        = this.setMakeObject(rootNode[0]); 
            var    args        = ""; 
            this.printDebug(list); 

            for(var i=0; i<this.arguments.length; i++){ 
                args    += ", this.arguments["+i+"]"; 
            } 

            eval( this.functionName+"(list "+args+")" ); 
        } 
    } 

    this.setXmlData            = function(data){
		//alert(data.documentElement.nodeName);

        this.xmlData        = data; 
        this.rootName        = data.documentElement.nodeName; 

        this.setMakeControl(); 
    } 

}
/* Ajax에서 리턴받은 XML NODE를 JAVASCRIPT OBJECT 형식으로 변환 End */ 

var display_mode;
var display_Cate_Code;
var display_Page;
var display_Row;
var display_content_num;

var display_Img_UrlPath;
var display_Img_PathName;

// filelist 출력.
function file0uList(mode, Cate_Code, Page, Row)
{
	var param;
	display_mode = mode;
	display_Cate_Code = Cate_Code;
	display_Page = Page;
	display_Row = Row;

	var ajaxObj = new AjaxObject;
	param = "";

	param += "mode="+mode;	
	param += "&Cate_Code="+Cate_Code;
	param += "&Page="+Page;
	param += "&Row="+Row;

	ajaxObj.getHttpRequest("../mobile/exod.php?"+param, "view_displayList");
	//alert("/xml/exod.php?"+param);
	
	//window.scrollTo(0,0);
}

var cate_code = new Object();
cate_code['NEW'] = '최신';
cate_code['BEST'] = '인기';
cate_code['WEEK'] = '주간인기';
cate_code['MONTH'] = '월간인기';

// filelist 출력.
function view_displayList(data)
{
	//alert(data['Config']['0']['Total_Row']);
	var total_count = parseInt(data['Config']['0']['Total_Row']);
	var Row = parseInt(data['Config']['0']['Row']);
	var pagenum = parseInt(data['Config']['0']['Page']);
	var maxpage = Math.floor((total_count+(Row-1)) / Row);
	var maxpagescale = 10;
	var userid = '';
	var szHTML = "";
	var szHTMLAll		= "";
	var szSepHTML	= "<tr><td colspan='6' height='1' bgcolor='#E5E5E5'></td></tr>";
	var Cate_code = data['Config']['0']['Cate_Code'];
	var category = '';
	var title = '';
	var title_img = 'ring';

	display_Img_UrlPath = data['Config']['0']['HttpImageUrlPath'];
	display_Img_PathName = data['Config']['0']['ImagePathName'];

	if(display_mode=='msgbell'){
		title_img = 'ring';
		cate_code['GGAM'] = '깜찍/발랄';
		cate_code['GAG'] = '개그유행어';
		cate_code['SINVY'] = '신비/효과음';
		cate_code['LOVE'] = '러브/하트';
		cate_code['COMIC'] = '엽기/코믹';
		cate_code['NAME'] = '내이름/애칭';
		cate_code['OST'] = '가요/OST/해외';
		cate_code['VIB'] = '진동모드';
	}else if(display_mode=='flash'){
		title_img = 'bg';
		cate_code['SWEET'] = '스위트러브';
		cate_code['SMILE'] = '스마일힘내';
		cate_code['FUNFUN'] = '펀펀/코믹';
		cate_code['ROMANTIC'] = '로맨틱/감성';
		cate_code['TRANDY'] = '트렌디/깔끔';
		cate_code['TIME'] = '째각째각 시계';
	}else if(display_mode=='image'){
		title_img = 'bg';
		cate_code['LOVE'] = '예쁜/사랑';
		cate_code['COMIC'] = '코믹/패러디';
		cate_code['THANK'] = '파이팅/축하/감사';
		cate_code['SEASON'] = '달력/시즌/데이';
		cate_code['PHOTO'] = '포토/풍경';
		cate_code['CHARAC'] = '캐릭터';
	}

	category = cate_code[Cate_code];
	title = cate_code[Cate_code];

	if(display_mode=='msgbell'){
		if(Cate_code=='NEW'){
			title = 'NEW따끈신상';
		}else if(Cate_code=='BEST'){
			title = 'HOT인기만점';
		}
	}else if(display_mode=='image'){
		title += '배경';
	}else if(display_mode=='flash'){
        title += ' 플래시 배경';
	}

	if(data.length && data['List']['0']['Content'] && data['Config']['0']['Total_Row'])
		{

			for(i=0; i< data['List']['0']['Content'].length; i++)
			{	
				if(display_mode=='msgbell'){
					bg = "#FFFFFF";
					if(i%2==1){
						bg = "#FBFBFB";
					}
			
					szHTML += ("<tr height='28' bgcolor='"+bg+"' onMouseOver=\"this.style.backgroundColor='#F4F4F4'\" onMouseOut=\"this.style.backgroundColor=''\">");
					szHTML += ("	<td class='ar'><img src='/images/images/mobile/icon_01.gif'></td>");
					szHTML += ("	<td ><a style='cursor:pointer;' onclick=\"javascript:oWin=window.open('../mobile/pop_mobile.html?mode="+display_mode+"&num="+data['List']['0']['Content'][i]['msgbell_num']+"&Img_UrlPath="+display_Img_UrlPath+"', 'pop_m', 'menubar=no,location=no,directories=no,status=no,scrollbars=no,resizeable=no,width=380,height=376');oWin.focus();\">"+data['List']['0']['Content'][i]['msgbell_name']+"</a></td>");
					szHTML += ("	<td class='ac pd-2'>"+category+"</td>");
					szHTML += ("	<td class='ac pd-2 ft_10_number'>"+data['List']['0']['Content'][i]['hit']+"</td>");
					szHTML += ("	<td class='ac motion1px'><a href='#' onclick=\"javascript:oWin=window.open('../mobile/pop_mobile.html?mode="+display_mode+"&num="+data['List']['0']['Content'][i]['msgbell_num']+"&Img_UrlPath="+display_Img_UrlPath+"', 'pop_m', 'menubar=no,location=no,directories=no,status=no,scrollbars=no,resizeable=no,width=380,height=376');oWin.focus();\"><img src='/images/images/mobile/icon_down.gif'></a></td>");
					szHTML += ("</tr>");
					szHTML += szSepHTML;
				}else{
					if(display_mode=='image'){
						height1 = 44;
						height2 = 42;	
						img = "<a style='cursor:pointer;' onclick=\"javascript:oWin=window.open('../mobile/pop_mobile.html?mode="+display_mode+"&num="+data['List']['0']['Content'][i]['image_num']+"&Img_UrlPath="+display_Img_UrlPath+"&Img_PathName="+display_Img_PathName+"', 'pop_m', 'menubar=no,location=no,directories=no,status=no,scrollbars=no,resizeable=no,width=380,height=407');oWin.focus();\"><img src='"+data['List']['0']['Content'][i]['web_65k_gif']+"' width='120' height='96' class='img_1'></a>";
					}else{
						height1 = 20;
                        height2 = 22;
						img = "<div style='position:absolute;z-index:2;cursor:pointer;'><table border=0><tr><td width=144 height=144 onclick=\"oWin=window.open('../mobile/pop_mobile.html?mode="+display_mode+"&num="+data['List']['0']['Content'][i]['flash_num']+"','pop_m','menubar=no,location=no,directories=no,status=no,scrollbars=no,resizeable=no,width=380,height=469');oWin.focus();\"></td></tr></table></div>";
						img += flash_movie(data['List']['0']['Content'][i]['WEB_240_SWF'], '', '144','144', 'transparent');
					}

					if(i%4==0){
					szHTML += ("<table cellpadding='0' cellspacing='0'>");
					szHTML += ("	<tr>");
					}

					szHTML += ("		<td width='164' height='194' background='/images/images/mobile/bg_bg.gif' valign='top'>");

					szHTML += ("        	<table cellpadding='0' cellspacing='0' width='164'>");
					szHTML += ("            	<tr>");
					szHTML += ("    	        	<td height='"+height1+"'></td>");
					szHTML += ("                </tr>");
					szHTML += ("                <tr>");
					szHTML += ("                    <td class='ac'>"+img+"</td>");
                    szHTML += ("                </tr>");
					szHTML += ("                <tr>");
					szHTML += ("                    <td height='"+height2+"' valign='bottom' class='ac ft_11 letter-1'>"+data['List']['0']['Content'][i][display_mode+'_name']+i+"</td>");
                    szHTML += ("                </tr>");
					szHTML += ("           	</table>");
					szHTML += ("		</td>");

					if(i%4!=3){
					szHTML += ("        <td width='28'></td>");
					}

					if(i%4==3){
					szHTML += ("	</tr>");
					szHTML += ("</table>");

					szHTML += ("<table cellpadding='0' cellspacing='0'>");
					szHTML += ("	<tr>");
					szHTML += ("		<td height='20'></td>");
					szHTML += ("	</tr>");
					szHTML += ("</table>");
					}
				}
			}
		
	}

	if(total_count > 0)
	{
		var szPageNavigation="";
		// 페이징
		if(pagenum > 10)
		{	
			pre_10 = Math.floor((pagenum-1) / maxpagescale) * maxpagescale;
			next_10 = pre_10 + 10;
			szPageNavigation += ("<td class='common_page1'><a href='javascript:file0uList(\""+display_mode+"\", \""+display_Cate_Code+"\", \"1\", \""+display_Row+"\");'><IMG src='/images/img/page_first.gif' border='0' align='absMiddle'></a></td>");	
			szPageNavigation +=  ("<td class='common_page1'><a href='javascript:file0uList(\""+display_mode+"\", \""+display_Cate_Code+"\", \""+pre_10+"\", \""+display_Row+"\");'><IMG src='/images/img/page_before.gif' border='0' align='absMiddle'></a></td>");
			szPageNavigation += ("<td width='7'></td>");
		}
		else
		{
			szPageNavigation += ("<td class='common_page1'><a><img src='/images/img/page_first.gif'></a></td>");
			szPageNavigation += ("<td class='common_page1'><a><img src='/images/img/page_before.gif'></a></td>");
			szPageNavigation += ("<td width='7'></td>");
		}
	
		for(i = 0, page = 0; i < maxpagescale; i++)
		{
			page = Math.floor((pagenum-1) / maxpagescale) * maxpagescale + i + 1;
			if(page <= maxpage)
			{
				if(i != 0) {
					//szPageNavigation += "<IMG src='/images/img/btn_page_first.gif' border='0' align='absMiddle'>";
				}
				if(page != pagenum) {				
					szPageNavigation += "<td class='common_page'><nobr><a class='ac ft_10_number pd-5'  href='javascript:file0uList(\""+display_mode+"\", \""+display_Cate_Code+"\", \""+page+"\", \""+display_Row+"\");' class='numBox'>"+page+"</a></nobr></td>";
				}
				else {
					szPageNavigation += "<td class='common_page'><nobr><b>"+page+"</td>";
				}
			}
		}
		
		// 다음 페이지
		var next = Math.floor((pagenum-1) / maxpagescale) * maxpagescale + 1;
		var next_10 = Math.floor((pagenum-1) / maxpagescale) * maxpagescale + 1 + 10;
		var next1_10 = next_10 + 10;

		if(next_10 <= maxpage)
		{
			szPageNavigation += ("<td width='7'></td>");
			szPageNavigation += ("<td class='common_page1'><a href='javascript:file0uList(\""+display_mode+"\", \""+display_Cate_Code+"\", \""+next_10+"\", \""+display_Row+"\");' ><IMG src='/images/img/page_next.gif' border=0 align=absMiddle></a></td>");
			szPageNavigation += ("<td class='common_page1'><a  href='javascript:file0uList(\""+display_mode+"\", \""+display_Cate_Code+"\", \""+maxpage+"\", \""+display_Row+"\");' ><IMG src='/images/img/page_end.gif' border='0' align='absMiddle'></a></td>");	
		}
		else
		{	
			szPageNavigation += ("<td width='7'></td>");
			szPageNavigation += ("<td class='common_page1'><a><img src='/images/img/page_next.gif'></a></td>");
			szPageNavigation += ("<td class='common_page1'><a><img src='/images/img/page_end.gif'></a></td>");
		}
		
		$('layerPageNavigation').innerHTML = "<table cellpadding='0' cellspacing='0' height='50'><tr>" + szPageNavigation + "</tr></table>";
	}

	if(display_mode=='msgbell'){
	szHTMLAll += "<table cellpadding='0' cellspacing='0' width='740' border=0>";
	szHTMLAll += "	<tr>";
	szHTMLAll += "	<td class='board_title2' width='40'></td>";
	szHTMLAll += "	<td class='board_title2' width='470'>제목/가수</td>";
	szHTMLAll += "	<td class='board_title2' width='90'>장르</td>";
	szHTMLAll += "	<td class='board_title2' width='55'>조회수</td>";
	szHTMLAll += "	<td class='board_title2' width='65'>전송/선물</td>";
	szHTMLAll += "	</tr>";
	szHTMLAll += szHTML;
	szHTMLAll += "</table>";
	}else{
		szHTMLAll += szHTML;
	}
    
	$("layerList").innerHTML = szHTMLAll;

	$("layerTitle").innerText = title;

	document.getElementById('title_img').src = "/images/images/mobile/title_img_"+title_img+".jpg";
}

// filelist 출력.
function file0uView(mode, content_num, UrlPath, PathName)
{
    var param;
    display_mode = mode;
    display_content_num = content_num;
	display_Img_UrlPath = UrlPath;
	display_Img_PathName = PathName;
						 
    var ajaxObj = new AjaxObject;
    param = "";
								 
    param += "mode="+mode;  
    param += "&content_num="+content_num;
											 
    ajaxObj.getHttpRequest("exod.php?"+param, "view_displayView");
    //alert("/xml/exod.php?"+param);
}

function view_displayView(data)
{
	//alert(data['Content']['0']['image_name']);
	$("layerName").innerText = data['Content']['0'][display_mode+'_name'];

	if(display_mode=='image'){
		$("layerSrc").innerHTML = "<img src='"+display_Img_UrlPath+display_Img_PathName+"/"+data['Content']['0']['web_65k_gif']+"' width='120' height='96' class='img_1'>";
	}else if(display_mode=='flash'){
		$("layerSrc").innerHTML = flash_movie(data['Content']['0']['WEB_176_SWF'], '', '144','144', 'transparent');
	}else{
		document.getElementById('sound1').src = display_Img_UrlPath+"/"+data['Content']['0']['web_asf'];
		document.getElementById('bgSrc').value = display_Img_UrlPath+"/"+data['Content']['0']['web_asf'];
	}
}