// JavaScript Document
var fileclippagecut="module/ajax_pagecutclip.php";
//Page Cut
function $(id){return document.getElementById(id);}
function $name(name){return document.getElementsByName(name);};
function $value(node,name){try{return node.getElementsByTagName(name)[0].firstChild.nodeValue;}catch(e){return "";}}
function numberFormat(number){
	number += '';
	x = number.split('.');
	x1 = x[0];
	x2 = x.length > 1 ? '.' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ',' + '$2');
	}
	return x1 + x2;
}
function spacialChar(txt){
	txt = txt.replace(/\\u000a/g,"<br>");
	txt = txt.replace(/\\u003c/g,"<");
	txt = txt.replace(/\\u003e/g,">");
	txt = txt.replace(/\\u0026/g,"&");
	txt = txt.replace(/\\/g,"");
	return txt;
}
function thispagerpl(thispage,rowPerPage,allPage,nextPage,pagePerGroup,allRpl1,whereCause,order,box,tabNo){
	if(tabNo=='1'){
		cp.call(fileclippagecut,'getNextGroup',resThispagerpl,thispage,rowPerPage,allPage,nextPage,pagePerGroup,whereCause,order,box);
	}else if(tabNo=='3'){
		cp.call(fileclippagecut,'getNextPlaylistGroup',resThispagerpl,thispage,rowPerPage,allPage,nextPage,pagePerGroup,whereCause,order,box);
	}
	var arrHL=order.split(" ");
	if(arrHL[0]=="tvdt_view"){
		document.getElementById("tvdt_view").style.color="#FF9933";
		document.getElementById("tvdt_numrpl").style.color="#FFFFFF";
		document.getElementById("tvdt_avg").style.color="#FFFFFF";
	}else if(arrHL[0]=="tvdt_numrpl"){
		document.getElementById("tvdt_view").style.color="#FFFFFF";
		document.getElementById("tvdt_numrpl").style.color="#FF9933";
		document.getElementById("tvdt_avg").style.color="#FFFFFF";
	}else if(arrHL[0]=="tvdt_avg"){
		document.getElementById("tvdt_view").style.color="#FFFFFF";
		document.getElementById("tvdt_numrpl").style.color="#FFFFFF";
		document.getElementById("tvdt_avg").style.color="#FF9933";
	}
	document.getElementById('focusOnLoad').focus();
	$(box).innerHTML="<center><img src=\"../images/icon/loading.gif\" height=\"20\" width=\"20\" /></center>";
	
	var thisGroup=Math.ceil(thispage/pagePerGroup);
	var allGroup=Math.ceil(allPage/pagePerGroup);
	var numberGroupHTML="";
	if(thisGroup>1&&allGroup>1){
		var limit=((((thisGroup-2)*pagePerGroup+1)-1)*rowPerPage)+","+rowPerPage;
		numberGroupHTML+="<img src=\"images/icon/btn_first.gif\" title=\""+lgFirstPage+"\" id=\"pageFitst\" onclick=\"thispagerpl(1,"+rowPerPage+","+allPage+",'0,"+rowPerPage+"',"+pagePerGroup+","+allRpl1+",'"+whereCause+"','"+order+"','"+box+"','"+tabNo+"');\" style=\"cursor:pointer;\" />&nbsp;";
		numberGroupHTML+="<img src=\"images/icon/btn_previous.gif\" title=\""+lgPrevious+"\" id=\"pagePrevious\" onclick=\"thispagerpl("+((thisGroup-2)*pagePerGroup+1)+","+rowPerPage+","+allPage+",'"+limit+"',"+pagePerGroup+","+allRpl1+",'"+whereCause+"','"+order+"','"+box+"','"+tabNo+"');\" style=\"cursor:pointer;\" />&nbsp;";
	}else{
		numberGroupHTML+="<img src=\"images/icon/btn_first.gif\" title=\""+lgFirstPage+"\" id=\"pageFitst\" />&nbsp;";
		numberGroupHTML+="<img src=\"images/icon/btn_previous.gif\" title=\""+lgPrevious+"\" id=\"pagePrevious\" />&nbsp;";
	}
	for(i=1;(i<=pagePerGroup)&&(i+pagePerGroup*(thisGroup-1)<=allPage);i++){
		if(i+pagePerGroup*(thisGroup-1)==thispage){
			numberGroupHTML+="<font id=\"pageNum"+(i+pagePerGroup*(thisGroup-1))+"\" style=\"font-weight:bold; color:#FF0000;\">"+(i+pagePerGroup*(thisGroup-1))+"</font>&nbsp;";
		}else{
			var limit=(((i+pagePerGroup*(thisGroup-1))-1)*rowPerPage)+","+rowPerPage;
			numberGroupHTML+="<a href=\"javascript:void(0);\" id=\"pageNum"+(i+pagePerGroup*(thisGroup-1))+"\" onclick=\"thispagerpl("+(i+pagePerGroup*(thisGroup-1))+","+rowPerPage+","+allPage+",'"+limit+"',"+pagePerGroup+","+allRpl1+",'"+whereCause+"','"+order+"','"+box+"','"+tabNo+"');\">"+(i+pagePerGroup*(thisGroup-1))+"</a>&nbsp;";
		}
	}
	if(thisGroup<allGroup&&allGroup>1){
		var limit=(((thisGroup*pagePerGroup+1)-1)*rowPerPage)+","+rowPerPage;
		var lastLimit=((allRpl1-rowPerPage)-1)+","+rowPerPage;
		numberGroupHTML+="<img src=\"images/icon/btn_next.gif\" title=\""+lgNext+"\" id=\"pageNext\" style=\"cursor:pointer;\"";
		numberGroupHTML+="onclick=\"thispagerpl("+(thisGroup*pagePerGroup+1)+","+rowPerPage+","+allPage+",'"+limit+"',"+pagePerGroup+","+allRpl1+",'"+whereCause+"','"+order+"','"+box+"','"+tabNo+"');\" />&nbsp;";
		numberGroupHTML+="<img src=\"images/icon/btn_last.gif\" title=\""+lgLastPage+"\" id=\"pageLast\" style=\"cursor:pointer;\"";
		numberGroupHTML+="onclick=\"thispagerpl("+((allPage-pagePerGroup)+1)+","+rowPerPage+","+allPage+",'"+lastLimit+"',"+pagePerGroup+","+allRpl1+",'"+whereCause+"','"+order+"','"+box+"','"+tabNo+"');\" />&nbsp;";
	}else{
		numberGroupHTML+="<img src=\"images/icon/btn_next.gif\" title=\""+lgNext+"\" id=\"pageNext\" />&nbsp;";
		numberGroupHTML+="<img src=\"images/icon/btn_last.gif\" title=\""+lgLastPage+"\" id=\"pageLast\" />";
	}
	$('pageNumberGroup'+tabNo).innerHTML=numberGroupHTML;
}
function resThispagerpl(result){
	//All Clip Group
	var tv=result.getElementsByTagName('tv')[0];
	var pageNumber=tv.getAttribute('id');
	var allPage=tv.getAttribute('allPage');
	var pagePerGroup=tv.getAttribute('pagePerGroup');
	var box=tv.getAttribute('box');
	var loginVal=tv.getAttribute('login');
	
	var tvitems=tv.getElementsByTagName('tvitems');
	for(var i=0;i<tvitems.length;i++){
		var clipID=tvitems[i].getAttribute('id');
		var user=tvitems[i].getAttribute('user');
		var disname=tvitems[i].getAttribute('disname');
		var ownerVal=tvitems[i].getAttribute('owner');
		
		var path=$value(tvitems[i],'path');
		var img=$value(tvitems[i],'img');
		var title=spacialChar($value(tvitems[i],'title'));
		var detail=spacialChar($value(tvitems[i],'detail'));
		var numview=$value(tvitems[i],'numview');
		var score=$value(tvitems[i],'score');
		var sts=$value(tvitems[i],'sts');

		var clipImgsCover="userfile/"+user+"/"+path+"/tvCover/"+img;
		//HTML
	var boxClipHTML="";
		boxClipHTML+="<div class=\"cIconPlayTV7\">";
		boxClipHTML+="<a href=\"detail_clip.php?tv="+clipID+"\" target=\"_blank\"><img src=\"images/bgFashionG/iconTVPlay.png\" id=\"clipAll"+clipID+"\" style=\"display:none;\"></a>";
		boxClipHTML+="</div>";
		boxClipHTML+="<div class=\"cMoviecClipImg7\">";
		boxClipHTML+="<a href=\"detail_clip.php?tv="+clipID+"\" target=\"_blank\"><img src=\""+clipImgsCover+"\" onMouseOver=\"document.getElementById('clipAll"+clipID+"').style.display='block';\" onMouseOut=\"document.getElementById('clipAll"+clipID+"').style.display='none';\"></a>";
		boxClipHTML+="</div>";
		boxClipHTML+="<div class=\"cMoviecCliptxtShow\">";
		boxClipHTML+="<div class=\"txtTitle\"><a href=\"detail_clip.php?tv="+clipID+"\" target=\"_blank\">"+title+"</a></div>";
		boxClipHTML+="<div class=\"txtTitleDetail\"><a href=\"detail_clip.php?tv="+clipID+"\" target=\"_blank\">"+detail+"</a></div>";		
		boxClipHTML+="<div></div>";
		if(ownerVal=="true"){
			if(sts==1){
				var dis=2;
				var disTxt="Published";
				var disTxtTooltip="Click to hide.";
			}else if(sts==2){
				var dis=1;
				var disTxt="Hide";
				var disTxtTooltip="Click to publish.";
			}
			boxClipHTML+="<div><span>Status&nbsp;:&nbsp;&nbsp;</span><span class=\"txtStatus\"><a href=\"javascript:void(0);\" onClick=\"disChange("+user+","+clipID+","+dis+");\" title=\""+disTxtTooltip+"\" id=\"chgDisBTT"+clipID+"\">"+disTxt+"</a></span></div>";
		}else{
			boxClipHTML+="<div><span>By&nbsp;:&nbsp;&nbsp;</span><span class=\"txtUser\"><a href=\"myVdo.php?user="+user+"\">"+disname+"</a></span>&nbsp;&nbsp;View&nbsp;:&nbsp;&nbsp;"+numview+"</div>";
		}
		boxClipHTML+="<div class=\"bshstar7\">";
		for(var j=1;j<=5;j++){
			if(j<=score){
				boxClipHTML+="<img src=\"images/icon_star/iconStar-16.png\" />";
			}else if(j>score){
				var dif=j-score;
				if(dif<0.75){
					boxClipHTML+="<img src=\"images/icon_star/iconStar-16_5.png\" />";
				}else{
					boxClipHTML+="<img src=\"images/icon_star/iconStar-16G.png\" />";
				}
			}
		}//End Vote Point
		boxClipHTML+="<span>"+score+"</span>";
		boxClipHTML+="</div>";
		boxClipHTML+="</div>";
			
		//Create New Box Node
		boxNode=document.createElement('div');
//		boxNode.id="boxRpl1"+movieID;
		boxNode.className="cMoviecClip7 floatLeft";
		boxNode.innerHTML=boxClipHTML;
				
		//Clear Node
		if(i==0){
			$(box).innerHTML="";
		}
		//Add Node
		if(i==0){
			$(box).insertBefore(boxNode,$(box).lastChild);
		}else{
			$(box).insertBefore(boxNode,$(box).lastChild.nextSibling);
		}
		//Add Clear Box
		var modRow=i%4;
		if(modRow==0){
			clearNode=document.createElement('div');
			clearNode.className="clear";
			$(box).insertBefore(clearNode,$(box).lastChild);
		}
	}
}