var mydata=new Array();
var mychat=new Array();
var path='http://club.khmer.org';
var total=0;
var totalmp3=0;
var totalmp4=0;
var index=0;
var mp3index=0;
var mp4index=0;
var currentpage=0;
var person=[];
var myflag=false;
var platform=window.navigator.platform;

person.init=function() {
	person.getprofile();
	person.topmenu();
}


person.getprofile=function() {
	var url=path+'/js/'+myuid+'.js';
	$.getJSON(url,function(data,status) {
		if(status=='success') {
			mydata=data;
			person.info();
			person.note();
			person.checkfriend();
		}
	});
}

person.info=function() {
	var info=mydata.profile;
	var str='';
	str+='<fieldset class="shadow"><legend>'+info._gender +'&nbsp;'+info._uid+'</legend>';
	str+='<img src="'+info._photo+'" class="photo" onclick="person.photo(0);"/>'
	str+='<div>'+info._city+'</div>';
	str+='<div id="sss">'+info._state+'</div>';
	str+='<div>'+info._country+'</div>';
	str+='<div>'+info._yearborn+' yrs</div>';
	str+='<div>'+info._hit+' hit</div>';
	str+='</fieldset>';
	str+='<div id="sidemenu"></div>';
	$('#info').html(str);
	person.sidemenu();
	if(info._state==null) {
		$('#sss').html('');	
	}
	if(info._class!=null) {
		$('body').removeClass();
		var myclass=info._class;
		if(myclass.length > 30) {
			$('body').attr('style',info._class);
		} else {
			$('body').addClass(info._class);
		}
	}
}

person.note=function() {
	var mynote=mydata.note;
	var info=mydata.profile;
	var str='';
	str+='<div id="pp">';
	for(var i=0; i < mynote.length; i++) {
		if(mynote[i]._noticeid > 0) {
		str+='<fieldset><legend>'+mynote[i]._title+'</legend>';
		str+='<p>'+mynote[i]._message+'</p>';
		str+='</fieldset>';
		}
	}
	str+='</div>';
	$('#note').html(str);
	$('#pp').addClass('pop in');
}

person.checkfriend=function() {
	var friend=mydata.friend;
	for(var i=0; i < friend.length; i++) {
		if(friend[i]._uid==window.localStorage.getItem('uid')) {
			myflag=true;	
		}
	}
}

person.friends=function(page) {
	currentpage=page;
	var friend=mydata.friend;
	var i=page * 20;
	var k=i+1;
	var count=0;
	var totalfriend=parseInt(friend.length / 20);
	var sum=totalfriend * 20;
	var rem=friend.length - sum;
	if(rem > 0) {
		totalfriend=totalfriend + 1;	
	}
	var str='';
	str+='<div id="pp">';
	while((i < friend.length)&&(count < 20)) {
		str+='<div class="box100">';
		str+='<a href="/users/'+friend[i]._uid+'/">';
		str+='<img src="'+friend[i]._photo+'" class="photo50"/></a>';
		str+='<div>'+friend[i]._uid+'</div>';
		str+='</div>';
		i++;
		count++;
		k++;
	}
	str+='</div>';
	if(totalfriend > 1) {
			
		var mypage=page + 1;
		str+='<center><table border="0" cellpadding="10">';
		str+='<tr><td><img src="/image/blackarrowleft.png" class="leftfriend"/></td>';
		str+='<td>Page '+mypage + ' of ' + totalfriend+'</td>';
		str+='<td><img src="/image/blackarrowright.png" class="rightfriend"/></td></tr>';
		str+='</table></center>';
	}
	$('#note').html(str);
	$('#pp').addClass('pop in');
	
	$('img.rightfriend').click(function() {
		page++;
		if(page < totalfriend) {
			person.friends(page);	
		} else {
			page=0;	
			person.friends(page);	
		}
	});
	
	$('img.leftfriend').click(function() {
		page--;
		if(page >=0) {
			person.friends(page);	
		} else {
			page=totalfriend;	
			person.friends(page);	
		}
	});
}

