var cat=new Array();
var catvideo=new Array();
var mp3=new Array();
var mp4=new Array();
var singer=new Array();
var myorder=new Array();
var myphoto=new Array();
var mypicture='';

var index=0;
var indexvideo=0;
var indexmp3=0;
var indexmp4=0;
var indexsinger=0;

function getmenu()
{
	var str='';
	str+='<div id="mytab">';
	str+='<ul>';
	str+='<li><a href="#apps">App</a></li>';
	str+='<li><a href="#music">Music</a></li>';
	str+='<li><a href="#singers">Singer</a></li>';
	str+='<li><a href="#video">Video</a></li>';
	str+='<li><a href="#cart">Cart</a></li>';
	str+='</ul>';
	str+='<div id="apps"></div>';
	str+='<div id="music">Please wait while it is downloading</div>';
	str+='<div id="singers">Please wait while it is downloading</div>';
	str+='<div id="video">Please wait while it is downloading</div>';
	str+='<div id="cart">';
	str+='<fieldset><legend class="title">My cart</legend>';
	str+='<ol id="mycart"></ol>';
	str+='<span>Total $</span>&nbsp;<span id="mytotal"></span>';
	str+='<form name="frm" id="frm">';
	str+='<div id="error"></div>';
	str+='<div>E-Mail: <input type="text" size="30" maxlength="250" name="email" id="email"></div></form>';
	str+='<p><a onclick="mycheckout();" title="Check out"><img src="/image/checkout.png" border="0" width="75" height="30" id="checkout"></a></p>';
	str+='</fieldset>';
	str+='</div>';
	str+='</div>';
	
	$('#mydata').html(str);
	$('#mycart').sortable();
	
	$('#mytab').tabs({selected:0,
					  fx: {opacity:'slow'}
					 
	});
	
}


function getvideocat()
{
	$.getJSON("/ajax/catvideojson.php", {id:3}, function(data){
		catvideo=data;
		displayvideocat();
		
	});
}

function displayvideocat()
{
	var str='';
	for(var i=0; i < catvideo.length; i++)
	{
		str+='<div class="boxmenu">'+catvideo[i]._title+'&nbsp;(' +catvideo[i].video.length+')</div>';
		
	}
	str+='<div class="mybox">';
	str+='You can buy Khmer video and download them to play with your Iphone, MP3 Players, Car System, Home Stereo System, and Cell Phones instantly.';
	str+='Each video clip cost only $0.99. It come with MP4 format.';
	str+='</div>';
	$('#video').html(str);
	rollover();
	$('#video div.boxmenu').mousedown(function() {
		var k=$('#video div.boxmenu').index(this);
		getvideo(k,0);
	});
	
}

function getcat()
{
	$.getJSON("/ajax/catjson.php", {id:3}, function(data){
		cat=data;
		displaycat();
		tvshow();
	});
}

function displaycat()
{
	var str='';
	for(var i=0; i < cat.length; i++)
	{
		str+='<div class="boxmenu">'+cat[i]._title+'&nbsp;('+cat[i].video.length+')</div>';
		
	}
	str+='<div class="mybox">';
	str+='You can buy Khmer Songs and download them to play with your Iphone, MP3 Players, Car System, Home Stereo System, and Cell Phones instantly.';
	str+='Each song cost only $0.99. It come with MP3 format.';
	str+='</div>';
	$('#music').html(str);
	rollover();
	$('#music div.boxmenu').mousedown(function() {
		var k=$('#music div.boxmenu').index(this);
		getmusic(k,0);
	});
}



function getmusic(i,page)
{
	$('#submenu').html('');
	index=i;
	currentpage=page;
	var str='';
	str+='<span><a onclick="displaycat();" title="Music Home">Home</a></span>';
	str+='&nbsp;<img src="/image/arrow.gif"><span>'+cat[i]._title+'</span>';
	str+='<table border="1" cellpadding="1" cellspacing="0" width="100%">';

	var video=cat[i].video;

	var counter=0;
	var k=page * 10;
	var str2='';
	var n=k+1;

	if(video.length > 10)
	{
				str2+=buildpage(video.length,10,1);
	}
	str+='<tr><td colspan="3">'+str2+'</td></tr>';
	while((k < video.length) && (counter < 10))
	{
		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;	
	
		str+='<tr>';
		str+='<td><a onclick="buy('+k+',1);"><img src="/image/buy.png" border="0" class="buy"></a></td>';
		str+='<td align="left"><a onclick="watchtv('+i+','+k+',20);" class="body">'+title+'</a></td>';
		str+='<td><a href="http://club.khmer.org/users/'+uid+'/index.php" target="_blank" title="'+uid+'">';
		str+='<img src="'+uidphoto+'" border="0"></a></td>';
		str+='</tr>';
		k++;
		counter++;
	}
	str+='<tr>';
	str+='<td colspan="3">'+str2+'</td>';
	str+='</tr>';
	str=str+'</table>';
	
	$('#music').html(str);
	rollover();
	upanddown();
	
}



