/**
* Song, Album 등의 ajax 리스트 페이징 처리 및 플레이리스트 처리를 위한 보조 유틸  
*    
date 2008. 05. 20
@author whitedream
*/
function PlaylistUtil(){
    //페이징처리에 사용되는 변수 및 기본값 세팅
	var axMenuCode = "gnrDp";
	var axRowCount = 10;
	var axOrderCode = "1";
	var axCurrentPage = 1;
	
	var axGenreName = "gnrDp";
	var axOrderName = "issueDate";
	
	//ajax command 명령어 및 callback method 를 저장하기 위한 변수
	var axCommand = "";
	var axCallback = "";
	
	//생성된 HTML 을 innerHTML로 출력할 div 테그 ID 값
	var axListDivName ="";	
	
	//ajax 서비스를 위한 서블릿의 경로. 별도 설정하지 않을 시 디폴트값 ""
	var axWwwHome = "";
	var imageHome = "";
	
	//ajax command 호출시 디폴트로 제공되는 파라미터 사용여부 설정을 저장
    var isMenuCodeEnable = true; 
    var isRowCountEnable = true;  
    var isOrderByEnable = true; 
	
	//ajax command 와 callback 를 함께 설정
	this.initialize = function(command, callback){
	    this.setCommand(command);
	    this.setCallback(callback);   
	}
	
	//ajax command 설정
	this.setCommand = function(command){
	    axCommand = command;
	}

    //ajax command 설정 값을 리턴
    this.getCommand = function(){
        return axCommand;
    }
    	
	//ajax command 를 위한 callback method 설정
	this.setCallback = function(callback){
	    axCallback = callback;
	}
	
	//imageHome 값을 저장하여 사용할 필요가 있을시 사용(필수 아님)
	this.setImageHome = function(sImageHome){
	    imageHome = sImageHome;
	}
	
	//쟝르별 이름(option value)을 취하여 쟝르별 이름과 코드값으로 변경하여 각각 저장
	this.setGenreName = function(genreName){
	    axMenuCode = this.getMenuCode(genreName);
	    axGenreName = genreName;
	}
	
	//쟝르별 이름 리턴
	this.getGenreName = function(){
        return axGenreName;
    }
    
    //rowCount 저장
	this.setRowCount = function(rowCount){
	    axRowCount = rowCount;
	}

    //rowCount 리턴
    this.getRowCount = function(){
        return axRowCount;
    }
    
    //정렬 이름(option value)을 취하여 정렬 이름과 코드값으로 변경하여 각각 저장 
    this.setOrderName = function(orderName){
		axOrderCode = this.getOrderCode(orderName);
		axOrderName = orderName;
    }
    
    //정렬이름
    this.getOrderName = function(){
        return axOrderName;
    }    
    
    //현재 페이지
    this.setCurrentPage = function(currentPage){
        axCurrentPage = currentPage;
    }
    
    //현재 페이지
    this.getCurrentPage = function(){
        return axCurrentPage;
    }
    
    //생성한 HTML 을 innerHTML 로 출력할 div id (지정시 div내부 객체 검색시 속도 향상)
    this.setListDivName = function(divId){
        axListDivName = divId;
    }
    
    //생성한 HTML 을 innerHTML 로 출력할 div id
    var getListDivName = function(){
        return axListDivName;
    }
    
    //ajax 서비스를 위한 서블릿의 경로. 별도 설정하지 않을 시 디폴트값 ""
    this.setWwwHome = function(wwwHome){
        axWwwHome = wwwHome;
    }
    
	//장르별 보기 변경 selectbox 이벤트 핸들러
	this.sel01 = function(obj){	  
	   ajax_goPageByOptionChange(obj);
	}
	
	//정렬 개수 변경 selectbox 이벤트 핸들러
	this.sel02 = function(obj){
	   ajax_goPageByOptionChange(obj);
	}
	
	//정렬순서 변경 selectbox 이벤트 핸들러
	this.sel03 = function(obj){
	   ajax_goPageByOptionChange(obj);
	}
	
	//디폴트 파라미터중 menuCode 를 사용하지 않도록 한다.
	this.menuCodeDisable = function(){
        isMenuCodeEnable = false;  	
	}
	
	//디폴트 파라미터중 rowCount 를 사용하지 않도록 한다.
	this.rowCountDisable = function(){
        isRowCountEnable = false;  	
    }
    
    //디폴트 파라미터중 orderBy 를 사용하지 않도록 한다.
	this.orderByDisable = function(){
        isOrderByEnable = false;	
    }
    
	//id명을 가진 복수개의 객체가 존재시 가장 첫번째 객체만을 리턴
	var getFirstElementById = function(tagName,id,divId){
        var oDiv;
        if(divId != undefined){
            oDiv = document.getElementById(divId);
        }else{
            oDiv = document.getElementById(getListDivName());        
        }	    
	    var oArr = oDiv.getElementsByTagName(tagName);
	
	    var obj;
	    if (oArr.length>0){
	        for(var i=0;i<oArr.length;i++){
	            obj = oArr[i];
	            if(obj.id==id){
	                return obj;
	            }
	        }
	    }else{
	        obj = oArr;
	        return obj;	        
	    }	
	}
	
	//selectbox 변경(onchange)이벤트 처리를 위한 함수. ajax_goPage 에 파라미터를 넘겨 호출.
	var ajax_goPageByOptionChange = function(obj){
		var oGenre = getFirstElementById("select","sel01");
		var oRowCount = getFirstElementById("select","sel02");
		var oOrderBy = getFirstElementById("select","sel03");
		var obj;	
	    try{
    	   //obj = window.event.srcElement;
	       if(obj.id=="sel01"){
	           oGenre = obj;
	       }else if(obj.id=="sel02"){
	           oRowCount = obj;
	       }else if(obj.id=="sel03"){
	           oOrderBy = obj;
	       }
	    }catch(e){            	

        }
        
        var genre = null;
        var rowCount = null;
        var orderBy = null;
        
        if(oGenre!=undefined){
            genre = oGenre.value;
        }
        if(oRowCount!=undefined){
            rowCount = oRowCount.value;
        }
        if(oOrderBy!=undefined){
            orderBy = oOrderBy.value;
        }                
        /** 
        intercept 된 onchange 핸들러에 의해 호출될 경우 this 는 SongPlaylistUtil 의
        this 가 아닌 onchange 핸들러에 종속된 this(obj 외부 영역) 이므로 global
                영역에 아래와 같이 동일한 파라미터를 받는 메소드를 생성할것.
        */           
	    this.ajax_goPage(1, genre, rowCount, orderBy);
	}
	
    //페이지 이동 또는 selctbox 선택을 통한 정렬 방법 변경시 호출
    this.ajax_goPage = function(currPage, se101_genre, se102_rowCount, se103_orderBy, paramEx) {        
        if(currPage!=undefined){
            this.setCurrentPage(currPage);
        }        
        if(se101_genre!=undefined){
            this.setGenreName(se101_genre);
        }        
        if(se102_rowCount!=undefined){
            this.setRowCount(se102_rowCount);
        }
        if(se103_orderBy!=undefined){
            this.setOrderName(se103_orderBy);
        }
        var param = "[{ command : axCommand , pageNum : axCurrentPage ";
        if(isMenuCodeEnable)param+=", menuCode : axMenuCode ";
        if(isRowCountEnable)param+=", rowCount : axRowCount ";
        if(isOrderByEnable)param+=", orderBy : axOrderCode ";                
        if (paramEx!=undefined && paramEx!=""){
            param+=", "+paramEx;
        }
        param+="}]";
        var jsonObj =  eval(param);
        //ajax_request(axWwwHome+"/AjaxService", { command : axCommand , pageNum : axCurrentPage , menuCode : axMenuCode , rowCount : axRowCount , orderBy : axOrderCode }, axCallback );
        //alert (axWwwHome+"/AjaxService");       
        //axWwwHome = "" (별도로 지정하지 않을 경우 디폴트값)
        ajax_request(axWwwHome+"/AjaxService", jsonObj[0], axCallback );
    }
    
    //기본 파라미터 외에 추가 파라미터 추가시 사용
    //paramEx 의 예 :
    //  하나를 추가로 넘길때           artistId : "17671"
    //  두개 이상 추가로  넘길때      artistId : "17671" , memberId : "342"
    this.ajax_goPage_addJsonParam = function(paramEx, currPage, se101_genre, se102_rowCount, se103_orderBy){
        this.ajax_goPage(currPage, se101_genre, se102_rowCount, se103_orderBy, paramEx);
    }
    
    //ajax 초기화시 사용
    this.ajax_init = function () {
        this.ajax_goPage(axCurrentPage,axGenreName,axRowCount,axOrderName);
    }
    
    //ajax 에러 발생시 사용
    this.ajax_error = function () {
        return false;
    }
    	
	/**
	 * 장르 유형 코드 구하기
	    kpop       :DP0100  가요      
	    pop        :DP0200  POP       
	    ost        :DP0300  OST       
	    jpop       :DP0400  J-POP     
	    classic    :DP0500  클래식    
	    ccm        :DP0600  CCM       
	    children   :DP0700  어린이      
	    newage     :DP0800  뉴에이지      
	    jazz       :DP0900  재즈  
	    world      :DP1000  월드      
	    reli       :DP1100  종교      
	    koreantrad :DP1200  국악     
	    cpop       :DP1300 중국음악 
	 */
	this.getMenuCode = function(genreName){
	    var typeTable = {
	    gnrDp:"gnrDp", all:"DP0000", kpop:"DP0100", pop:"DP0200", ost:"DP0300", jpop:"DP0400", classic:"DP0500"
	    , ccm:"DP0600", children:"DP0700", newage:"DP0800", jazz:"DP0900"
	    , world:"DP1000", reli:"DP1100", koreantrad:"DP1200", cpop:"DP1300"
	    , reg:"reg", irreg:"irreg", join:"join"
	    , title:"title"
	    };    
	    
	    var rstl;
	    
	    if (genreName!=""){
	        rstl = eval("typeTable."+genreName);
	    }
	    if (rstl == undefined){
	        rstl = "";
	    }
	    return rstl;
	}

	//날짜, 앨범, 아티스트별 정렬 유형 코드 구하기
	this.getOrderCode = function(orderName){
	    var typeTable = { gnrDp:"0", issueDate:"1", albumName:"2", artistName:"3", songName:"4", regDate:"5", mvTitle:"6", issueOrgDate:"7" };    
	    
	    var rstl;
	    
	    if (orderName!=""){
	        rstl = eval("typeTable."+orderName);
	    }
	    if (rstl == undefined){
	        rstl = "1";
	    }
	    return rstl;
	}

    /*
    * 플레이리스트 selectbox 변경시 this 를 넘겨받기 위해 onchange 이벤트핸들러를 변경 한다.
    * 플레이리스트 상단 하단에 동일한 selectbox 존재시 this 를 사용하여 변경된 selectbox 의
    * value 를 구하도록 한다.
    */ 
    this.interceptSelBoxOnchange = function(selBoxId,divId){
        var oDiv;
        if(divId != undefined){
            oDiv = document.getElementById(divId);
        }else{
            oDiv = document.getElementById(getListDivName());        
        }   
        var oArr = oDiv.getElementsByTagName("select");

        var obj;
        if(oArr.length > 0){
            for(var i=0;i<oArr.length;i++){
                obj = oArr[i];
                if(obj.id==selBoxId){
                    obj.onchange = new Function("",
                                selBoxId+"(this)");
                }
            }
        }else{
            obj = oArr;
            obj.onchange = new Function("",
                        selBoxId+"(this)");
        }      
    }
    	    
    /*
	* 플레이리스트 selectbox 에 옵션을 추가 한다.
	*
	@param selBoxId         option 삽입할 selectbox 객체명
	@param iIndex           option 을 삽입할 row 위치(0 based)
	@param optVal           option 의 value 값
	@param optText          option 의 innerText 값
	@param selectedVal      option 의 선택상태를 지정할  value 지정 
	*/     
	this.addSelBoxOption = function ( selBoxId, iIndex, optVal, optText, selectedVal, divId){
        var oDiv;
        if(divId != undefined){
            oDiv = document.getElementById(divId);
        }else{
            oDiv = document.getElementById(getListDivName());        
        }    
	    var oArrSelect = oDiv.getElementsByTagName("select");
	
	    var oSelect;
	    if (oArrSelect.length>0){
	        for(var i=0;i<oArrSelect.length;i++){
	            oSelect = oArrSelect[i];
	            if(oSelect.id==selBoxId){
	                addSelBoxOptionEx(oSelect, iIndex, optVal, optText, selectedVal);
	            }
	        }
	    }else{
	        oSelect = oArrSelect;
	        addSelBoxOptionEx(oSelect, iIndex, optVal, optText, selectedVal);
	    }
	}
	
	/*
	 * 플레이리스트 selectbox 에 옵션을 추가 한다. (selecbox id가 아닌 selectbox 객체(oSelect)를 직접 받음)
	 */
	var addSelBoxOptionEx = function(oSelect, iIndex, optVal, optText, selectedVal){
	    var iIndexTmp = oSelect.selectedIndex;
	    var oOption = document.createElement("OPTION");
	    oSelect.options.add(oOption,iIndex);
	    oOption.innerHTML = optText;
	    oOption.value = optVal;
	    oSelect.value = selectedVal;
	    document.body.focus();
	}

    /*
    * 플레이리스트 selectbox 에 옵션을 삭제 한다.
    *
    @param selBoxId         option 삭제할 selectbox 객체명
    @param iIndex           option 을 삭제할 row 위치(0 based) 
    */     
    this.delSelBoxOption = function ( selBoxId, iIndex, divId){
        var oDiv;
        if(divId != undefined){
            oDiv = document.getElementById(divId);
        }else{
            oDiv = document.getElementById(getListDivName());        
        }    
        var oArrSelect = oDiv.getElementsByTagName("select");
    
        var oSelect;
        if (oArrSelect.length>0){
            for(var i=0;i<oArrSelect.length;i++){
                oSelect = oArrSelect[i];
                if(oSelect.id==selBoxId){
                    delSelBoxOptionEx(oSelect, iIndex);
                }
            }
        }else{
            oSelect = oArrSelect;
            delSelBoxOptionEx(oSelect, iIndex);
        }
    }
    
    /*
     * 플레이리스트 selectbox 에 옵션을 삭제 한다. (selecbox id가 아닌 selectbox 객체(oSelect)를 직접 받음)
     */		
	var delSelBoxOptionEx = function(oSelect, iIndex){
	    //oSelect.options.remove(iIndex);
	    oSelect.removeChild(oSelect.childNodes[iIndex]); //IE, W3C 공용 가능
	    document.body.focus();
	}

    /*
    * 플레이리스트 selectbox 를 지정 파리미터 위치를 선택상태로 세팅한다.
    *
    @param selBoxId         option 선택할 selectbox 객체명
    @param iIndex           option 을 선택상태로 세팅할 row 위치(0 based) 
    */     
    this.setSelBoxOption = function ( selBoxId, iIndex, divId){
        var oDiv;
        if(divId != undefined){
            oDiv = document.getElementById(divId);
        }else{
            oDiv = document.getElementById(getListDivName());        
        }    
        var oArrSelect = oDiv.getElementsByTagName("select");
    
        var oSelect;
        if (oArrSelect.length>0){
            for(var i=0;i<oArrSelect.length;i++){
                oSelect = oArrSelect[i];
                oSelect.selectedIndex = iIndex;
            }
        }else{
            oSelect = oArrSelect;
            oSelect.selectedIndex = iIndex;
        }
    }
     			
    /*
     * 플레이리스트의 form , checkbox 이름 일괄 변경
     *
            플레이리스트를 한페이지에 여러개 DP 해야 하는 경우 form , checkbox 이름을 변경하여 중복되지
            않도록 하는 유틸.
        
            사용 예 :         
        //기존 플레이 리스트 생성 메소드
        var preList = pre_playlist("divTmpChkbox", null, null, null);
        var playList = playlist_medium(data, "divTmpChkbox", preList, null);
        
        //해당 div 영역에 form , checkbox 이름 일괄 변경
        setMultiPlayList("divTmpChkbox","artistSongList",itemList,"prefix_");
             
     @param divTmpId    style 을 display:none 지정한 상태의 임시 div
     @param divId       실제 플레이 리스트를 표시할 div
     @param itemList    Ajax 를 통해 받은 데이타
     @param aux         form, checkbox 이름을 변경하기 위해 사용할 prefix 단어
     @param listType    song playlist type(default) 또는  mv playlist type 을 지정
     */
    this.renamePlaylistFormInfo = function (divTmpId, divId, itemList, aux, listType){               
        var divTmp = document.getElementById(divTmpId);        
        var divNew = document.getElementById(divId);
        
        var strHtml = divTmp.innerHTML;    
        if(listType!="mv"){        
            strHtml = strHtml.replace(/fmSongList/gi, aux+"fmSongList");
        }            
        strHtml = strHtml.replace(/chk_all/gi,aux+"chk_all");
        strHtml = strHtml.replace(/chk_arr1/gi,aux+"chk_arr1");
        if( navigator.appName.indexOf("Microsoft") > -1 ){         
            strHtml = strHtml.replace(/name=chk/gi,"name="+aux+"chk");
            strHtml = strHtml.replace(/id=chk/gi,"id="+aux+"chk");
        }else{
            strHtml = strHtml.replace(/name=\"chk/gi,"name=\""+aux+"chk");
            strHtml = strHtml.replace(/id=\"chk/gi,"id=\""+aux+"chk");
        }
        if(listType!="mv"){
            strHtml = strHtml.replace(/ab_list/gi,aux+"ab_list");
        }
        if(listType!="mv"){
            strHtml = strHtml.replace(aux+"chk_all_sel","chk_all_sel");
        }else{
            var re = RegExp(aux+"chk_all_btn","gi");
            strHtml = strHtml.replace(re,"chk_all_btn");        
        }
        strHtml = strHtml.replace(/off.gif\"/gi,"off.gif\" style=\"display:none;\"");
        strHtml = strHtml.replace(/k_dim.gif\"/gi,"k_dim.gif\" style=\"display:none;\"");
        divNew.innerHTML = strHtml;
        
        if(listType!="mv"){
            new Checkbox(aux+'chk_all');
        }            
        eval(aux+"chk_arr1 = new Array()");
        eval("var chk_arr1="+aux+"chk_arr1");
        
        var cntVal = 1;
        for(index2=0; index2<itemList[0].list.length; index2++) {
            chk_arr1[index2] = new Checkbox(aux+'chk'+cntVal);           
            cntVal++;
        }
    }
    
    /*
     * 생성된 플레이리스트에 앨범 정보 곡 리스트 형태를 적용한다.
     *
     @param frmId       플레이리스트 감싸고 있는  form Id
     @param tplTable    CD 구분 표시 TR 을 담고 있는 템플릿 테이블(display:none)
     @param itemList    Ajax 를 통해 받은 데이타
     */    
    this.applyAlbumInfoPlaylist = function (frmId,tplTable,itemList){
        //diskNo 이 2가 되면 CD 가 두장 이상이므로 true 로 세팅해주는 변수
        var isMultiple = "false";
        //넘겨받은 itemList 로 부터 entity 를 저장
        var entity;
        //frmId 안에 table 테그 obj 를 구한다.
        var arrTable = document.getElementById(frmId).getElementsByTagName( "TABLE" );
        //table 안에 tr 컬렉션 obj 를 구한다.
        var oListTable = arrTable[0];
        //CD 구분 표시 TR 을 담고 있는 템플릿 테이블 obj 를 구한다.
        var oTplTable = document.getElementById(tplTable);
        //시작 disk 번호 초기화
        var curDiskNo = "1";
        //table 안에 tr 을 순차적으로 count 하기 위한 변수
        var rowTmpIndex = 0;
        //tr 을 구성하는 td 중 곡번호를 표시하는 td obj 를 구하여 담는 변수
        var oCellTrackNum;
        //tr 을 구성하는 td 중 곡명 을 표시하는 td obj 를 구하여 담는 변수
        var oCellSongTitle;        
        //disk 에 담긴 CD 의 곡(track)을 순차적으로 count 하기 위한 변수
        var trackNum = 0;
        var iconHtml="";
        var oImg;
        // CD 별  시작 곡 인덱스를 구한다.   by chyeo 2009.04.30
        var indexCdpox = new Array();
        indexCdpox[0] = 0;
        var indexCurCd = "1";
        var idxcd = 1;
        for(i=0; i<itemList[0].list.length; i++) {
        	var cdlist = itemList[0].list[i];
        	if (indexCurCd != cdlist.diskNo){
        		indexCdpox[idxcd] = i-1;
        		indexCurCd = cdlist.diskNo;
 //           	alert('cds:'+indexCdpox[idxcd]);
            	idxcd++;
        	}
        }
        indexCdpox[idxcd] = itemList[0].list.length - 1;
        
        
        for(i=0; i<itemList[0].list.length; i++) {
        	
            entity = itemList[0].list[i];
            //diskNo 이 2 이면 CD 가 두장 이상 이므로 테이블 상단에 CD Label 을 삽입
            if(isMultiple == "false" && entity.diskNo=="2"){
            	var chkstr = "<input type='checkbox'  name='chk_cd1' id='chk_cd1' onClick='toggleCheckboxes(ab_list.song_id_chk, "+indexCdpox[entity.diskNo-2]+","+indexCdpox[entity.diskNo-1]+");'>";
                this.insertCDLabel( oListTable, oTplTable, 1, chkstr+" <b>CD1</b>" );
                isMultiple = "true";                
            }
            
            //diskNo 이 2 이상인것으로 체크 된 이후
            if(isMultiple == "true"){
                //CD1첫곡Tr위치(타이틀+CD라벨) + 곡수*분리자Tr수 + 체크된디스크수*CD라벨Tr수
                rowTmpIndex = 2 + i*2 + Number(curDiskNo*2);
                //현재 diskNo과 다르면 다음 diskNo가 또 존재 하는것으로 판단
                if(curDiskNo!=entity.diskNo){
                    //새로운 CD 이므로 곡(track)번호 를 리셋
                    trackNum = 0;
                    //테이블에 CD Label 을 삽입
//alert('start:'+Number(indexCdpox[entity.diskNo-1]+1)+' end:'+indexCdpox[entity.diskNo]);
                    var start = Number(indexCdpox[entity.diskNo-1]+1);
                    var end = Number(indexCdpox[entity.diskNo]);
//alert('start:'+start+' end:'+end);
                    var chkstr = "<input type='checkbox'  name='chk_cd1' id='chk_cd1' onClick='toggleCheckboxes(ab_list.song_id_chk, "+start+","+end+");'>";
                    this.insertCDLabel( oListTable, oTplTable, rowTmpIndex, chkstr+" <b>CD"+entity.diskNo+"</b>" );
                    //현재 diskNo 을 저장
                    curDiskNo = entity.diskNo;
                    //새로 Tr이 삽입되었으므로 다음 tr을 위해 tr count 계산
                    rowTmpIndex = 2 + i*2 + Number(curDiskNo*2);                    
                }
                //두장이상인경우는 디스크마다 trackNo 을 1부터 다시 부여 해야 한다. 
                trackNum++;
                //현재 tr 의 trackNo 을 표시하는 td 를 구한다. 
                oCellTrackNum =  oListTable.rows.item(rowTmpIndex).cells.item(1);
                //td 에 trackNum 을 새로 기입
                oCellTrackNum.innerHTML = '<span class="rnk">'+trackNum+'</span>';                
            }else{
                rowTmpIndex = 1 + i*2;
            } 
            //oCellSongTitle = oListTable.rows.item(rowTmpIndex).cells.item(3); 
            //oImg=oCellSongTitle.getElementsByTagName("IMG");
            //if(oImg.length>0){
                //new 이미지 제거                    
            //    if(oImg[0].src.lastIndexOf("w02.gif")>0)oCellSongTitle.removeChild(oImg[0]);                
            //} 
            //iconHtml=this.getIcon("album",entity.songSvcInfo);
            //if(iconHtml!=""){ 
                //span 을 잠시 잘라내기(title 아이콘위치가 뒤쪽으로 바뀌면서 주석처리) 
                /*                    
                oSpan=oCellSongTitle.getElementsByTagName("SPAN");                
                oSpan=oSpan[oSpan.length-1];
                oCellSongTitle.removeChild(oSpan);
                */
                //아이콘 넣기                                              
                //oCellSongTitle.innerHTML+=iconHtml;
                //잘라낸 span 을 다시 넣기(title 아이콘위치가 뒤쪽으로 바뀌면서 주석처리)
                /*
                oCellSongTitle.appendChild(oSpan);
                */
            //}
	        //document.getElementById("txtTmp2").value+=oCellSongTitle.innerHTML+"\n";
        }         
    }
    
    /*
    * 플레이리스트에 CD 구분 표시 TR 을 삽입한다.
    *
    @param oListTable  TR을 삽입할 삽입할 테이블 객체
    @param oTplTable   CD 구분 표시 TR 을 담고 있는 템플릿 테이블(display:none)
    @param rowIndex    TR을 삽입할 row 위치
    @param strHtml     TR의 TD 의 innerHTML 값
    */    
    this.insertCDLabel = function ( oListTable, oTplTable, rowIndex, strHtml ) {
    
       var newRow;
       var oCellCDLabel;
       
    newRow = oListTable.insertRow(rowIndex);
    newRow.appendChild(oTplTable.rows.item(1).cells.item(0).cloneNode(true));  //IE,W3C 공용
    
    newRow = oListTable.insertRow(rowIndex);
    oCellCDLabel = newRow.appendChild(oTplTable.rows.item(0).cells.item(0).cloneNode(true));  //IE,W3C 공용
    
       if(rowIndex==1){
           newRow = oListTable.insertRow(rowIndex);
           newRow.appendChild(oTplTable.rows.item(1).cells.item(0).cloneNode(true));  //IE,W3C 공용        
       }
       
       oCellCDLabel.innerHTML+=strHtml;             
    }
    
    /*
     * 생성된 플레이리스트에 곡의 아이콘을 적용한다.
     *
     @param frmId       플레이리스트 감싸고 있는  form Id
     @param listType    플레이리스트의 형태
     @param itemList    Ajax 를 통해 받은 데이타
     */    
    this.insertIcon = function (frmId,listType,itemList,divId){
        var oDiv;
        if(divId != undefined){
            oDiv = document.getElementById(divId);
        }else{
            oDiv = document.getElementById(getListDivName());        
        }
        var oFrm = oDiv.getElementsByTagName("FORM"); 
        //넘겨받은 itemList 로 부터 entity 를 저장
        var entity;
        //frmId 안에 table 테그 obj 를 구한다.
        var arrTable = oFrm[0].getElementsByTagName( "TABLE" );
        //table 안에 tr 컬렉션 obj 를 구한다.
        var oListTable = arrTable[0];
        //table 안에 tr 을 순차적으로 count 하기 위한 변수
        var rowTmpIndex = 0;
        //tr 을 구성하는 td 중 곡명 을 표시하는 td obj 를 구하여 담는 변수
        var oCellSongTitle;
        var oSpan;
        var iconHtml="";
        for(i=0; i<itemList[0].list.length; i++) {
            entity = itemList[0].list[i];
            iconHtml=this.getIcon(listType,entity.songSvcInfo);
            if(iconHtml!=""){
                rowTmpIndex = 1 + i*2;                        
                oCellSongTitle = oListTable.rows.item(rowTmpIndex).cells.item(3);
                //span 을 잠시 잘라내기 
                oSpan=oCellSongTitle.getElementsByTagName("SPAN");                              
                oSpan=oSpan[oSpan.length-1];
                oCellSongTitle.removeChild(oSpan);
                //아이콘 넣기 
                oCellSongTitle.innerHTML+=iconHtml;
                //잘라낸 span 을 다시 넣기
                oCellSongTitle.appendChild(oSpan);
            }
        }         
    }
  
    /*
     * 생성된 플레이리스트에 적용할 아이콘 묶음 HTML 을 생성하여 리턴한다.
     *
     @param listType    플레이리스트의 형태
     @param songSvcInfo 곡 서비스 정보
     */      
    this.getIcon = function(listType,songSvcInfo){
	    var titleImg = "<img src=\""+imageHome+"/svc/images/common/bul/bul_title02.gif\" class=\"fl mgl5\">";        
	    var hotImg = "<img src=\""+imageHome+"/svc/images/common/bul/bul_hot02.gif\" class=\"fl mgl5\">";    
        var titleFlag;
        //var hotFlag;

        var strHtml = "";
        
        titleFlag = songSvcInfo.substring(2,3);
        hotFlag = songSvcInfo.substring(3,4);
        
        //if(listType=="album"||"artistall"){
            if(titleFlag=="1")strHtml+=titleImg;
            //else if(hotFlag=="1")strHtml+=hotImg;
        //}
        
        return strHtml;
    }
    
    /*
     * 생성된 플레이리스트의 icon 을 제거 한다.
     *
     @param frmId       플레이리스트 감싸고 있는  form Id
     @param itemList    Ajax 를 통해 받은 데이타
     @param iconName    icon이미지명 (예:"w02.gif" new 아이콘)
     */    
    this.removeIcon = function (frmId,itemList,iconName,divId){
        var oDiv;
        if(divId != undefined){
            oDiv = document.getElementById(divId);
        }else{
            oDiv = document.getElementById(getListDivName());        
        }
        var oFrm = oDiv.getElementsByTagName("FORM");
        //frmId 안에 table 테그 obj 를 구한다.
        var arrTable = oFrm[0].getElementsByTagName( "TABLE" );
        //table 안에 tr 컬렉션 obj 를 구한다.
        var oListTable = arrTable[0];
        //table 안에 tr 을 순차적으로 count 하기 위한 변수
        var rowTmpIndex = 0;
        //tr 을 구성하는 td 중 곡명 을 표시하는 td obj 를 구하여 담는 변수
        var oCellSongTitle;        

        var oImg;

        for(i=0; i<itemList[0].list.length; i++) {
            rowTmpIndex = 1 + i*2;
            oCellSongTitle = oListTable.rows.item(rowTmpIndex).cells.item(3); 
            oImg=oCellSongTitle.getElementsByTagName("IMG");
            if(oImg.length>0){
                //이미지 제거                    
                if(oImg[0].src.lastIndexOf(iconName)>0)oCellSongTitle.removeChild(oImg[0]);                
            } 
        }         
    }   	
}