person.sidemenu=function() {
	var str='';
	str+='<div class="menu" id="add">'+label.addfriend+'</div>';
	if((mydata.profile._follow==1)&&(myflag)) {
		str+='<div class="menu" id="follow">'+label.follow+'</div>';
		window.localStorage.setItem('lat',mydata.profile._latitude);
		window.localStorage.setItem('long',mydata.profile._longitude);
		window.localStorage.setItem('photo',mydata.profile._photo);
		window.localStorage.setItem('myflag',1);
	}
	str+='<div class="menu" id="send">'+label.sendmsg+'</div>';
	$('#sidemenu').html(str);
	$('#add').click(function() {
		person.addfriend();						 
	});
	$('#send').click(function() {
		person.sendmsg();
	});
	$('#follow').click(function() {
		window.location.href='/follow.html';							
	});
	
}

person.topmenu=function() {		
	$('div.menuicon').eq(0).click(function() {
		person.init();
	});

}

person.photo=function(page) {
	var album=mydata.album;	
	var i=page * 20;
	var count=0;
	var str='';
	if(album.length > 0) {
	total=parseInt(album.length / 20);
	var sum=total * 20;
	var rem=album.length - sum;
	if(rem > 0) {
		total=total + 1;	
	}
	str+='<div id="pp">';
	while((i < album.length) && (count < 20)) {
		if((myflag)||(mydata.profile._star==2)) {
		str+='<img src="'+album[i].url+'" class="box100" onmousedown="person.showphoto('+i+');"/>';
		} else {
		  str+='<div class="box100"><img src="/image/who.png"><br>';
		  str+='You are not my friend.</div>';
		}
		i++;
		count++;
	}
	str+='</div>';
	if(total > 1) {
			
		var mypage=page + 1;
		str+='<center><table border="0" cellpadding="10">';
		str+='<tr><td><img src="/image/blackarrowleft.png" class="left"/></td>';
		str+='<td>Page '+mypage + ' of ' + total+'</td>';
		str+='<td><img src="/image/blackarrowright.png" class="right"/></td></tr>';
		str+='</table></center>';
	}
	} else {
		str+='<p>This member has no photo.</p>';	
	}
	$('#note').html(str);
	$('#pp').addClass('pop in');
	$('img.right').click(function() {
		page++;
		if(page < total) {
			person.photo(page);	
		} else {
			page=0;	
			person.photo(page);	
		}
	});
	
	$('img.left').click(function() {
		page--;
		if(page >=0) {
			person.photo(page);	
		} else {
			page=total;	
			person.photo(page);	
		}
	});
}

person.showphoto=function(i) {
	index=i;
	var myphoto=mydata.album;
	var n=i+1;
	var str='';
	str+='<center id="pp">';
	str+='<table border="0" cellpadding="10">';
	str+='<tr><td colspan="3" id="title" align="center">&nbsp;'+myphoto[i].title+'</td></tr>';
	str+='<tr><td><img src="/image/blackarrowleft.png" class="left"/></td>';
	str+='<td><video src="'+myphoto[i].url+'" id="pic" class="b400x400" poster="'+myphoto[i].url+'" control="true"></video></td>';
	str+='<td><img src="/image/blackarrowright.png" class="right"/></td></tr>';
	str+='<tr><td id="status" colspan="3" align="center">'+n + ' of ' + myphoto.length+'</td></tr>';
	str+='</table></center>';
	$('#note').html(str);
	$('#pp').addClass('pop in');
	var pic=document.getElementById('pic');
	$('img.right').click(function() {
		index++;
		if(index < myphoto.length) {
			$('#title').html('&nbsp; ' +myphoto[index].title);
			pic.poster=myphoto[index].url;
			pic.src=myphoto[index].url;
			pic.load();
		} else {
			index=-1;	
		}
		var n=index+1;
		$('#status').html(n+' of '+myphoto.length);
	});
	$('img.left').click(function() {
		index--;
		if(index >= 0) {
			$('#title').html('&nbsp; ' +myphoto[index].title);
			pic.poster=myphoto[index].url;
			pic.src=myphoto[index].url;
			pic.load();
		} else {
			index=myphoto.length;	
		}
		var n=index+1;
		$('#status').html(n+' of '+myphoto.length);
	});

	
}

