// JavaScript Document
var cat=new Array();
var video;
var myitem;
var mp3;
var index=0;

var mymp3 = new Array();
var myvideo = new Array();
var currentpage=0;
var catid=0;
var audiotype=0;

var myvideocontent='';
var height=0;
var tvphoto='';
var strmsg='';
var rightpage=new Array();
var weeklytv=new Array();
var weeklytitle='';
var eventdate='';
var myevent = new Array();


function getweeklytv()
{
	$.getJSON("/home/tvjson.php", {id:3}, function(data){
		weeklytv=data[0]._item;
		weeklytitle=data[0]._name;
		displayweeklytv();
	});
}

function displayweeklytv()
{
	var myplaylist='[';
	myplaylist+='{url:"/image/bg/sovath.png", duration:2},{url:"/radio/neighborhoodvideo.png", duration:5,scaling:"fit"},';
	myplaylist+='{url:"/image/bg/ranuth.png", duration:2},';
	
	var video=weeklytv;
	
	for(var j=0; j < video.length; j++)
	{
		myplaylist+='{url:"'+video[j].url+'"},';
		
	}	
	myplaylist+='{url:"/radio/neighborhoodvideo.png",duration:5}';
	
	myplaylist+=']';
		
		var track=0;
		$f("player", "/flowplayer3/flowplayer.commercial-3.1.1.swf", {
		    key: '#$7b8b4d930c6debe77df',
			clip: { autoPlay:true,
					
				   	onStart: function(clip) {
					$("#prod").html('');
					var videoid=video[track].videoid;
					getprod(videoid);
					var k=track+1;
					var strmsg='<center><table border="1" cellpadding="5" cellspacing="0" width="500">';
					strmsg+='<tr><td align="left" width="100">Title</td><td align="left" class="mylink">'+ video[track].title+'</td></tr>';
					strmsg+='<tr><td align="left" width="100">Size</td><td align="left">'+video[track].size+' mb. (MP4)</td></tr>';
					strmsg+='<tr><td align="left">Owner</td>';
					strmsg+='<td align="left">'+'<a href="/users/' + video[track].uid+'/index.php" target="_blank">'+video[track].uid+'</a></td><tr>';
					strmsg+='<tr><td align="left">Chapter</td><td align="left">'+k+'</td></tr>';
					strmsg+='</table>';
					strmsg+='<div class="body"><a href="/watch.php?id='+videoid+'"><img src="/image/arrow.gif" border="0">Talk about this video</a></div>';
					strmsg+='<p id="prod"></p></center>';
					$("#fly").html(strmsg);
					translationprofile();
					track++;
						if(track > video.length)
						{
							track=0;	
						}
					}
			  },
			playlist: eval(myplaylist),
	 
			plugins: { 
				 controls:{ playlist: true, 
				 url:"/flowplayer3/flowplayer.controls-3.1.1.swf",              
				 backgroundColor: "#000000"}         
			}
	});
		 
}

function gettvlist(catid,audiotype)
{
	$.getJSON("http://club.khmer.org/lib/videojson3.php", {audiotype:audiotype,catid:catid,id:1}, function(data){
		mymp3=data;
		getmp3cat(mymp3);
		
	});
	index=0;
	currentpage=0;
}



function getmp3cat(myitem)
{
	var i=0;
	var str='';
	str+='<center><table border="1" cellpadding="5" cellspacing="0" width="510">';
	str+='<caption class="title">Video topic</caption>';
	str+='<tr><td class="title">Topic</td><td class="title">QTY</td>';
	str+='<td class="title">Video title</td><td class="title">Owner</td></tr>';
	while(i < myitem.length)
	{
		str+='<tr>';
		str+='<td align="left"><a onClick="'+"getlistmp3("+i+',0);" class="mylink">' +myitem[i]._title + "</a></td>";
		str+='<td align="right">'+myitem[i].video.length+"</td>";
		str+='<td align="left"><a onclick="watchmytv('+i+',0); return false;">';
		str+='<img src="'+myitem[i].video[0].videophoto+'" align="left" border="0" hspace="5">';
		str+='<span class="mylink">'+myitem[i].video[0].title+'</span></a><br>';
		str+='<a href="/watch.php?id='+myitem[i].video[0].videoid+'"><img src="/image/arrow.gif" border="0">Talk about this video</a>';
		str+='</td>';
		str+='<td><a href="/users/'+myitem[i].video[0].uid+'/index.php" target="_blank" title="'+myitem[i].video[0].uid+'">';
		str+='<img src="'+myitem[i].video[0].uidphoto+'" border="0"></a></td>';
		str+='</tr>';
		i++;	
	}
	str+='</table></center>';
	
	$('#mp3').html(str);

	rollover();
	translationprofile();

}