function getvideo(i,page)
{
	$('#submenu').html('');
	indexvideo=i;
	currentpage=page;
	var str='';
	str+='<span><a onclick="displayvideocat();" title="video Home">Home</a></span>';
	str+='&nbsp;<img src="/image/arrow.gif"><span>'+catvideo[i]._title+'</span>';
	str+='<table border="1" cellpadding="1" cellspacing="0">';
	var video=catvideo[i].video;

	var counter=0;
	var k=page * 10;
	var str2='';
	var n=k+1;

	if(video.length > 10)
	{
				str2+=buildpage(video.length,10,2);
	}
	str+='<tr><td colspan="2">'+str2+'</td></tr>';
	while((k < video.length) && (counter < 10))
	{
		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 videophoto=video[k].videophoto;
	
		str+='<tr>';
		str+='<td><a onclick="buy('+k+',2);"><img src="/image/buy.png" border="0" class="buy"/></a></td>';
		str+='<td align="left"><a onclick="watchtv('+i+','+k+',19);" class="msg">';
		str+='<img src="'+videophoto+'" border="0"/>'+title+'</a></td>';
		str+='</tr>';
		k++;
		counter++;
	}
	str+='<tr>';
	str+='<td colspan="2">'+str2+'</td>';
	str+='</tr>';
	str=str+'</table>';
	
	$('#video').html(str);
	upanddown();
	
}


function watchtv(i,k,catid)
{
	$('#submenu').html('');
	
	if(catid==19)
	{
		var myitem=catvideo;	
		var mytypes='Video';
	} else {
		var myitem=cat;
		var mytypes='Music';
	}

	$('#player').show('slow');

	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];
	var uidphoto=myitem[i].video[k].uidphoto;
	
	var strmsg='';
	strmsg='<table border="1" cellpadding="2" cellspacing="0" width="100%">';
	strmsg+='<tr><td align="left" width="75">Title</td><td align="left">'+ title+'</td></tr>';
	if(catid==20)
	{
		strmsg+='<tr><td align="left">Duration</td><td align="left">'+parseInt(duration/60)+' min. (MP3)</td></tr>';
	} else {
		strmsg+='<tr><td align="left">Size</td><td align="left">'+size+' mb (MP4)</td></tr>';	
	}
	strmsg+='<tr><td align="left">Singer</td>';
	strmsg+='<td align="left">'+'<a href="http://club.khmer.org/users/' + uid+'/index.php" target="_blank">'+uid+'</a></td><tr>';
	strmsg+='<tr><td align="left">Price</td><td align="left">$0.99</td></tr>';
	strmsg+='</table>';
	$('#flyer').html(strmsg);
	
	$f("myplayer", "/flowplayer/flowplayer.commercial-3.1.1.swf", {
	   	key: '#$7b8b4d930c6debe77df',
	    clip: {
				scaling: 'fit',
				onStart: function(clip) {
					// do nothing
				}
			},
		playlist: [tvphoto,
				   {url:url,duration:duration}],
		 plugins: { 
				 	controls:{ playlist: true,                                
				 	url: "/flowplayer/flowplayer.controls-3.1.1.swf",              
				 	backgroundColor: "#000000"}         
				 } 
	});
	
	
}