person.mysong=function() {
	if((myflag)||(mydata.profile._star==2)) {
	var mp3=mydata.mp3;
	var album=mydata.album;
	var i=0;
	var str2='';
	str2+='<div id="myplay"></div>';
	str2+='<div id="mynote"></div>';
	$('#note').html(str2);
	person.player();
	person.song(0);
	if(mp3.length > 0) {
		var video=document.getElementById('player');
		video.src=mp3[0].url;
	}
	if(album.length > 0) {
		$('#poster').attr('src',album[0].url);	
	}
	} else {
		$('#note').html("<h3>Sorry, you can't listen to my songs because you are not my friend.</h3>");	
	}
}

person.song=function(page) {
	index=0;
	var mp3=mydata.mp3;
	var i=page * 10;
	var k=i+1;
	var count=0;
	var str='';
	if(mp3.length > 0) {
	totalmp3=parseInt(mp3.length / 10);
	var sum=totalmp3 * 10;
	var rem=mp3.length - sum;
	if(rem > 0) {
		totalmp3=totalmp3 + 1;	
	}
	str+='<div id="pp">';
	while((i < mp3.length)&&(count < 10)){
	str+='<div class="menu" onclick="person.playmp3('+i+');">'+k+'.&nbsp;'+mp3[i].title+'</div>';
		k++;
		i++;
		count++;
	}
	str+='</div>';
	if(totalmp3 > 1) {
		var mypage=page + 1;
		str+='<center><table border="0" cellpadding="10">';
		str+='<tr><td><img src="/image/blackarrowleft.png" class="leftmp3"/></td>';
		str+='<td>Page '+mypage + ' of ' + totalmp3+'</td>';
		str+='<td><img src="/image/blackarrowright.png" class="rightmp3"/></td></tr>';
		str+='</table></center>';
	}
	} else {
		str+='<p>This member has no song.</p>';	
	}
	$('#mynote').html(str);
	$('#pp').addClass('pop in');
	
	$('img.rightmp3').click(function() {
		page++;
		if(page < totalmp3) {
			person.song(page);	
		} else {
			page=0;	
			person.song(page);	
		}
	});
	
	$('img.leftmp3').click(function() {
		page--;
		if(page >=0) {
			person.song(page);	
		} else {
			page=totalmp3;	
			person.song(page);	
		}
	});	
}

person.player2=function() {
	var str='';
	str+='<table border="1" cellpadding="5" cellspacing="0" width="500" class="shadow">';
	str+='<tr><td><div class="my3d"><video id="player" controls="true" type="video/mp4" class="mytv"></video></div></td></tr>';
	str+='<tr><td id="title"></td></tr>';
	str+='<tr><td><b>Play :</b> <span id="status"></span></td></tr>';
	str+='<tr><td><b>Size &nbsp;:</b> <div id="size" class="w400"></div></td></tr>';
	str+='<tr><td><b>Rotate :</b> <div id="rotate" class="w400"></div></td></tr>';
	str+='</table>';
	str+='<div class="block2"><img src="/radio/image/playprev.png" onclick="person.playprevmp4();"></div>';
	str+='<div class="block2"><img src="/radio/image/play.png" onclick="person.play();" id="play"></div>';
	str+='<div class="block2"><img src="/radio/image/playnext.png" onclick="person.playnextmp4();"></div>';
	$('#myplay').html(str);
	var video=document.getElementById('player');
	video.addEventListener('ended',person.playnextmp4,false);
	var mypp=0;
	var myscale=1;
	$('#size').slider({
						 animate:true,
						 range:"min",
						 value:1,
						 min:0.10,
						 max:2.0,
						 step:0.10,
						 slide:function(event,ui) {
						var video=document.getElementById('player');
						video.style.webkitTransform='scale('+ui.value+') rotateY('+mypp+'deg)';
						video.style.webkitPerspective=mypp;
						myscale=ui.value;
				}
		});
	
		$('#rotate').slider({
						 animate:true,
						 range:"min",
						 value:10,
						 min:0,
						 max:360,
					slide:function(event,ui) {
					var pic=document.getElementById('player');
					pic.style.webkitTransform='rotateY('+ui.value+'deg) scale('+myscale+')';
					pic.style.webkitPerspective=ui.value;
					mypp=ui.value;
			}
		});
}

