// 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:2}, 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", "/flowplayer/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><div id="prod"></div></center>';
					$("#fly").html(strmsg);
					translationprofile();
					track++;
						if(track > video.length)
						{
							track=0;	
						}
					}
			  },
			playlist: eval(myplaylist),
	 
			plugins: { 
				 controls:{ playlist: true, 
				 url:"/flowplayer/flowplayer.controls-3.1.1.swf",              
				 backgroundColor: "#000000"}         
			}
	});	 
}

function gettvlist(catid,audiotype)
{
	$.getJSON("/lib/videojson4.php", {audiotype:audiotype,catid:catid,id:Number(new Date)}, 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);"><span class="mylink">' +myitem[i]._title + "</span></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>&nbsp;</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">'+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 colspan="4">'+str2+'</td>';
	str+='</tr>';
	str=str+'</table></form></div></center>';
	$('#mp3').html(str);
	rollover();
	translationprofile();
}


 

$(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('');
	getprod(videoid);
	
	var str = '<div class="boxvideo">';
	str+='<OBJECT ID="winMedia" width="400" height="350" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" ';
	str+='codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" ';
	str+='standby="Loading Microsoft® Windows® Media Player components..." type="application/x-oleobject">';
	str+='<PARAM NAME="FileName" VALUE="'+url+'">';
	str+='<PARAM NAME="AutoStart" Value="True">';
	str+='<PARAM NAME="volume" value="100">';
	str+='<PARAM NAME="ShowControls" VALUE="true">';
	str+='<PARAM NAME="ShowStatusBar" VALUE="True">';
	str+='<PARAM NAME="fullScreen" VALUE="False">';
	str+='<PARAM NAME="windowlessVideo" VALUE="true">';
	str+='<param name="width" value="400">'; 
	str+='<param name="height" value="350">';
	str+='<param name="scale" value="tofit">'; 

	str+='<EMBED scale="tofit" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/';
	str+='MediaPlayer/" SRC="'+url+'" name="winMedia" autostart=1 width="400" height="350" ShowStatusBar=true ShowControls=true scale="tofit">';
	str+='</EMBED></OBJECT>';
	
	var str2='';
	str2+='<div>Title:<span class="mylink"> ' + title+'</span></div><br>';
	str2+='<div>Owner:<a href="/users/'+uid+'/index.php" target="_blank">' + uid+'</a></div><br>';
	str2+="<div>Size: " + size + ' mb</div><br>';
	str2+='<div><a href="/watch.php?id='+videoid+'"><img src="/image/arrow.gif" border="0">Talk about this video</a></div>';
	str = str + "</div>";
	
	$('#player').html(str);
	$('#mytitle').html(str2);
	translationprofile();
}



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);
			$('#homeforum').html('');
			if(mycalflag==true)
			{
				$('#homeforum').css({'width':'0','background-color':'#ffffff'});
			}
			for(var i=0; i < myevent.length; i++)
			{
				if(dateText==myevent[i]._eventdate)
				{
					var str='<fieldset><legend class="title">Event</legend>';
					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+='</fieldset>';
					var pos=$('#mycal').offset();
					var left=pos.left+250;
					var top=pos.top;
					if(mycalflag==true)
					{
						$('#homeforum').css({'position':'absolute','z-index':'20',left:left,top:top,'background-color':'#efefef','width':'500px'});
					}
					$('#homeforum').html(str);
				}
			}
		}
	});	
	
}

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);	
				}
			});
		}
	});
}