/**
 *  ¹ÂÁ÷ºñµð¿À Ç÷¹À̸®½ºÆ® Ãâ·Â. 
 *
include js : 
    /js/ref/common.js ,
    /js/common/string_util.js , 
    /js/basket_util.js , 
    /js/common/date_util.js ,
    /js/common/melon_common.js   
author whitedream
date 2008. 04. 29  
*/

document.write("<style> ");
document.write(".phoneDownBtn { ");
document.write("	position: relative; ");
document.write("	display: block; ");
document.write("	cursor: pointer; ");
document.write("	z-index: 0; ");
document.write("} ");
document.write(".phoneDown { ");
document.write("	position: absolute; ");
document.write("	margin-left: -7px; ");
document.write("	width: 47px; ");
document.write("	border: #99C412 2px solid; ");
document.write("	border-bottom: #99C412 1px solid; ");
document.write("} ");
document.write("html>body .phoneDown { ");
document.write("	margin-top: -24px; ");
document.write("	margin-left: 62px; ");
document.write("} ");
document.write(".phoneDown li { ");
document.write("	word-spacing: -1px; ");
document.write("	letter-spacing: -1px; ");
document.write("	text-align: center; ");
document.write("	border-bottom: #99C412 1px solid; ");
document.write("	font-size: 90%; ");
document.write("} ");
document.write(".phoneDown li a { ");
document.write("	padding: 4px 0 1px; ");
document.write("	color: #859A62; ");
document.write("	display: block; ");
document.write("	background-color: #FFFFFF; ");
document.write("} ");
document.write(".phoneDown li a:hover { ");
document.write("	background-color: #F8FFB1; ");
document.write("	text-decoration: none; ");
document.write("	color: #38413F; ");
document.write("} ");
document.write("</style> ");



//Text Triming Size // ÇÑ,¿µ
//ÃֽŹÂÁ÷ºñµð¿À¸®½ºÆ®, ¾ÆƼ½ºÆ®ÇÁ·ÎÇÊ ¹ÂÁ÷ºñµð¿À¸®½ºÆ®
var SZ_MV_LST_NAME = 20; // 10,12 
//var SZ_MV_LST_ARTIST = // ¹ÂÁ÷ºñµð¿À¸í°úÀÇ ÇÕÀÌ 14¸¦ ³ÑÁö ¾ÊÀ½,¹ÂÁ÷ºñµð¿À¸í°úÀÇ ÇÕÀÌ 16ÀÚ¸¦ ³ÑÁö ¾ÊÀ½
var SZ_MV_LST_ALB = 20;// 14,14
var SZ_MV_LST_STAFF = 20;

//¹®ÀÚ¿­ °áÇսà ¼Óµµ Çâ»óÀ» À§ÇØ Array ¿¡ Ãß°¡ÇÏ¿© join ¸Þ¼Òµå Ãâ·Â.
if (window.addArray==undefined){
        var addArray = function (arr,str){
        arr[arr.length]=str;
    }
}

//100205 Æù´Ù¿î ·¹À̾î Ãß°¡
var tmpDivsV = "";
function rollOutPhoneDown(divV,num) {
	tmpDivsV = divV;

	for(i=0; i<100; i++) {
		if(num==i) {
			try {
				eval("document.pdImgD"+i).src = "http://image.melon.co.kr/svc/images/search_new/btn/btn_mv_down.gif";
			} catch(e) {}
		}
	}

	try {
		clearInterval(timer);
	} catch(e) {}
	timer = setInterval("disappearDivs()", 100);
}

function rollOverPhoneDown(divV,num) {
	if(tmpDivsV != "" && tmpDivsV != divV) {
		if (document.getElementById(tmpDivsV)!=null) {
			document.getElementById(tmpDivsV).style.display = "none";
			}
	}
	document.getElementById(divV).style.display = "block";

	for(i=0; i<100; i++) {
		if(num==i) {
			try {
				eval("document.pdImgD"+i).src = "http://image.melon.co.kr/svc/images/search_new/btn/btn_mv_down_on.gif";
			} catch(e) {}
		} else {
			try {
				eval("document.pdImgD"+i).src = "http://image.melon.co.kr/svc/images/search_new/btn/btn_mv_down.gif";
			} catch(e) {}
		}
	}

	try {
		clearInterval(timer);
	} catch(e) {}
}