function watchtv2(k,id)
{
	$('#submenu').html('');
	
	if(id==2)
	{
		var video=mp4;	
		var mytypes='Video';
	} else {
		var video=mp3;
		var mytypes='Music';
	}

	$('#player').show('slow');
	

	tvphoto=singer[indexsinger].photo;
	var title=video[k].title;
	var artist=video[k].artist;
	var duration=video[k].duration;
	var uid=video[k].uid;
	var filetype=video[k].type;
	var size=video[k].size;
	var videoid=video[k].videoid;
	var url=video[k].url;
	var uidphoto=video[k].uidphoto;
	
	var strmsg='';
	strmsg='<table border="1" cellpadding="2" cellspacing="0"  width="100%">';
	strmsg+='<tr><td align="left" width="75">Title</td><td align="left">'+ title+'</td></tr>';
	if(id==1)
	{
		strmsg+='<tr><td align="left">Duration</td><td align="left">'+parseInt(duration/60)+' min. (MP3)</td></tr>';
	} else {
		strmsg+='<tr><td align="left">Size</td><td align="left">'+size+' mb (MP4)</td></tr>';	
	}
	strmsg+='<tr><td align="left">Singer</td>';
	strmsg+='<td align="left">'+'<a href="http://club.khmer.org/users/' + uid+'/index.php" target="_blank">'+uid+'</a></td><tr>';
	strmsg+='<tr><td align="left">Price</td><td align="left">$0.99</td></tr>';
	strmsg+='</table>';
	$('#flyer').html(strmsg);
	
	$f("myplayer", "/flowplayer/flowplayer.commercial-3.1.1.swf", {
	   	key: '#$7b8b4d930c6debe77df',
	    clip: {
				scaling: 'fit',
				onStart: function(clip) {
					// do nothing
				}
			},
		playlist: [tvphoto,
				   {url:url,duration:duration}],
		 plugins: { 
				 	controls:{ playlist: true,                                
				 	url: "/flowplayer/flowplayer.controls-3.1.1.swf",              
				 	backgroundColor: "#000000"}         
				 } 
	});
	
	
}



function singersong()
{
	$.getJSON("/ajax/singerjson.php", {id:6}, function(data){
		singer=data;
		displaysinger(0);
		
	});
}


function displaysinger(page)
{
	$('#submenu').html('');
	currentpage=page;
	var str='';
	var counter=0;
	var k=page * 10;
	var str2='';
	var n=k+1;

	if(singer.length > 10)
	{
				str2+=buildpage(singer.length,10,3);
	}

	str+='<div class="title">Singers<hr></div>';
	str+='<p>'+str2+'</p>';
	while((k < singer.length) && (counter < 10))
	{

		str+='<div class="photo"><a onclick="profile('+k+');" target="_blank" class="msg2">';
		str+='<img src="'+singer[k].uidphoto+'" border="0"  id="'+k+'" />&nbsp;'+singer[k].lastname+' , '+singer[k].firstname+'</a>';
		str+='</div>';
		k++;
		counter++;
	}
	str+='<p>'+str2+'</p>';
	
	$('#singers').html(str);
	
	
}

function profile(i)
{
	$('#submenu').html('');
	indexsinger=i;
	var str='';
	str+='<span><a onclick="displaysinger('+currentpage+');">Home</a></span>&nbsp;';
	str+='<span><img src="/image/arrow.gif"></span><span>'+singer[i].uid+'</span>&nbsp;';
	str+='<table border="0" cellpadding="0" cellspacing="0" width="100%">';
	str+='<tr><td><a onclick="getmyphoto('+singer[i].userid+');">';
	str+='<img src="'+singer[i].prophoto+'" border="0"></a>';
	str+='</td><td>';
	var url='http://club.khmer.org/users/'+singer[i].uid+'/index.php';
	str+='<ul id="singermenu">';
	str+='<li>Name: <a href="'+url+'" target="_blank">' +singer[i].lastname + '&nbsp;'+singer[i].firstname+'</a></li>';
	str+='<li>View: <a href="#" onclick="getmyphoto('+singer[i].userid+'); return false;">Photo album</a></li>';
	str+='<li>Play: <a href="#" onclick="playmymp3(); return false;">all my songs</a></li>';
	str+='<li>Play: <a href="#" onclick="playmymp4(); return false;">all my video</a></li>';
	str+='<li>Hits: '+singer[i].hit+'</li>';
	str+='</ul>';
	str+='</td></tr></table>';
	str+='<div id="usermenu">';
	str+='<ul>';
	str+='<li><a href="#mymp3">My music</a></li>';
	str+='<li><a href="#mymp4">My video</a></li>';
	str+='</ul>';
	str+='<div id="mymp3"></div>';
	str+='<div id="mymp4"></div>';
	str+='</div>';
	$('#singers').html(str);
	$('#usermenu').tabs({selected:0, fx:{opacity:'toggle'}});
	mypicture=singer[i].photo;
	
	getmp3();
	getmp4();
	
}