function getlistmp3(i,page)
{
	index=i;
	currentpage=page;
	var str='';
	var chapter=1;
	str+='<center>';
	str+='<b class="title"><span><a href="#" onclick="gettvlist(20,0); return false;">Video topic</a></span>';
	str+='<img src="/image/arrow.gif" hspace="10">'+mymp3[i]._title+'<span><img src="/image/spacer.gif" hspace="50"></span>';
	str+='<span><a onclick="minimize(\'#listmp3\',\'#minus\');"><img src="/image/icon/minus.png" border="0" id="minus"></a></span></b>';
	str+='<div id="listmp3" class="tablemiddle"><form name="frmsong">';
	str+='<table border="1" cellpadding="5" cellspacing="0" width="510">';
	str+='<tr><td><a href="#" id="checkall" onclick="return false;">Check</a></td>';
	str+='<td class="title">Video title</td><td class="title">Size</td><td class="title">Owner</td></tr>';
	var video=mymp3[i].video;
	var counter=0;
	var k=page * 20;
	var str2='';
	var n=k+1;
	str2='<a onClick="gettvlist(20,0); return false;"><img src="/image/arrow.gif" border="0">Go back to Video topic</a>&nbsp;';
	if(video.length > 20)
	{
		str2+=buildpage(video.length,20,1);
	}

	while((k < video.length) && (counter < 20))
	{
		var url = video[k].url;
		var title = video[k].title;
		var uid = video[k].uid;
		var duration = parseInt(video[k].duration / 60);
		var artist = video[k].artist;
		var uidphoto=video[k].uidphoto;
		var size=video[k].size;
		str+='<tr>';
		str+='<td align="left"><input type="checkbox" name="item" value='+k+'>'+n+'</td>';
		str+='<td align="left"><a onclick="watchmytv('+i+','+k+');">';
		str+='<img src="'+video[k].videophoto+'" align="left" border="0" hspace="5"><span class="mylink">'+title+'</span></a><br>';
		str+='<a href="/watch.php?id='+video[k].videoid+'"><img src="/image/arrow.gif" border="0">Talk about this video</a>';
		str+='</td>';
		str+='<td nowrap>'+size+' mb.</td><td><a href="/users/'+uid+'/index.php" target="_blank" title="'+uid+'">';
		str+='<img src="'+uidphoto+'" border="0"></a></td>';
		str+='</tr>';
		k++;
		n++;
		counter++;
	}
	str+='<tr>';
	str+='<td align="left"><input type="button" id="playall" value="Play"></td>';
	str+='<td colspan="3">'+str2+'</td>';
	str+='</tr>';
	str=str+'</table></form></div></center>';
	$('#mp3').html(str);
	translationprofile();
	$('#checkall').click(function() {
		for(var j=0; j < document.frmsong.item.length; j++)
		{
			if(document.frmsong.item[j].checked)
			{
				document.frmsong.item[j].checked=0;
			} else {
				document.frmsong.item[j].checked=1;
			}
		}
	});
	$('#playall').click(function() {
		var flag=false;
		var t=0;
		var video=mymp3[index].video;
		var myplaylist='[';
		var len=document.frmsong.item.length;
		if(index==0)
		{
			//len=len - 1;	
		}
	
		for(var j=0; j < len; j++)
		{
			if(document.frmsong.item[j].checked)
			{
				var w=document.frmsong.item[j].value;
				var str=video[w].title;
				title=str.replace(/['(),\[\]"]/g,'');
				myplaylist+='"'+video[w].photo+'",';
				myplaylist+='{url:"'+video[w].url+'",';
				myplaylist+='duration:'+video[w].duration+',';
				myplaylist+='title:"'+title+'",';
				myplaylist+='uid:"'+video[w].uid+'",';
				myplaylist+='size:'+video[w].size+',';
				myplaylist+='videoid:'+video[w].videoid+'},';
				flag=true;
				t++;
			}
		}
		if(flag==true)
		{
			strmsg='Now playing all the music that you choose.<br>';
			$('#fly').html(strmsg);
			var str=video[0].title;
			title=str.replace(/['(),\[\]"]/g,'');
			myplaylist+='"'+video[0].photo+'",';
			myplaylist+='{url:"'+video[0].url+'",';
			myplaylist+='duration:'+video[0].duration+',';
			myplaylist+='title:"'+title+'",';
			myplaylist+='uid:"'+video[0].uid+'",';
			myplaylist+='size:'+video[0].size+',';
			myplaylist+='videoid:'+video[0].videoid+'}]';
			
			
			$f("player", "/flowplayer3/flowplayer.commercial-3.1.1.swf", {
			   key: '#$7b8b4d930c6debe77df',
			   clip: {
				   		onStart: function(clip) {
							$('#prod').html('');
							getprod(clip.videoid);
							strmsg='<center><table border="1" cellpadding="5" cellspacing="0" width="500">';
							strmsg+='<tr><td align="left" width="100">Title</td><td align="left" class="mylink">'+ clip.title+'</td></tr>';
							strmsg+='<tr><td align="left" width="100">Size</td><td align="left">'+clip.size+' mb. and MP4</td></tr>';
							strmsg+='<tr><td align="left">Owner</td>';
							strmsg+='<td align="left">'+'<a href="/users/' + clip.uid+'/index.php" target="_blank">'+clip.uid+'</a></td><tr>';
							strmsg+='<tr><td align="left">Chapter</td><td align="left">'+chapter+'</td></tr>';
							strmsg+='</table>';
							strmsg+='<div class="body"><a href="/watch.php?id='+clip.videoid+'">';
							strmsg+='<img src="/image/arrow.gif" border="0">Talk about this video</a></div>';
							strmsg=='</center>';
							$('#fly').html(strmsg);
							translationprofile();
							chapter++;
						}
			   		},
				playlist:eval(myplaylist),
				plugins: { 
				 	controls:{ playlist: true,                                
				 	url: '/flowplayer3/flowplayer.controls-3.1.1.swf',              
				 	backgroundColor: '#000000'}         
				 }
			});
		 
			
			
		}
	});
	
	rollover();
	
}


 

$(document).ready(function() {

  $("div.popup_msg").ajaxStart(function(){
	 var x=window.screen.width/2;
	 var y=window.screen.height/2;
	$('div.popup_msg').css({left:x,top:y});
  	$('div.popup_msg').html("<img src='/image/ajax-loader.gif'>");
   	$('div.popup_msg').show('slow');
 	});		
  
  
  
	 $("div.popup_msg").ajaxSuccess(function(evt, request, settings){
		$('div.popup_msg').html('');
   		$('div.popup_msg').hide('slow');
 	});

});



 
function watchmytv(i,k)
{

	var myitem=mymp3;
	var mytypes='mp3';


	tvphoto=myitem[i].video[k].photo;
	var title=myitem[i].video[k].title;
	var artist=myitem[i].video[k].artist;
	var duration=myitem[i].video[k].duration;
	var uid=myitem[i].video[k].uid;
	var filetype=myitem[i].video[k].type;
	var size=myitem[i].video[k].size;
	var videoid=myitem[i].video[k].videoid;
	var url=myitem[i].video[k].url;
	var video=myitem[i].video[k];
	
	$('#prod').html('');
	$f("player", "/flowplayer3/flowplayer.commercial-3.1.1.swf", {
	   key: '#$7b8b4d930c6debe77df',
	    clip: {
				onStart: function(clip) {
					$('#prod').html('');
					getprod(videoid);
					var strmsg='<center><table border="1" cellpadding="5" cellspacing="0" width="500">';
					strmsg+='<tr><td align="left" width="100">Title</td><td align="left" class="mylink">'+ title+'</td></tr>';
					strmsg+='<tr><td align="left" width="100">Size</td><td align="left">'+size+' mb. and MP4</td></tr>';
					strmsg+='<tr><td align="left">Owner</td>';
					strmsg+='<td align="left">'+'<a href="/users/' + uid+'/index.php" target="_blank">'+uid+'</a></td><tr>';
					strmsg+='</table>';
					strmsg+='<div class="body"><a href="/watch.php?id='+videoid+'"><img src="/image/arrow.gif" border="0">Talk about this video</a></div>';
					strmsg+='</center>';
					$('#fly').html(strmsg);
					translationprofile();
				}
			},
		playlist: [tvphoto,
				   {url:url,duration:duration}],
		
		 plugins: { 
				 	controls:{ playlist: true,                                
				 	url: '/flowplayer3/flowplayer.controls-3.1.1.swf',              
				 	backgroundColor: '#000000'}         
				 } 
	});
	
	
}



function rollover()
{
 	$("a").hover(
      function () {
        $(this).addClass('tvmenu2');
      }, 
      function () {
        $(this).removeClass('tvmenu2');
      }
    );
	
}




function getrightpage()
{

	$.getJSON("/home/rightpagejson.php", function(data){
		rightpage=data;
		displayrightpage();
		
	});
}

function displayrightpage()
{
	var i=0;	
	var str='';
	str+='<div class="leftarrow"><a id="left"><img src="/image/leftarrow.png" border="0"></a></div>';
	str+='<div class="sliderGallery">';
	str+='<ul id="pic">';
	while(i < rightpage.length)
	{
		var k=0;
		var j=0;
		var item=rightpage[i]._item;
	
		while((k < item.length)&&(k < 3))
		{
			str+='<li>';
			str+='<a onclick="viewvideo(this,'+i+','+k+');" title="'+item[k]._title+'" class="box">';
			str+='<img src="'+item[k]._photo+'" id="myvideo2"></a></li>';
			str+='<li><img src="/image/spacer.gif" width="10"></li>';
			k++;
		}
		
		i++;	
		
	}
	str+='</ul></div>';
	str+='<div class="rightarrow"><a id="right"><img src="/image/rightarrow.png" border="0"></a></div>';
	$('#newvideo').html(str);
	
       
       $('.rightarrow').click(function(){
			var str='';
			var count=0;
			var k=3;
			while((k < item.length)&&(count < 3))
			{
			str+='<li>';
			str+='<a onclick="viewvideo(this,0,'+k+');" title="'+item[k]._title+'">';
			str+='<img src="'+item[k]._photo+'" id="myvideo2"></a></li>';
			str+='<li><img src="/image/spacer.gif" width="10"></li>';
			k++;
			count++;
			}
			if(k > item.length)
			{
				k=0;	
			}
			$('#pic').html(str);
			
       });	
	
		$('.leftarrow').click(function(){
			var str='';
			var count=0;
			var len=0;
			while((len < item.length)&&(count < 3))
			{
			str+='<li>';
			str+='<a onclick="viewvideo(this,0,'+len+');" title="'+item[len]._title+'">';
			str+='<img src="'+item[len]._photo+'" id="myvideo2"></a></li>';
			str+='<li><img src="/image/spacer.gif" width="10"></li>';
			len++;
			count++;
			
			}
			$('#pic').html(str);		
       });	
	
}



function getadssponsor()
{
	$.getJSON("/chat/getsponsor.js",{id:1}, function(data) {
		sponsor=data;
		displaynewrelease();
	
	});
	return false;
}


function displaynewrelease()
{
	var str='';
	var i=0;
	str+='<table border="0" cellpadding="5" cellspacing="0">';
	var prod=sponsor[i].prod;
	for(var k=0; k < prod.length; k++)
	{
			str+='<tr><td>';
			str+='<a href="http://eshop.khmer.org" title="'+prod[k]._title+'">';
			str+='<img src="http://eshop.khmer.org'+prod[k]._smallphoto+'" border="0"></a>';
			str+='</td></tr>';
	}
	str+='</table>';
	$('#adsbanner').html(str);
	return false;
}




function buildpage(len,num,type)
{
	var str='';
	var total=parseInt(len/num);
	var remain=len - (total * num);
	if(remain > 0)
	{
		total=total+1;
	}
	var track=0;
	var i=0;
	if(total > 1)
	{
	str+='<b>Page &nbsp;&nbsp;';
	if(currentpage >= 5)
	{
		var temppage=currentpage + 3;
		if(temppage < total)
		{
			i=currentpage - 3;
		} else {
			i=total - 6;
		}
		
	}
	if(total > 5)
	{
		var minus=currentpage -1;
		if(minus < 0)
		{
			minus=0;	
		}
		if(currentpage==0)
		{
			str+='<span>&nbsp;&nbsp;Previous&nbsp;&nbsp;</span>';
		} else {
			str+='<span>&nbsp;&nbsp;<a href="#" onclick="updatepage('+minus+','+type+');return false;">Previous</a>&nbsp;&nbsp;</span>';
		}
	}
	while(i < total && track < 7)
	{
			var pagenum=i+1;
			if(i==currentpage)
			{
				str+='<span>&nbsp;'+pagenum+'&nbsp;</span>';
			} else {
				str+='<span>&nbsp;<a href="#" onclick="updatepage('+i+','+type+'); return false;">'+pagenum+'</a>&nbsp;</span>';
			}
		
	
		i++;
		track++;
	}
	if(total > 5)
	{
		var plus=currentpage + 1;
		if(plus >= total)
		{
			plus=total - 1 ;	
		}
		var ntotal=total - 1;
		if(currentpage==ntotal)
		{
			str+='<span>&nbsp;&nbsp;Next&nbsp;&nbsp;</span>';
		} else {
			str+='<span>&nbsp;&nbsp;<a href="#" onclick="updatepage('+plus+','+type+'); return false;">Next</a>&nbsp;&nbsp;</span>';
		}
	}
	str+='</b>';
	}
	return str;
}

function updatepage(page,types) 
{
	currentpage=page;
	switch(types)
	{
		case 1:
			getlistmp3(index,page);

		break;
	}
}

// minimize menu by pass in div id
var mflag=false;
function minimize(divid, dividimage)
{
	if(mflag==false)
	{
		$(dividimage).attr({src:"/image/icon/plus.png", border:"0"});
		$(divid).hide('slow');
		mflag=true;
	} else {
		$(dividimage).attr({src:"/image/icon/minus.png", border:"0"});
		$(divid).show('slow');
		mflag=false;
	
	}
}


function getprod(videoid)
{
	$('#prod').html('');
	
	$.getJSON("/rhythm/prodjson.php",{video_id:videoid,id:2}, function(data) {	
		if(data.length > 0)
		{
			$('#prod').html('<img src="http://eshop.khmer.org'+data[0]._smallphoto+'" border="0" id="smallphoto">');
			
			$("#prod").hover(function () {
    			$('#smallphoto').attr({src:'http://eshop.khmer.org'+data[0]._mediumphoto, border:0});
  			},
  			function () {
    			$('#smallphoto').attr({src:'http://eshop.khmer.org'+data[0]._smallphoto, border:0});
  			}
			);
			
		}
	});
}


	var mydate=new Date();
	var mon=parseInt(mydate.getMonth()+1);
	mon=mon+'';
	var year=mydate.getFullYear();
	if(mon.length==1)
	{
		mon='0'+mon;	
	}

function getevent()
{
	$.getJSON("/forum/eventjson.php", {id:2}, function(data){
		myevent=data;
		displayeventdate(year,mon);
	})
}


function displayeventdate(year,mon)
{


	$('#mycal td a').each(function(i) {
		var day=$(this).text();
		if(day.length==1)
		{
			day='0'+day;	
		}
		var today=mon+'-'+day+'-'+year;

		for(var j=0; j < myevent.length; j++)
		{
			if(today==myevent[j]._eventdate)
			{
				$(this).css({color:'#ff0000','font-size':'12pt'});	
			}
		}
	});
}
var mycalflag=false;
function getcalendar()
{
	$("#mycal").datepicker({
		showStatus: true,
		currentText: 'Today',
		dateFormat: 'mm-dd-yy',
		onChangeMonthYear:function(y,m) {
			mon=m+'';
			if(mon.length==1)
			{
				mon='0'+m;
			}
			year=y+'';
		},
		onSelect: function(dateText) {
			displayeventdate(year,mon);
			for(var i=0; i < myevent.length; i++)
			{
				if(dateText==myevent[i]._eventdate)
				{
					var str='<div id="homeforum2" class="content">';
					str+='<a href="/users/'+myevent[i]._uid+'/index.php">';
					str+='<img src="'+myevent[i]._photo+'" border="0"><br>'+myevent[i]._uid+'</a><br>';
					str+='<b>Event date: '+myevent[i]._eventdate+'</b><br>';
					str+='<p>'+decodeURIComponent(myevent[i]._comment)+'</p>';
					str+='</div>';
					$('#homeforum').html(str);
					$('#homeforum2').dialog({title:'Event',width:450,zIndex:9999,show:'slide',autoOpen:true,stack:true,bgiframe:true,
											position:'bottom'});
				}
			}
		}
	});	
	
}

function translationprofile()
{
	var origlang='';
	
	$('.mylink').each(function(i) {
		var title=$(this).text();
		if((lang!='English')&&(title!=''))
		{
		 	$.translate(title,lang,{
				start: function() {
				
				},
			    error: function(data) {
				},
				complete:function(data) {
					var flag=this.isTranslatable(lang);
					if(flag==true) {
						$('.mylink').eq(i).text(data);	
					}
				}
			});
		}
	});
	
	$('.subtitle').each(function(i) {
		var title=$(this).text();
		if((lang!='English')&&(title!=''))
		{
		 	$.translate(title,lang,{
			    error: function(data) {
				},
				complete:function(data) {
					$('.subtitle').eq(i).text(data);	
				}
			});
		}
	});
}