person.player=function() {
	var str='';
	str+='<table border="1" cellpadding="5" cellspacing="0" width="500" class="shadow">';
	str+='<tr><td class="transparent"><img src="'+mydata.profile._photo+'" id="poster" class="photo200"/></td></tr>';
	str+='<tr><td><audio id="player" controls="true" type="audio/mp3"></audio></td></tr>';
	str+='<tr><td id="title"></td></tr>';
	str+='<tr><td><b>Play :</b> <span id="status"></span></td></tr>';
	str+='</table>';
	str+='<div class="block2"><img src="/radio/image/playprev.png" onclick="person.playprevmp3();"></div>';
	str+='<div class="block2"><img src="/radio/image/play.png" onclick="person.play();" id="play"></div>';
	str+='<div class="block2"><img src="/radio/image/playnext.png" onclick="person.playnextmp3();"></div>';
	$('#myplay').html(str);
	var video=document.getElementById('player');
	video.addEventListener('ended',person.playnextmp3,false);
}

person.playmp3=function(i) {
	window.localStorage.removeItem('index');
	window.localStorage.setItem('index',i);
	var url=mydata.profile._photo;	
	if(i < mydata.album.length ) {
		url=mydata.album[i].url;
	} else if(mydata.album.length > 0) {
			url=mydata.album[0].url;
	}
	var mp3=mydata.mp3;
	var video=document.getElementById('player');
	video.src=mp3[i].url;
	video.load();
	video.play();
	$('#play').attr('src','/radio/image/stop.png');
	$('#poster').attr('src',url)
	$('#title').html(mp3[i].title);
	var n=i+1;
	$('#status').html(n+' of ' + mp3.length);
	video.addEventListener('ended',person.playnextmp3,false);

}
person.play=function() {
	var video=document.getElementById('player');
	if(video.paused) {
		video.play();	
		$('#play').attr('src','/radio/image/stop.png');
	} else {
		video.pause();	
		$('#play').attr('src','/radio/image/play.png');
	}
}

person.playprevmp3=function() {
	var mp3=mydata.mp3;
	index=window.localStorage.getItem('index');
	index--;
	if(index >=0) {
		person.playmp3(index);
	}
}

person.playprevmp4=function() {
	var mp3=mydata.mp3;
	index=window.localStorage.getItem('index');
	index--;
	if(index >=0) {
		person.playmp4(index);
	}
}

person.playnextmp3=function() {
	var mp3=mydata.mp3;
	index=window.localStorage.getItem('index');
	index++;
	if(index < mp3.length) {
		person.playmp3(index);
	}
}

person.playnextmp4=function() {
	var mp3=mydata.video;
	index=window.localStorage.getItem('index');
	index++;
	if(index < mp3.length) {
		person.playmp4(index);
	}
}

person.myvideo=function() {
	var mp4=mydata.video;
	index=0;
	window.localStorage.removeItem('index');
	window.localStorage.setItem('index',0);
	if((myflag)||(mydata.profile._star==2)) {
	var str2='';
	str2+='<div id="myplay"></div>';
	str2+='<div id="mynote"></div>';
	$('#note').html(str2);
	person.player2();
	person.video(0);
	if(mydata.video.length > 0) {
		var play=document.getElementById('player');
		play.poster=mp4[0].photo;
		//play.src=mp4[0].url;
		$('#title').html(mp4[0].title);
		$('#status').html('1 of '+mp4.length);
	}
	} else {
		$('#note').html("<h3>Sorry, you can't watch my video because you are not my friend.</h3>");	
	}
}