function getmyphoto(userid)
{
	$.getJSON("/ajax/photojson.php", {userid:userid}, function(data){
		myphoto=data;
		displaymyphoto();
		
	});
}

function displaymyphoto()
{
	$('#player').show('slow');
	$('#flyer').html('<b>My photo album</b>');
	$f("myplayer", "/flowplayer/flowplayer.commercial-3.1.1.swf", {
	   	key: '#$7b8b4d930c6debe77df',
	    clip: {
				scaling: 'fit',
				onStart: function(clip) {
					$('#flyer').html(clip.title);
				}
			},
		playlist: myphoto,
		 plugins: { 
				 	controls:{ playlist: true,                                
				 	url: "/flowplayer/flowplayer.controls-3.1.1.swf",              
				 	backgroundColor: "#000000"}         
				 } 
	});
	
}


function playmymp3()
{
	$('#player').show('slow');
	
	if(mp3.length > 0)
	{
		$('#flyer').html('<b>Play all my songs</b>');
	} else {
		$('#flyer').html('<b>This singer has no song right now.</b>');
	}
	
	var str='["'+mypicture+'",';
	for(var i=0; i < mp3.length; i++)
	{
		str+='{url:"'+mp3[i].url+'",duration:'+mp3[i].duration+'}';
		if(i < (mp3.length -1))
		{
			str+=',';	
		}
	}
	str+=']';
	
	$f("myplayer", "/flowplayer/flowplayer.commercial-3.1.1.swf", {
	    key: '#$7b8b4d930c6debe77df',
	    clip: {
				scaling: 'fit',
				autoPlay: true,
				onStart: function(clip) {
					$('#flyer').html(clip.title);
				}
			},
		playlist: eval(str),
		 plugins: { 
				 	controls:{ playlist: true,                                
				 	url: "/flowplayer/flowplayer.controls-3.1.1.swf",              
				 	backgroundColor: "#000000"}         
				 } 
	});
	
}

function playmymp4()
{
	$('#player').show('slow');
	if(mp4.length > 0)
	{
		$('#flyer').html('<b>Play all my video</b>');
	} else {
		$('#flyer').html('<b>This singer has no video right now.</b>');
	}
	$f("myplayer", "/flowplayer/flowplayer.commercial-3.1.1.swf", {
	    key: '#$7b8b4d930c6debe77df',
	    clip: {
				scaling: 'fit',
				autoPlay: true,
				onStart: function(clip) {
					$('#flyer').html(clip.title);
				}
			},
		playlist: mp4,
		 plugins: { 
				 	controls:{ playlist: true,                                
				 	url: "/flowplayer/flowplayer.controls-3.1.1.swf",              
				 	backgroundColor: "#000000"}         
				 } 
	});
	
}


function getmp3()
{
	var userid=singer[indexsinger].userid;
	$.getJSON("/ajax/mp3json.php", {userid:userid}, function(data){
		mp3=data;
		if(mp3.length > 0)
		{
			displaymp3(0);
		} else {
			$('#singermenu').eq(2).remove();	
		}
		
	});
}

function getmp4()
{
	var userid=singer[indexsinger].userid;
	$.getJSON("/ajax/mp4json.php", {userid:userid}, function(data){
		mp4=data;
		if(mp4.length > 0)
		{
			displaymp4(0);
		} else {
			$('#singermenu li').eq(3).remove();	
		}
		
	});
}



