// JavaScript Document
var fileOwnCate="module/ajax_owncate.php";
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 getDataNode(p,t){try{return p.getElementsByTagName(t)[0].firstChild.nodeValue;}catch(e){return "";}};
function setCenter(id){$(id).style.left=((getWindowSizeAll(true)[0]-$(id).offsetWidth)/2+getScrollXY()[0])+"px";$(id).style.top=((getWindowSizeAll(true)[1]-$(id).offsetHeight)/2+getScrollXY()[1])+"px";};
function spacialTag(txt){txt=txt.replace(/>/g,'&gt;');txt=txt.replace(/</g,'&lt;');return txt;}
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;
}
////////////////////////////////////////////////////////////////
//////////////////////////////Up Clip///////////////////////////
////////////////////////////////////////////////////////////////
//////////////////////////Add My Category////////////////////////
function newOwnCate(fmbID){
	loadding(closeManage);
	
	var htmlOwnBox ="";
		htmlOwnBox+="<div class=\"cateAdd\">";
		htmlOwnBox+="<div class=\"cateTop\">Add Categories<span class=\"floatRight txtlogin\">";
		htmlOwnBox+="<img src=\"images/icon/cross.png\" onclick=\"closeManage();\" style=\"cursor:pointer;\" />";
		htmlOwnBox+="</span></div>";
		htmlOwnBox+="<div class=\"cateDetail\">";
		htmlOwnBox+="<input id=\"ownCateName\" class=\"cateAddinput\" />&nbsp;&nbsp;";
		htmlOwnBox+="<input type=\"button\" value=\"Save\" onclick=\"addOwnCate();\"/>";
		htmlOwnBox+="<input type=\"button\" value=\"Cancel\" onclick=\"closeManage();\" />";
		htmlOwnBox+="</div>";
		htmlOwnBox+="</div>";
		
//	alert(htmlOwnBox);
	showManageNode=document.createElement('div');	
	showManageNode.className="popupBox";
	showManageNode.setAttribute("id","showManage");	
	showManageNode.innerHTML=htmlOwnBox;
	document.body.appendChild(showManageNode);
	setCenter('showManage');
}
function addOwnCate(){
	var ownCateName = document.getElementById("ownCateName").value;
	cp.call(fileOwnCate,'addOwnCate',resAddOwnCate,ownCateName);
}
function resAddOwnCate(result){
	var owncateNode=result.getElementsByTagName('owncate')[0];
	var cate=$value(owncateNode,'cate');
	var catename=$value(owncateNode,'catename');
	var ownCateHTML ="";
		ownCateHTML+="<img src=\"images/icon/icon_folder16.png\" />&nbsp;";
		ownCateHTML+="<a href=\"javascript:void(0);\" id=\"cateName"+cate+"\" onclick=\"showClipInCate("+cate+");\">"+catename+"&nbsp;&nbsp;(0)</a>";
		ownCateHTML+="&nbsp;&nbsp;&nbsp;&nbsp;";
		ownCateHTML+="<span class=\"txtedit\"><a href=\"javascript:void(0);\" onclick=\"ownCateact('edit',"+cate+");\">Edit</a></span>";
		ownCateHTML+="&nbsp;&nbsp;|&nbsp;&nbsp;";
		ownCateHTML+="<span class=\"txtedit\"><a href=\"javascript:void(0);\" onclick=\"ownCateact('del',"+cate+");\">Delete</a></span>";
		
		boxNode=document.createElement('li');
		boxNode.setAttribute("id","ownCateDT"+cate);	
		boxNode.innerHTML=ownCateHTML;
		document.getElementById('ownCateList').insertBefore(boxNode,document.getElementById('ownCateList').lastChild.nextSibling);
	closeManage();
}
function ownCateact(act,ownCateID){
	loadding(closeManage);
	if(act=="edit"){
		cp.call(fileOwnCate,'getOwnCate',resGetOwnCate,ownCateID);
	}else if(act=="del"){
		if(window.confirm("Delete your category.")){
			cp.call(fileOwnCate,'delOwnCate',resDelOwnCate,ownCateID);
		}else{
			closeManage();
		}
	}
}
function resGetOwnCate(result){
	var owncateNode=result.getElementsByTagName('owncate')[0];
	var cate=$value(owncateNode,'cate');
	var catename=$value(owncateNode,'catename');
	
	var htmlOwnBox ="";
		htmlOwnBox+="<div class=\"cateAdd\">";
		htmlOwnBox+="<div class=\"cateTop\">Add Categories<span class=\"floatRight txtlogin\">";
		htmlOwnBox+="<img src=\"images/icon/cross.png\" onclick=\"closeManage();\" style=\"cursor:pointer;\" />";
		htmlOwnBox+="</span></div>";
		htmlOwnBox+="<div class=\"cateDetail\">";
		htmlOwnBox+="<input type=\"text\" id=\"ownCateName\" class=\"cateAddinput\" value=\""+catename+"\" />&nbsp;&nbsp;";
		htmlOwnBox+="<input type=\"button\" value=\"Save\" onclick=\"updateOwnCate("+cate+");\"/>";
		htmlOwnBox+="<input type=\"button\" value=\"Cancel\" onclick=\"closeManage();\" />";
		htmlOwnBox+="</div>";
		htmlOwnBox+="</div>";
		
//	alert(htmlOwnBox);
	showManageNode=document.createElement('div');	
	showManageNode.className="popupBox";
	showManageNode.setAttribute("id","showManage");	
	showManageNode.innerHTML=htmlOwnBox;
	document.body.appendChild(showManageNode);
	setCenter('showManage');
}
function updateOwnCate(ownCateID){
	var ownCateName = document.getElementById("ownCateName").value;
	cp.call(fileOwnCate,'updateOwnCate',resUpdateOwnCate,ownCateID,ownCateName);
}
function resUpdateOwnCate(result){
	var owncateNode=result.getElementsByTagName('owncate')[0];
	var cate=$value(owncateNode,'cate');
	var catename=$value(owncateNode,'catename');
	document.getElementById('cateName'+cate).innerHTML=catename;
	closeManage();
}
function resDelOwnCate(result){
	var owncateNode=result.getElementsByTagName('owncate')[0];
	var cate=$value(owncateNode,'cate');
	document.getElementById('ownCateDT'+cate).parentNode.removeChild(document.getElementById('ownCateDT'+cate));
	closeManage();
}
function showClipInCate(fmbID,ownCateID){
	cp.call(fileOwnCate,'getClipInOwnCate',resGetClipInOwnCate,fmbID,ownCateID);
}
function resGetClipInOwnCate(result){
	//All Clip Group
	var tv=result.getElementsByTagName('tv')[0];
	var pageNumber=tv.getAttribute('id');
	var rowPerPage=tv.getAttribute('rowPerPage');
	var allPage=tv.getAttribute('allPage');
	var pagePerGroup=tv.getAttribute('pagePerGroup');
	var allUserClip=tv.getAttribute('allUserClip');
	var forJSGet=tv.getAttribute('forJSGet');
	var box=tv.getAttribute('box');
	var cateOwnID=tv.getAttribute('cateOwnID');
	var cateOwnName=tv.getAttribute('cateOwnName');
	var loginVal=tv.getAttribute('login');
	
//	$('cateName'+cateOwnID).innerHTML=cateOwnName+"&nbsp;&nbsp;("+allUserClip+")";
//	$('cateName'+cateOwnID).style.color="#FF6600";
	
	var tvitems=tv.getElementsByTagName('tvitems');
	if(tvitems.length>0){
		$('clipInCate').style.display="block";
		if(cateOwnID==0){
			$('ownCateNameHead').innerHTML="My Category";
		}else{
			$('ownCateNameHead').innerHTML=cateOwnName;
		}
	}else{
		$('clipInCate').style.display="none";
		$('ownCateNameHead').innerHTML="";
	}
	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+="<img src=\"images/bgFashionG/iconTVPlay.png\" id=\"clipAll"+clipID+"\" style=\"display:none;\">";
		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>View&nbsp;:&nbsp;&nbsp;"+numview+"<span>&nbsp;&nbsp;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>";
			boxClipHTML+="<div>Select for move category&nbsp;:&nbsp;&nbsp;<input type=\"checkbox\" id=\"clipMove"+clipID+"\" value=\""+clipID+"\"  onclick=\"sltClipMove('"+clipID+"');\" /></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);
		}
	}
	
	
	//Insert page navigator
	document.getElementById('focusOnLoad').focus();
	
	var thisGroup=Math.ceil(1/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+","+allUserClip+",'"+forJSGet+"','tvdt_id DESC','tvdt_id DESC','"+box+"','1');\" 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+","+allUserClip+",'"+forJSGet+"','tvdt_id DESC','"+box+"','1');\" 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)==1){
			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+","+allUserClip+",'"+forJSGet+"','tvdt_id DESC','"+box+"','1');\">"+(i+pagePerGroup*(thisGroup-1))+"</a>&nbsp;";
		}
	}
	if(thisGroup<allGroup&&allGroup>1){
		var limit=(((thisGroup*pagePerGroup+1)-1)*rowPerPage)+","+rowPerPage;
		var lastLimit=((allUserClip-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+","+allUserClip+",'"+forJSGet+"','tvdt_id DESC','"+box+"','1');\" />&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+","+allUserClip+",'"+forJSGet+"','tvdt_id DESC','"+box+"','1');\" />&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\" />";
	}
	$('pageNumberGroup1').innerHTML=numberGroupHTML;	
}
function sltClipMove(clipID){
	document.getElementById("clipMoveVal").value+="|"+clipID;
	document.getElementById("clipMove"+clipID).onclick=function(){ccClipMove(clipID);};
}
function ccClipMove(clipID){
	var newSltClipMove="0";
	var arrClipMove=document.getElementById("clipMoveVal").value.split("|");
	for(var i=1;i<arrClipMove.length;i++){
		if(arrClipMove[i]!=clipID){
			newSltClipMove+="|"+arrClipMove[i];
		}else{
			newSltClipMove=newSltClipMove;
			document.getElementById("clipMove"+clipID).onclick=function(){sltClipMove(clipID);};
		}
	}
	document.getElementById("clipMoveVal").value=newSltClipMove;
}
function moveClipTo(){
	var cateOwn=document.getElementById("cateOwn").value;
	var allClipMove=document.getElementById("clipMoveVal").value;
		cp.call(fileOwnCate,'moveClip',resMoveClip,cateOwn,allClipMove);
//	var arrClipMove=document.getElementById("clipMoveVal").value.split("|");
//	for(var i=1;i<arrClipMove.length;i++){
//		cp.call(fileOwnCate,'moveClip',resMoveClip,cateOwn,arrClipMove[i]);
//	}
}
function resMoveClip(result){
	var owncate=result.getElementsByTagName('owncate')[0];
	var ownCateID=owncate.getAttribute('id');
	var user=owncate.getAttribute('user');
	var owncatename=$value(owncate,'owncatename');
	
	showClipInCate(user,ownCateID);
	if (ownCateID==0){
	document.getElementById("cateOwn").value=0;
	}
	document.getElementById("clipMoveVal").value=0;
}