person.video=function(page) {
	currentpage=page;
	var mp4=mydata.video;
	var i=page * 10;
	var k=i+1;
	var count=0;
	var str='';
	if(mp4.length > 0) {
	totalmp4=parseInt(mp4.length / 10);
	var sum=totalmp4 * 10;
	var rem=mp4.length - sum;
	if(rem > 0) {
		totalmp4=totalmp4 + 1;	
	}
	str+='<div id="pp">';
	while((i < mp4.length)&&(count < 10)){
		str+='<div onclick="person.playmp4('+i+');" class="menu">'+k+'.&nbsp;';
		str+='<img src="'+mp4[i].photo+'"/>';
		str+='&nbsp;'+mp4[i].title+'</div>';
		k++;
		i++;
		count++;
	}
	str+='</div>';
	if(totalmp4 > 1) {
		var mypage=page + 1;
		str+='<center><table border="0" cellpadding="10">';
		str+='<tr><td><img src="/image/blackarrowleft.png" class="leftmp4"/></td>';
		str+='<td>Page '+mypage + ' of ' + totalmp4+'</td>';
		str+='<td><img src="/image/blackarrowright.png" class="rightmp4"/></td></tr>';
		str+='</table></center>';
	}
	} else {
		str+='<p>This member has no video.</p>';	
	}
	
	$('#mynote').html(str);
	$('#pp').addClass('pop in');
	
	$('img.rightmp4').click(function() {
		page++;
		if(page < totalmp4) {
			person.video(page);	
		} else {
			page=0;	
			person.video(page);	
		}
	});
	
	$('img.leftmp4').click(function() {
		page--;
		if(page >=0) {
			person.video(page);	
		} else {
			page=totalmp4;	
			person.video(page);	
		}
	});
}

person.playmp4=function(i) { 
	index=i;
	window.localStorage.removeItem('index');
	window.localStorage.setItem('index',i);
	var mp4=mydata.video;
	var video=document.getElementById('player');
	video.poster=mp4[i].photo;
	video.src=mp4[i].url;
	video.load();
	video.play();
	$('#title').html(mp4[i].title);
	var n=i+1;
	$('#status').html(n+' of ' +mp4.length);
	$('#play').attr('src','/radio/image/stop.png');
	video.addEventListener('ended',person.playnextmp4,false);
	
}

person.addfriend=function() {
	var userid=window.localStorage.getItem('cuserid');
	var id=mydata.profile._userid;
	$.ajax({url:path+'/json/addafriend.php',
		   type:'post',
		   data:'todo=friend&userid='+userid+'&member_id='+id,
		   success:function(data) {
			  $('#note').html(data);
		   }
	});
}

person.sendmsg=function() {
	var str='';
	str+='<div id="pp">';
	str+='<form method="get" action="" onsubmit="return false">';
	str+='<p>Enter your message.</p>';
	str+='<p><textarea id="textbox" cols="60" rows="15"></textarea></p>';
	str+='<div><button id="submit" class="button">Submit</button></div>';
	str+='<div id="error" class="error"></div>';
	str+='</form>';
	str+='</div>';
	$('#note').html(str);
	$('#pp').addClass('pop in');
	$('#submit').click(function() {
		var text=$('#textbox').val();
		text=encodeURIComponent(text);
		var id=mydata.profile._userid;
		var userid=window.localStorage.getItem('cuserid');
		if(text=='') {
			$('#error').html('You need to enter text message.');	
		} else if(userid==null) {
			$('#error').html('You need to login in order to send message.');	
		} else {
		$.ajax({url:'/json/sendmessage.php',
			   type:'post',
			   data:'todo=send&userid='+userid+'&member_id='+id+'&message='+text,
			   success:function(data,status) {
				 if(status=='success') {
				 	$('#error').html(data);
				 	$('#textbox').val('');
				 } else {
					$('#error').html('Please try later on. The server is temporary down.'); 
				 }
			   }
		});
		}
	});
}

function goback() {
	window.location.href=window.localStorage.getItem('url');	
}