function displaymp4(page)
{
	$('#submenu').html('');
	currentpage=page;
	var str='';
	str+='<table border="1" cellpadding="1" cellspacing="0" width="100%">';
	var video=mp4;
	var counter=0;
	var k=page * 6;
	var str2='';
	var n=k+1;

	if(video.length > 6)
	{
				str2+=buildpage(video.length,6,4);
	}

	if(video.length > 0)
	{
		str+='<tr><td colspan="2">'+str2+'</td></tr>';
		while((k < video.length) && (counter < 6))
		{
			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 videophoto=video[k].videophoto;
	
			str+='<tr>';
			str+='<td><a onclick="buy2('+k+',2);"><img src="/image/buy.png" class="buy" border="0"></a></td>';
			str+='<td class="body"><a onclick="watchtv2('+k+',2);" class="msg3">';
			str+='<img src="'+videophoto+'" border="0" align="left" width="45" height="45">&nbsp;'+title+'</a></td>';
			str+='</tr>';
			k++;
			counter++;
		}
		str+='<tr>';
		str+='<td colspan="2">'+str2+'</td>';
		str+='</tr>';
	} else {
		str+='<tr><td colspan="2">This singer has no video right now.</td></tr>';	
	}
	str=str+'</table>';
	
	$('#mymp4').html(str);
	upanddown();
	
	$('a.msg3 img').bind('mouseenter',function (e) {
		var image=$(this).attr('src');
		var str='';
		str+='<img src="'+image+'">';
		var pos=$(this).offset();
		var top=pos.top;
		var left=pos.left+45;
		$("#submenu").css({top:top,left:left});
       	$("#submenu").html(str);
		$('#submenu').show('slow');
      });
	
    $('a.msg3 img').bind('mouseleave',function (e) {
        $("#submenu").hide('slow');
	});
	
	
}



function displaymp3(page)
{
	$('#submenu').html('');
	currentpage=page;
	var str='';
	str+='<table border="1" cellpadding="1" cellspacing="0" width="100%">';
	var video=mp3;
	var counter=0;
	var k=page * 10;
	var str2='';
	var n=k+1;

	if(video.length > 10)
	{
				str2+=buildpage(video.length,10,5);
	}

	if(video.length > 0)
	{
		str+='<tr><td>&nbsp;</td><td class="title">Title</td></tr>';
		while((k < video.length) && (counter < 10))
		{
			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 videophoto=video[k].videophoto;
	
			str+='<tr>';
			str+='<td><a onclick="buy2('+k+',1);"><img src="/image/buy.png" border="0" class="buy"></a></td>';
			str+='<td><a onclick="watchtv2('+k+',1);" class="body">';
			str+='<img src="/image/real1.gif" border="0">&nbsp;'+title+'</a></td>';
			str+='</tr>';
			k++;
			counter++;
		}
		str+='<tr>';
		str+='<td colspan="2">'+str2+'</td>';
		str+='</tr>';
	} else {
		str+='<tr><td colspan="2">This singer has no music right now.</td></tr>';	
	}
	str=str+'</table>';
	
	$('#mymp3').html(str);
	
	rollover();
	upanddown();
	
		
}

function rollover()
{
	$('.body').hover(function () {
		$(this).addClass('body2');
      }, 
      function () {
        $(this).removeClass('body2');
      }
    );	
	
}

function upanddown()
{
	$('.buy').bind('mousedown',function (e) {
		$(this).attr({src:'/image/buy2.png'});
     });
	
    $('.buy').bind('mouseup', function(e) {
        $(this).attr({src:'/image/buy.png'});
      });	
}

function buy(i,id)
{
	if(id==1)
	{
		var item=cat[index].video;	
	} else {
		var item=catvideo[indexvideo].video;	
	}
	var str='';
	str+='<li id="list_'+item[i].videoid+'">';
	str+='<a class="colorred" onclick="deletelist('+item[i].videoid+');"><img src="/image/x.png" border="0"></a>';
	str+='&nbsp;'+item[i].title + ' $0.99</li>';
	$('#mycart').append(str);
	
	var total=0;
	$('#mycart li').each(function(i) {
								  
			total=total + 0.99;					  
	});
	total=parseFloat(total);
	total = Math.round(total*Math.pow(10,2))/Math.pow(10,2);

	$('#mytotal').html(total);
	
	$('.buy').bind('mousedown',function(e) {
		var pos=$(this).offset();
		var left=pos.left+40;
		var top=pos.top;
		$('#submenu').css({top:top,left:left,'background-color':'#ffcc00'});
		$('#submenu').html('<fieldset>Add to the cart</fieldset>');
		$('#submenu').show('fast');
	
	});
	
	$('.buy').bind('mouseup',function(e) {
		$('#submenu').hide('slow');								  
	});
	

}