function disappearDivs() {
	document.getElementById(tmpDivsV).style.display = "none";
	clearInterval(timer);
}	


//»ó´ÜÀÇ µè±â ¹öÆ° ºÎÅÍ - Á¤·Ä ÇÒ¼ö ÀÖ´Â select¹Ú½º¸¦ Ãâ·ÂÇÔ.
function mv_pre_playlist(divId, genreFlag, countFlag, orderByFlag) {
    //var playListMedium;
    var arrHtml = new Array();

	// Á¤·Ä ¿µ¿ª ½ÃÀÛ

	arrHtml.push("<div class=\"ablist_btn_area2_board clearfix mgt10\" style=\"width:630px;\">");
	arrHtml.push("	<div class=\"btn_zone\">");
	arrHtml.push("		<a href=\"javascript:chk_all_btn('chk_arr1')\"><img src=\""+imageHome[0].value+"/svc/images/common/btn/btn_sub_all_select_ovr.gif\" height=\"18\" border=\"0\" alt=\"Àüü¼±ÅÃ\" title=\"Àüü¼±ÅÃ\"/></a>");
	arrHtml.push("		<a href=\"javascript:selectView(document.mvFrm)\"><img src=\""+imageHome[0].value+"/svc/images/common/btn/btn_sel_view.gif\" height=\"18\" border=\"0\" alt=\"¼±ÅùÂÁ÷ºñµð¿Àº¸±â\" title=\"¼±ÅùÂÁ÷ºñµð¿À º¸±â\"/></a>");
	// ´Ù¿î·Îµå Ãß°¡ - chyeo 201002 - »èÁ¦..
	//arrHtml.push(" 	<a href=\"javascript:goBuyProduct('mvFrm','','FG1104','mvid_chk','0','"+menuId+"');\"><img src=\""+imageHome[0].value+"/svc/images/common/btn/btn_mv_down.gif\" height=\"18\" border=\"0\" alt=\"¼±ÅùÂÁ÷ºñµð¿À ´Ù¿î·Îµå\" title=\"¹ÂÁ÷ºñµð¿À ´Ù¿î·Îµå\"/></a>");

	//	arrHtml.push("		<a href=\"#\"><img src=\""+imageHome[0].value+"/svc/images/common/btn/btn_down02.gif\" height=\"18\" border=\"0\" title=\"´Ù¿î·Îµå\"/></a>");
	arrHtml.push("	</div>");

    if(orderByFlag != null) {
        //¹ß¸ÅÀÏ ¼ø ¸¸ Á¸ÀçÇÒ °æ¿ì
        if(genreFlag == null && countFlag == null) {
            //À帣º° °³¼ö º° ¸ðµÎ °ªÀÌ ¾øÀ» °æ¿ì div¸¦ ÁöÁ¤ÇØ¾ß ÇÑ´Ù.
            arrHtml.push("<div class=\"sort_zone bx_st2\">");
        }
        arrHtml.push(" <select id=\"sel03\" class=\"mgl1\" onChange=\"sel03()\">");
        if(orderByFlag == "issueDate") arrHtml.push("<option value=\"issueDate\" selected>±âº»Á¤·Ä</option>");
        else arrHtml.push("<option value=\"issueDate\">±âº»Á¤·Ä</option>");
        if(orderByFlag == "issueOrgDate") arrHtml.push("<option value=\"issueOrgDate\" selected>¹ß¸ÅÀÏ</option>");
        else arrHtml.push("<option value=\"issueOrgDate\">¹ß¸ÅÀÏ</option>");
        if(orderByFlag == "regDate") arrHtml.push("<option value=\"regDate\" selected>µî·ÏÀÏ</option>");
        else arrHtml.push("<option value=\"regDate\">µî·ÏÀÏ</option>");
        if(orderByFlag == "mvTitle") arrHtml.push("<option value=\"mvTitle\" selected>¹ÂÁ÷ºñµð¿À¸í</option>");
        else arrHtml.push("<option value=\"mvTitle\">¹ÂÁ÷ºñµð¿À¸í</option>");   
        if(orderByFlag == "artistName") arrHtml.push("<option value=\"artistName\" selected>¾ÆƼ½ºÆ®¸í</option>");
        else arrHtml.push("<option value=\"artistName\">¾ÆƼ½ºÆ®¸í</option>");
        arrHtml.push("</select>");
        arrHtml.push("</div>");
    }

	arrHtml.push("</div>");
	//Á¤·Ä ¿µ¿ª ³¡
    //return playListMedium;
    return arrHtml.join("");
}


