//----------------------------------------------------------
// コンテンツリストの表示処理
// ID="listArea"のinnerHTMLを作成します
//----------------------------------------------------------
function displayContentsList(categoryId, page) {
	MovieDetailListBlogic.selectLiveAndContentsList(categoryId, page,{
    		callback : showList,
     		errorHandler : decideErrorDisplay
    		});
}
//----------------------------------------------------------
// コンテンツリストの表示処理
// ID="listArea"のinnerHTMLを作成します
//----------------------------------------------------------
function displayAllContentsList() {
	MovieDetailListBlogic.selectAllLiveAndContents(this.categoryId,{
 		callback : showList,
 		errorHandler : decideErrorDisplay
 		});
}

function showList(resultList) {
	
	var page 									  = window.parent.pageNumber;
	var displayContents 						  = "";
	document.getElementById("listArea").innerHTML = "";
	
    // 備考1、備考2の設定
    if(resultList.length > 0){
		displayEtc(resultList[0].categoryId);
	}

	// コンテンツ一覧の作成
    for (var i = 0; i < resultList.length; i++) {
    	var entity           = resultList[i];
    	var movieTitle       = document.getElementById("movieTitle");
    	movieTitle.innerHTML = "";
    	
        var now  = new Date();
        var time = "";
        time    += now.getFullYear();
        time    += parseInt(now.getMonth()+1);
        time    += now.getDate();
        time    += now.getHours();
        time    += now.getMinutes();
        time    += now.getMilliseconds();
    	
    	// レコードがコンテンツの場合
        if(entity.dataFlag == 'contents'){
        	
            if(entity.newFlag){
            	movieTitle.innerHTML += "<strong>NEW-</strong>";
            	movieTitle.attributes.getNamedItem("class").nodeValue = "newMovie";
            }else{
            	movieTitle.attributes.getNamedItem("class").nodeValue = "normal";
            }
            movieTitle.innerHTML += "<a href='#' onclick='changeDetailDisplay("+window.parent.categoryId+","+entity.contentsId+","+page+")'>"+entity.metaTitle+"</a>";
            
            document.getElementById("showMovie"       ).attributes.getNamedItem("onclick").nodeValue = "changeDetailDisplay("+window.parent.categoryId+","+entity.contentsId+","+page+")";
            document.getElementById("metaDuration"    ).innerHTML = entity.metaDuration;
            document.getElementById("metaBody"        ).innerHTML = entity.metaBody;
            
	    	document.getElementById("metaEtc1"	  ).innerHTML = entity.metaEtc1;
	    	document.getElementById("metaEtc1"	  ).className = "none"
		    document.getElementById("metaEtc2"	  ).innerHTML = entity.metaEtc2;
		   	document.getElementById("metaEtc2"	  ).className = "none"
		   	        
            document.getElementById("metaDisplaydate" ).innerHTML = entity.metaDisplaydate;
            
            var thumbnailUri 									  = document.getElementById("thumbnailUri");
            thumbnailUri.attributes.getNamedItem("src").nodeValue = "getImage.do?contentsId="+entity.contentsId+"&x="+time;
            thumbnailUri.attributes.getNamedItem("alt").nodeValue = escapeHtml(entity.altMetaTitle);
            
            var contents 										  = document.getElementById("listArea-copy");
            contents.attributes.getNamedItem("class"  ).nodeValue = "normal";
            displayContents 								     += contents.innerHTML;
            contents.attributes.getNamedItem("class"  ).nodeValue = "none";
        	
        // レコードがライブの場合
        }else if(entity.dataFlag == 'live'){
        	
        	// １レコード目がライブ情報だった場合
        	if(i == 0){
        		displayContents += "<div class='liveRelay'><!-- .liveRelay --><p class='relayHead'>ライブ中継</p>";
        	}
        	
            movieTitle.attributes.getNamedItem("class").nodeValue = "normal";
            movieTitle.innerHTML += "<a href='#' onclick='changeLiveDetailDisplay("+entity.liveId+","+page+")'>"+entity.title+"</a>";
            
            document.getElementById("showMovie"       ).attributes.getNamedItem("onclick").nodeValue = "changeLiveDetailDisplay("+entity.liveId+","+page+")";
            
            document.getElementById("metaBody"        ).innerHTML = entity.body;
            document.getElementById("metaDisplaydate" ).innerHTML = entity.displayDate;
            
            var thumbnailUri 									  = document.getElementById("thumbnailUri");
            thumbnailUri.attributes.getNamedItem("src").nodeValue = "getImage.do?liveId="+entity.liveId+"&x="+time;
            thumbnailUri.attributes.getNamedItem("alt").nodeValue = escapeHtml(entity.altTitle);
            
            var live 										      = document.getElementById("listArea-copy");
            live.attributes.getNamedItem("class"      ).nodeValue = "normal";
            displayContents 								     += live.innerHTML;
            live.attributes.getNamedItem("class"      ).nodeValue = "none";
            
        	// 全レコードがライブ情報の場合
           	if(resultList[i+1]　== null){
        		displayContents += "</div><!-- /.liveRelay -->";
        		
        	// 次レコードからコンテンツ情報の場合
        	} else if(resultList[i+1].dataFlag == 'contents'){
        		displayContents += "</div><!-- /.liveRelay -->";
        	}
        }
	}
    
    document.getElementById("listArea").innerHTML = displayContents;
}
// コンテンツリストの備考1、備考2の表示設定
function displayEtc(categoryId) {
	MovieDetailListBlogic.selectCategoryLabel(categoryId,{
 		callback : setEtc,
 		errorHandler : serverError
 		});
}
// 備考を表示する際にラベルを追加
function setEtc(entity) {
   	if(entity != null && entity.etc1PublicFlag == "1"){
   		var elements1 = document.getElementsByTagName("LI");
   		for(i =0; elements1 != null && i<elements1.length ; i++){
   			if(elements1[i].id == "metaEtc1"){
	   			elements1[i].className = "display";
	   			var strEtc1 = elements1[i].innerHTML;
	   			var label = entity.etc1Label;
	   			elements1[i].innerHTML = "【" + label + "】　" + strEtc1;
	   		}
   		}
   	}
   	if(entity != null && entity.etc2PublicFlag == "1"){
   		elements2 = document.getElementsByTagName("LI");
   		for(i =0; elements2 != null && i<elements2.length; i++){
   			if(elements2[i].id == "metaEtc2"){
	   			elements2[i].className = "display";
	   			var strEtc2 = elements2[i].innerHTML;
	   			var label = entity.etc2Label;
	   			elements2[i].innerHTML = "【" + label + "】　" + strEtc2;
	   		}
   		}
   	}
}