function buy2(i,id)
{
	if(id==1)
	{
		var item=mp3;	
	} else {
		var item=mp4;	
	}
	var str='';
	str+='<li id="list_'+item[i].videoid+'">';
	str+='<a class="colorred" onclick="deletelist('+item[i].videoid+');"><img src="/image/x.png" border="0"></a>';
	str+='&nbsp;'+item[i].title + ' $0.99 </li>';
	$('#mycart').append(str);
	
	var total=0;
	$('#mycart li').each(function(i) {
								  
			total=total + 0.99;					  
	});
	total=parseFloat(total);
	total = Math.round(total*Math.pow(10,2))/Math.pow(10,2);

	$('#mytotal').html(total);
	
	$('.buy').bind('mousedown',function(e) {
		var pos=$(this).offset();
		var left=pos.left+40;
		var top=pos.top;
		$('#submenu').css({top:top,left:left,'background-color':'#ffcc00'});
		$('#submenu').html('<fieldset>Add to the cart</fieldset>');
		$('#submenu').show('fast');
	
	});
	
	$('.buy').bind('mouseup',function(e) {
		$('#submenu').hide('slow');								  
	});
	

}

function deletelist(id)
{
	$('#list_'+id).remove();	
	var total=0;
	$('#mycart li').each(function(i) {
								  
			total=total + 0.99;					  
	});
	total=parseFloat(total);
	total = Math.round(total*Math.pow(10,2))/Math.pow(10,2);
	$('#mytotal').html(total);
	return false;
}


function mycheckout()
{
	var str=$('#mycart').sortable('serialize','id');
	var email=$('#email').val();
	if(email=='')
	{
		$('#error').html('Please enter your E-Mail address.');	
	} else if(str=='')
			{	
				$('#mytotal').html('Your shopping cart is empty. You did not make any purchase.'); 	
	} else {
		$.ajax({url:'/ajax/cartajax.php',
			   type:'post',
			   data:str+'&email='+email,
			   success:function(data) {
				var total=$('#mytotal').text();
				var ordernumber=jQuery.trim(data);
				payment(ordernumber,total,email);
			   }
		});
	}
	$('#checkout').bind('mousedown',function(e) {
		$(this).attr({src:'/image/checkout2.png'});										 
	});
	$('#checkout').bind('mouseup',function(e) {
		$(this).attr({src:'/image/checkout.png'});										 
	});
}


function payment(order,total,email)
{
	var item='';
	$('#mycart li').each(function(i) {
		item+=$(this).attr('id');
		item=item.replace(/&/,'-');
		item=item.replace(/list/,'');
	});
	
	var str='<fieldset><legend class="title">Make payment online</legend>';
	str+='<img src="/image/staff.gif" align="left" hspace="10" vspace="10">';
	str+='<p>Khmer.org</p>';
	str+='<p>Tel. (978) 319-5628</p>';
	str+='<p>E-Mail: <a href="mailto:khmereshop@yahoo.com">KhmerEshop@yahoo.com</a></p>';
	str+='<p>Yahoo I.M. KhmerEshop</p>';
	str+='<p>Your order number is '+order +' and total price $ '+total+'</p>';
	str+='<p>';
	str+='<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="newin">';
	str+='<input type="hidden" name="cmd" value="_xclick">';
	str+='<input type="hidden" name="business" value="khmereshop@yahoo.com">';
	str+='<input type="hidden" name="item_name" value="order:'+order+' item: '+item+'">';
	str+='<input type=hidden name="amount"  value="'+total+'">';
	str+='<input type="hidden" name="image_url" value="http://ringtone.khmer.org/image/logo.gif">';
	str+='<input type="hidden" name="return" value="http://ringtone.khmer.org/thankyou.php?order_number='+order+'&email='+email+'">';
	str+='<input type="hidden" name="email" value="'+email+'">';
	str+='<input type="hidden" name="cancel_return" value="http://ringtone.khmer.org">';
	str+='<input type="image" src="/image/paypal1.gif" border="0" name="submit" alt="Make payments with PayPal - it is fast, free and secure!">';	
	str+='</form></p>';
	str+='<p><a onclick="cancelorder();"><img src="/image/arrow.gif" border="0" hspace="5">Cancel this order</a></p>';
	str+='</fieldset>';
	
	$('#cart').html(str);
	
}


function cancelorder()
{
	window.location.href="/index.html";	
}


function getmyorder(id,email)
{
	$.getJSON('/ajax/myorderjson.php',{order_number:id,email:email,i:Number(new Date)}, function(data) {
		myorder=data;
		displaymyorder(id);
	});
}