//½ÇÁ¦ data°ªÀ» Ãâ·ÂÇÑ´Ù.
function mv_playlist_medium(data, divId, preList, sufList, menuId) {
    
    //var playListMedium; 
    var arrHtml = new Array();
    var itemList = data.AJAX_LIST;
    var i = 0;
    var cnt = 1;
    var checkboxVal = 1;

    arrHtml.push("");
    if(preList != "") {
        arrHtml.push(preList);
    } 

	//	¹ÂÁ÷ ºñµð¿À ¸®½ºÆ® ¿µ¿ª ½ÃÀÛ
	arrHtml.push("<div class=\"bd_st_top01 mgt7\" style=\"width:630px;\"></div>");
	arrHtml.push("<form name=\"mvFrm\" style=\"margin:0;padding:0;\">");
	arrHtml.push("<fieldset style=\"margin:0;padding:0;\">");
	arrHtml.push("<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"630\" class=\"tl_f ab_mod01\">");
	arrHtml.push("<col width=\"25\"/>");
	arrHtml.push("<col/>");
	arrHtml.push("<col width=\"100\"/>");

/*		
	var idx = 1;
	var sizeVal = 0;

	if(itemList[0].list.length >= 20) sizeVal = 20;
	else sizeVal = itemList[0].list.length;
*/
	var idx = 1;  // ´Ù¿î·Îµå¿¡¼­ »ç¿ë
	
    for(var index=0; index<itemList[0].list.length; index++) {
		var mediumList = itemList[0].list[index];

		var dlallow = mediumList.innerMvType.substr(15,1);  // 0, 2 ¸é ´Ù¿î·Îµå ¹öÆ° È°¼ºÈ­

		arrHtml.push("<tr>");
		arrHtml.push("	<td  height=\"132\"><input type=\"checkbox\" name=\"mvid_chk\" id=\"chk"+checkboxVal+"\" value=\""+mediumList.mvId+"\"></td>");
		arrHtml.push("	<td>");
		arrHtml.push("		<div class=\"ginfo\">");
		arrHtml.push("			<div class=\"mv_frm\">");
		arrHtml.push("				<img src=\""+mediumList.mvImgPath+"\" width=\"120\" ONERROR=\"defaultImg(this);\" height=\"90\" title=\"\"/>");
		arrHtml.push("				<div class=\"mv_icon\" id=\"mv_icon_area0"+index+"\"></div>");
		arrHtml.push("				<a href=\"#\" onClick=\"javascript:play_melon_vod2('"+mediumList.songId+"', '"+mediumList.mvId+"');return false;\" class=\"mv_link\"><img src=\""+imageHome[0].value+"/svc/images/common/spacer.gif\" width=\"120\" height=\"90\" /></a>");
		arrHtml.push("				</div>");					
		arrHtml.push("		</div>");
		arrHtml.push("		<ul class=\"tinfo mgt20\">");
		arrHtml.push("		<li>");
		//arrHtml.push("			<a href=\"http://www.melon.com/svc/studio/album_info.jsp?p_albumId="+mediumList.albumId+"\" class=\"fl tit_sb_t\" title=\""+mediumList.albumName+"\">"+mediumList.albumName+"</a>");
		arrHtml.push("			<a href=\"#\" onClick=\"javascript:play_melon_vod2('"+mediumList.songId+"', '"+mediumList.mvId+"');return false;\" class=\"fl tit_sb_t\" title=\""+mediumList.mvTitle+"\">");
			if((mediumList.mvTitle).length > 27){
				arrHtml.push((mediumList.mvTitle).substring(0,27)+"..");
			}else {
				arrHtml.push(mediumList.mvTitle);
			}		
			arrHtml.push("</a>");
		arrHtml.push("			</li>");
		arrHtml.push("		<li class=\"mgt8\">");
		arrHtml.push("			<img src=\""+imageHome[0].value+"/svc/images/common/icon/icon_singer.gif\" alt=\"¾ÆƼ½ºÆ®¾ÆÀÌÄÜ\" title=\"¾ÆƼ½ºÆ®\" /><a href=\"http://www.melon.com/svc/studio/artist_profile.jsp?p_artistId="+mediumList.artistId+"\" class=\"stxt_m02\" title=\""+mediumList.artistName+"\">"+mediumList.artistName+"</a>");
		arrHtml.push("		</li>");

		if(mediumList.staffMem != ""){
			arrHtml.push("		<li class=\"mgt3 stxt07\">");
			arrHtml.push("			<span class=\"stxt06\">Ã⿬Áø: </span>");
			if((mediumList.staffMem).length > 27){
				arrHtml.push((mediumList.staffMem).substring(0,27) + "..");
			}else{
				arrHtml.push(mediumList.staffMem);
			}		
		
		//<a href=\"#\" class=\"stxt07\" title=\"¼Õ´ãºñ\">¼Õ´ãºñ</a>,<a href=\"#\" class=\"stxt07\" title=\"¼Ò³à½Ã´ë\">¼Ò³à½Ã´ë</a>,<a href=\"#\" class=\"stxt07\" title=\"½´ÆÛÁִϾî\">½´ÆÛÁִϾî</a>
			arrHtml.push("		</li>");
		}

		arrHtml.push("		<li class=\"mgt5\">");
		
		var cntVal = Math.floor(mediumList.avgScr);
		var modVal = (mediumList.avgScr *10) % 10;
		var remainCnt = 5 - cntVal;
		//addArray(arrHtml,cntVal+","+modVal);
		
		addArray(arrHtml,"<span	style=\"float: left;\">");

		
		// º° À̹ÌÁö ±³Ã¼ - chyeo - 201002

		for(var index1=0; index1<cntVal; index1++) {
			arrHtml.push("<img src=\""+imageHome[0].value+"/svc/images/common/star_s01.gif\" border=\"0\" alt=\"\" />");
		}
		if(cntVal > 0 && cntVal < 5 ){
			if(modVal >= 1 && modVal <= 5) {
				addArray(arrHtml,"<img src=\""+imageHome[0].value+"/svc/images/common/star_s03.gif\"  alt=\"\" />");
				remainCnt = 5 - cntVal - 1;
			}else if(modVal > 5){	
				addArray(arrHtml,"<img src=\""+imageHome[0].value+"/svc/images/common/star_s01.gif\" border=\"0\"  alt=\"\" />");
				remainCnt = 5 - cntVal - 1;
			}	
		}	
		for(var index1=0; index1<remainCnt; index1++) {
			arrHtml.push("<img src=\""+imageHome[0].value+"/svc/images/common/star_s02.gif\" border=\"0\" alt=\"\" />");
		}
		
		addArray(arrHtml,"</span>");
		
		addArray(arrHtml,"<span	style=\"float: left; margin: 1px 0 0 5px;\">");
		arrHtml.push("(ÆòÁ¡ <span style=\"color:#EA6210;font-weight:bold;\">"+mediumList.avgScr+"</span>Á¡ / Âü¿© <span style=\"color:#EA6210;font-weight:bold;\">"+mediumList.totCnt+"</span>¸í)");
		addArray(arrHtml,"</span>");
		
		arrHtml.push("		</li>");
		arrHtml.push("		</ul>");
		arrHtml.push("	</td>");
		arrHtml.push("	<td style=\"vertical-align:bottom;padding-bottom:20px;\">");
		arrHtml.push("		<a href=\"#\" onClick=\"javascript:play_melon_vod2('"+mediumList.songId+"', '"+mediumList.mvId+"');return false;\" title=\""+mediumList.mvTitle+"\"><img src=\""+imageHome[0].value+"/svc/images/board/btn_mv_view02.gif\" onMouseOver=\"this.src='"+imageHome[0].value+"/svc/images/board/btn_mv_view02_over.gif'\" onMouseOut=\"this.src='"+imageHome[0].value+"/svc/images/board/btn_mv_view02.gif'\" width=\"60\" height=\"18\" border=\"0\" class=\"mgr5\"  alt=\"¹ÂÁ÷ºñµð¿Àº¸±â\" title=\"¹ÂÁ÷ºñµð¿Àº¸±â\" /></a>");
		arrHtml.push("		<br>");
		if (dlallow==0 || dlallow==2) {

			arrHtml.push("<div class=\"phoneDownBtn\" style=\"z-index: 9999;\" onmouseover=\"rollOverPhoneDown('phoneDownArtistMv"+idx+"','"+idx+"');\" onmouseout=\"rollOutPhoneDown('phoneDownArtistMv"+idx+"','"+idx+"');\"><a href=\"javascript:;\"><img src=\""+imageHome[0].value+"/svc/images/search_new/btn/btn_mv_down.gif\" name=\"pdImgD"+idx+"\" border=\"0\" class=\"mgr5\" alt=\"\" title=\"\" style=\"margin-top:5px;margin-bottom:5px\"/></a>");
			arrHtml.push("	<ul class=\"phoneDown\" style=\"display: none; z-index: 9999;\" id=\"phoneDownArtistMv"+idx+"\" onmouseover=\"rollOverPhoneDown('phoneDownArtistMv"+idx+"','"+idx+"');\" onmouseout=\"rollOutPhoneDown('phoneDownArtistMv"+idx+"','"+idx+"');\">");
			arrHtml.push("		<li><a href=\"javascript:goBuyProduct('mvFrm','"+mediumList.mvId+"','FG1104','','0','"+menuId+"');\">P C</a></li> ");
			arrHtml.push("		<li><a href=\"javascript:goBuyProduct('mvFrm','"+mediumList.mvId+"','FG1104','','0','"+menuId+"');\">½º¸¶Æ®Æù</a></li> ");
			arrHtml.push("		<li><a href=\"javascript:phoneDownMv('"+mediumList.mvId+"','"+menuId+"');\">ÀϹÝÆù</a></li> ");
			arrHtml.push("	</ul>");
			arrHtml.push("</div>");
			} else {
			arrHtml.push("	<img src=\""+imageHome[0].value+"/svc/images/search_new/btn/btn_mv_down_dim.gif\" name=\"pdImg\" border=\"0\" alt=\"\" title=\"\" class=\"mgt5 mgb5\" /> ");

				// dlallow
			}

		arrHtml.push("		<a href=\"#\" onClick=\"javascript:OCX_song_play(false,'"+menuId+"','"+mediumList.songId+"');return false;\" title=\""+mediumList.mvTitle+"\"><img src=\""+imageHome[0].value+"/svc/images/board/btn_listen02.gif\" onMouseOver=\"this.src='"+imageHome[0].value+"/svc/images/board/btn_listen02_over.gif'\" onMouseOut=\"this.src='"+imageHome[0].value+"/svc/images/board/btn_listen02.gif'\" border=\"0\" alt=\"¿ø°îµè±â\" title=\""+mediumList.mvTitle+"\"/></a>");
		arrHtml.push("	</td>");
		arrHtml.push("</tr>");


        if(index+1<itemList[0].list.length){
				arrHtml.push("<tr>");
				arrHtml.push("	<td colspan=\"3\" height=\"1\" class=\"division03\"></td>");
				arrHtml.push("</tr>");
		}
        
		checkboxVal++;
		//end while
		idx++;
	}
	//end if

	arrHtml.push("</table></fieldset></form>");
	arrHtml.push("<div class=\"bd_st_bot01\" style=\"width:630px\"></div>");
	// ¹ÂÁ÷ ºñµð¿À ¸®½ºÆ® ¿µ¿ª ³¡  -->


    if(sufList != null) {
        arrHtml.push(sufList);
    }
    
    ajax_obj_clear(divId);
    //document.getElementById(divId).innerHTML = playListMedium;
    document.getElementById(divId).innerHTML = arrHtml.join("");

    chk_arr1 = new Array(itemList[0].list.length);
    var cntVal1 = 1;
    for(index2=0; index2<itemList[0].list.length; index2++) {
        chk_arr1[index2] = new Checkbox2('chk'+cntVal1);
        cntVal1++;
    }
    /*
    for(index3=0; index3<itemList[0].list.length; index3++) {
        swf_obj03(imageHome[0].value+"/svc/images/common/flash/studio/mv/mv_frm.swf","67","50","mv_frm_swf_obj","mv_icon_area0"+index3);
    } 
    */  
}