var rhythm=new Array();
var currentpage=0;

function getrhythm()
{
	$.getJSON("http://club.khmer.org/rhythm/catvideo.php", {id:1}, function(data){
		rhythm=data;
		displayrhythm();
		$('#listrhythm').hide();
	});
}



function displayrhythm()
{
	var i=0;
	var str='';
	str = str+"<div  id='olrhythm'><img src='/image/tv/rhythm217x37.png' border='0'></div><div id='mytvicon2'></div>";
	str+='<div  id="listrhythm" class="mywindow">';
	while(i < rhythm.length)
	{
		str+='<div class="item"><a onclick="getrhythmvideo(this,'+i+',0);">'+rhythm[i]._title;
		str+='</a>&nbsp;&nbsp;('+rhythm[i]._total+')</div>';
		i++;	
	}
	str+='</div>';
	
	$('#rhythm').html(str);
	
	$('#olrhythm').mouseover(function() {
		$('#rhythm').removeClass();
		$('#mp3').removeClass();
		$('#mp3').addClass('moveup');
		$('#rhythm').addClass('moveup');
		$('#listvideo').hide('slow');
		$('#listmp3').hide('slow');	
		$('#submenu').hide('slow');
		$('#listrhythm').show('slow');
	});
	
	var pos=$('#video').offset();
	var left=pos.left - 200;
	var top=pos.top - 75;
	$('#mytvicon2').css({left:left,top:top});
	rollover();
	
}



function getrhythmvideo(divid,i,page)
{
	index=i;
	currentpage=page;
	var str='';
	str+='<fieldset class="black">';
	str= str+ '<legend><em><a id="category">'+rhythm[i]._title+'</a></em></legend>';
	var video=rhythm[i].video;
	var j=0;
	var counter=0;
	var k=page * 4;
	
	var num=parseInt(video.length / 4);
	var minus=page - 1;
	var plus=page + 1;
	if(minus < 0)
	{
		minus=0;	
	}
	if(plus > num)
	{
		plus=num;	
	}
	if(video.length > 4)
	{
		str+='<div class="arrowbar"><span><a id="goleft" onclick="getrhythmvideo(this,'+i+','+minus+');"><img src="/image/leftarrow.png"></a></span>'
		+'<span><a id="close"><img src="/image/icon/close.png"></a></span>'
		+'<span><a id="goright" onclick="getrhythmvideo(this,'+i+','+plus+');"><img src="/image/rightarrow.png"></a></span></div>';	
	}
	
	
	while((k < video.length) && (counter < 4))
	{
		j++;
		var url = video[k]._url;
		var title = video[k]._title;
		var uid = video[k]._uid;

		str = str + '<div><a onclick="watchrhythmtv('+i+','+k+',1);" title="'+title+'">';	
		str = str + '<img src="'+ video[k]._photo  + '" height="100" width="100"></a></div>';
		k++;
		counter++;
	}
	str+='<div><a onclick="watchrhythmtv('+i+',0,2);"><img src="/image/arrow.gif">Play all</a></div>';


	str=str+'</fieldset>';
	
	var pos=$('#olrhythm').offset();
	var left=pos.left + 200;
	var top=pos.top - 70;
	
	$('#submenu').css({left:left,top:top,'z-index':'40'});

	$('#submenu').html(str);
	$('#submenu').show('slow');
	
	
	$('#close').click(function() {
		$('#submenu').hide('slow');						   
	});
}





 
function watchrhythmtv(i,k,id)
{

	var myitem=rhythm[i].video;	
	var mytypes='video';

	tvphoto=myitem[k]._photo;
	var title=myitem[k]._title;
	var owner=myitem[k]._uid;
	if(id==2)
	{
		var url=rhythm[i]._allvideo;
	} else {
		var url=myitem[k]._url;
	}
	
	var filetype=myitem[k]._type;
	var price=myitem[k]._price;
	var filename=myitem[k]._filename;
	var size=myitem[k]._size;
	var videoid=myitem[k]._videoid;
	var ownerphoto=myitem[k]._ownerphoto;
	var filetypeid='';
			

	strmsg='Now playing '+ title + ' by ' + owner;
	
	var str2='<div><a href="http://club.khmer.org/users/'+owner+'/index.php" title="Go to '+owner+' home page" target="_blank">';
	str2+='<img src="'+ownerphoto+'" id="ownerphoto" border="0"></a></div>';
	str2+='<div id="prod" class="ontop"></div>';
	
	
	var str='<br>';
	str+='<div class="insidetv">';
	str+='<OBJECT ID="winMedia" width="350" height="250" 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="False">';
	str+='<PARAM NAME="ShowStatusBar" VALUE="True">';
	str+='<PARAM NAME="fullScreen" VALUE="False">';
	str+='<PARAM NAME="windowlessVideo" VALUE="true">';
	str+='<EMBED type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/';
	str+='MediaPlayer/" SRC="'+url+'" name="winMedia" autostart=1 width="350" height="250" ShowStatusBar=true ShowControls=false>';
	str+='</EMBED></OBJECT>';
	str+='<br/>';
	str+='<div class="playmenu">';
	str+='<a onclick="document.winMedia.Previous(); return false;"><img src="/image/leftarrow.png"></a>&nbsp;';
	str+='<a onclick="document.winMedia.Stop(); return false;"><img src="/image/stop.png"></a>&nbsp;';
	str+='<a onclick="document.winMedia.Play(); return false;"><img src="/image/play.png"></a>&nbsp;';
	str+='<a onclick="document.winMedia.Pause(); return false;"><img src="/image/pause.png"></a>&nbsp;';
	str+='<a onclick="document.winMedia.Next(); return false;"><img src="/image/rightarrow.png"></a>&nbsp;';
	str+='</div>';
	str+='</div>';
	
	$('#submenu').hide('slow');
	var pos=$('#tvright').offset();
	var left=pos.left + 50;
	var top=pos.top + 60;
    $('#watchmytv').css({left:left,top:top,'z-index':'0'});
	$('#owner').html(str2);
	getprod(videoid);
	
	$('#watchmytv').html(str);
	$('#watchmytv').show('slow');
	$('div.playmenu').hide();

	
	var pos=$('.floor').offset();
	var left=pos.left + 630;
	var top=pos.top - 110;
	$('#owner').css({left:left,top:top});
	$('#owner').effect("bounce", { times: 10 }, 300);
	flymessage();
	
	jQuery.each(jQuery.browser, function(i, val) {
      	if((i=='msie')&&(val==true))
		{
			$('div.playmenu').show();	
		}
    });


}


function getprod(videoid)
{
	$.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});
  			}
			);
			
			return true;
		} else {
			return false;	
		}
	});
}