function displaymyorder(order)
{
	var str='';
	str+='<div style="background-color:#FFF; color:#000;">';
	str+='<div class="title">My order number : '+order+'</div>';
	str+='<table border="1" cellpaddding="5" cellspacing="0" width="100%">';
	str+='<tr class="title"><td>File download</td><td>Size</td><td>Title</td></tr>';
	for(var i=0; i < myorder.length; i++)
	{
		str+='<tr>';
		str+='<td><a href="/download/'+order+'/'+myorder[i].filename+'" target="_blank">'+myorder[i].filename+'</a></td>';
		str+='<td>'+myorder[i].size+' mb</td>';
		str+='<td>'+myorder[i].title+'</td>';
		str+='</tr>';
	}
	str+='</table>';
	str+='<p><a onclick="cancelorder();"><img src="/image/arrow.gif" border="0">Make new order</a></p>';
	str+='To save this download file to your computer on windows XP or Vista.';
	str+='<ol><li>Move the mouse over each file name</li>';
	str+='<li>Press on right mouse click</li>';
	str+='<li>Select Save Target As</li>';
	str+='<li>Select proper folder where you want to save it to your computer</li>';
	str+='</ol>';
	str+='<p>If you have problem to download songs, you can contact us at ';
	str+='<a href="mailto:khmereshop@yahoo.com">KhmerEshop@yahoo.com</a> or call (978) 319-5628</p>';
	str+='</div>';
	$('#mydata').html(str);
}

var tvflag=false;
function tvshow2(divid)
{
	var pos=$(divid).offset();
	var left=pos.left+55
	var top=pos.top;
	$('#player').css({top:top,left:left,'width':'350px','height':'250px','position':'absolute','z-index':30});

	if(tvflag==false)
	{
		$('#player').show('slow');
		tvflag=true;
		$('#arrow').attr({src:'/image/arrowleft.png'});
		
	} else {
		$('#player').hide('slow');
		tvflag=false;
		$('#arrow').attr({src:'/image/arrowright.png'});
	}
}

var catindex=5;
var songindex=3;

function tvshow()
{
	var pos=$('#arrow').offset();
	var left=pos.left+10
	var top=pos.top;
	$('#player').css({top:top,left:left,'width':'350px','height':'250px','position':'absolute','z-index':30});
	var str='';
	str+='<div class="boxtop"></div>';
	str+='<div class="boxmiddle">';
	str+='<div class="box350">';
	str+='<div id="myplayer" class="myplayers"></div>';
	str+='<div id="flyer"></div>';
	str+='</div>';
	str+='</div>';
	str+='<div class="boxbottom"></div>';
	$('#player').html(str);
	var photo=cat[catindex].video[songindex].photo;
	var url=cat[catindex].video[songindex].url;
	var title=cat[catindex].video[songindex].title;

	$('#flyer').html('<b>Title:</b> &nbsp;'+ title);
	$f("myplayer", "/flowplayer/flowplayer.commercial-3.1.1.swf", {
	    key: '#$7b8b4d930c6debe77df',
	    clip: {scaling:'fit',autoPlay:true},
		playlist: [photo,{url:url}],
		 plugins: { 
				 	controls:{ playlist: true,                                
				 	url: "/flowplayer/flowplayer.controls-3.1.1.swf",              
				 	backgroundColor: "#000000"}         
				 } 
	});
		
	$('#player').hide();

	
}

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>';
	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:
			getmusic(index,page);

		break;
		case 2:
			getvideo(indexvideo,page);

		break;
		case 3:
			displaysinger(page);

		break;
		case 4:
			displaymp4(page);

		break;
		case 5:
			displaymp3(page);

		break;
	}
}


// navigate away
window.onbeforeunload = function (e) {
  var e = e || window.event;
  var mycarts=$('#mycart').text();
  // For IE and Firefox
  if (e) {
	if(mycarts=='')
	{
		//do nothing
	} else {
		$('#mytab').tabs('select',3);
    	e.returnValue = 'You still have some songs in your shopping cart. Click cancel to finish your order. Click OK to cancel this order.';
	}
 }

  // For Safari
  if(mycarts=='')
  {
		// do nothing  
  } else {
  	$('#mytab').tabs('select',3);
 	 return 'You still have some songs  in your shopping cart. click cancel to finish your order. Click OK to cancel this order.';
  }
};