var url_base = 'http://www.kompasiana.com/';
var stat_base = 'http://stat.ks.kidsklik.com/';
function inline_popup (t,m){
	var g = false;
	var a = '#TB_popup?mess<;>'+m;
	tb_show(t,a,g);
}
function preload (){
	jQuery("body").append("<div id='TB_load'><img src='"+imgLoader.src+"' /></div>");//add loader to the page
	jQuery('#TB_load').show();//show loader
}
function do_login (this_url){
	inline_popup('Not Login','<p>Anda belum Login. Untuk login silahkan <a href="'+url_base+'/login?continue='+encodeURIComponent(this_url)+'">klik</a> di sini.</p>');
}
function ajax_poup (t,a){
	var g = false;
	var a = a + '&height=200&width=300';
	var t = t;
	tb_show(t,a,g);
}
function kompasiana_init (domChunk){
	jQuery(domChunk).click(function(){
		var a = this.rel;
		var t = this.name;
		ajax_poup(t,a);
		return false;
	});
}
function form_comment (id, uinfo){
	var html = '<div class="mt10" id="form_'+id+'">'+
				'<div class="fsize10 w50 left lh11 c_black">'+
					'<img src="'+uinfo['u_img']+'" />'+
					'<a href="'+uinfo['u_url']+'">'+uinfo['u_dis_name']+'</a>'+
                   '</div>'+
		        '<div class="left">'+
					'<div class="bg_komen_left">'+
						'<div class="bg_komen_tl">'+
							'<div class="bg_komen_tr">'+
								'<div class="bg_komen_bl">'+
									'<div class="bg_komen_br">'+
									   '<div class="pt15 pr10 pb10 pl30 w470">'+
											'<form name="testform" action="javascript:send_reply('+id+');" method="post">'+
												'<textarea rows="5"name="reply_comment" id="reply_comment" cols="50" class="fsize11 bord_1px fa pd5" style="width: 97%;"></textarea>'+
												'<div class="pr15 c_blue4"><input type="submit" name="submit" value="Submit" class="submit_comment" /> <input type="button" name="" value="Cancel" onClick="cancle_reply('+id+')" /></div>'+
											'</form>'+
										'</div>'+
									'</div>'+
								'</div>'+
							'</div>'+
						'</div>'+
					'</div>'+
				'</div>'+
				'<div class="clear_float"></div>'+
                 '</div>';
	return html;
}
function new_post_comment (comment, parent_id, style, end_line, uinfo, status){
	var line = '';
	var mbcl = 'mt10';
	if(end_line){
		var line = '<div class="bord_bot_1px_com2 mb10 w610"></div>';
		var mbcl = 'mb10';
	}
	if(status == 0)
		var note = '&nbsp;&nbsp;<em>Komentar menunggu approval.</em>';
	else
		var note = '';
		
var html = '<div id="newComment"><div class="'+mbcl+'">'+
				'<div class="fsize10 w50 left lh11 c_black">'+
					'<img src="'+uinfo['u_img']+'" />'+
					'<a href="'+uinfo['u_url']+'">'+uinfo['u_dis_name']+'</a>'+
				'</div>'+
				'<div class="left">'+
					'<div class="bg_komen_left">'+
						'<div class="bg_komen_tl">'+
							'<div class="bg_komen_tr">'+
								'<div class="bg_komen_bl">'+
									'<div class="bg_komen_br">'+
										'<div class="'+style+'">'+
											'<div>'+
												'<div class="left tgl">'+comment.date+'</div>'+
												'<div class="left pl10 pr4"><a href="#"><img src="'+stat_base+'data/css/images/ic_score_good.gif" /></a></div>'+
												'<div class="left">0</div>'+note+
												'<div class="clear_float"></div>'+
											'</div>'+
											'<div class="bord_bot_1px_com lh13 mtb10 pb5">'+
											 comment.content+
											'</div>'+
											'<div class="pr15 c_blue4">'+
												'<div class="right pr4"><a href="#" onClick="reply_comment('+parent_id+');return false;">Balas tanggapan</a></div>'+
												'<div class="clear_float"></div>'+
											'</div>'+
										'</div>'+
									'</div>'+
								'</div>'+
							'</div>'+
						'</div>'+
					'</div>'+
					'<div id="'+parent_id+'"></div>'+
				'</div>'+
				'<div class="clear_float"></div>'+
			'</div>'+
			line;
	return html;
}
function div_message (){
	var g = false;
	var a = '#TB_popup?mess<;><form action="javascript:send_message();" method="post"><strong>Pesan:</strong> <span id="err"></span><br /><textarea name="text_message" id="text_message" cols="48" rows="8" class="fsize11 bord_1px fa pd5"></textarea><input type="submit" name="submit" value="Kirim"> <input type="button" onclick="tb_remove()" value="Cancel"/></form><;>180<;>328';
	tb_show('Kirim Pesan',a,g);
	
}
function send_message (){
	var mess = $('textarea#text_message').val();
	if(mess == ''){
		jQuery("#err").html('');
		jQuery("#err").append('<span style="color: #f00;"> Silahkan isikan pesan Anda</span>').show().fadeOut(5000);
	}
	else{
		
		var callback = function (data, textStatus) {
			preload();
			if (data.status == 0){
				jQuery("#TB_load").remove();
				jQuery('#TB_ajaxContent').html('<p style="text-align: center;">Anda belum login. Untuk login silahkan klik <a href="'+url_base+'login?continue='+udata['this_url']+'">di sini</a></p>.');
			}
			else{
				jQuery('#TB_ajaxContent').html('<p style="text-align: center;">Pesan Anda berhasil terkirm.<br /><input type="button" onclick="tb_remove()" value="Ok"/></p>');
				jQuery("#TB_load").remove();
				setTimeout('tb_remove()',4000);
			}
		}
		$.post("ajax",{ message: mess, toid: udata['upid'] }, callback, "json");	
	}
}
function add_as_firend (friend,fid){
	preload();
	$.getJSON('ajax?is_login', function(json){
		if(json.status == 1){
			inline_popup('Jadikan Teman','<p style="text-align: center;">Jadikan '+friend+' sebagai teman?<br /><br /><input type="submit" onclick="do_add_firend('+fid+');" value="Ok"/> <input type="button" onclick="tb_remove()" value="Cancel"/></p>');
		}
		else{
			do_login(udata['this_url']);
		}
	});	
}
function do_add_firend (fid){
	var callback = function (data, textStatus) {
			preload();
			if (data.status == 0){
				jQuery("#TB_load").remove();
				jQuery('#TB_ajaxContent').html('<p style="text-align: center;">Anda belum login. Untuk login silahkan klik <a href="'+url_base+'login?continue='+udata['this_url']+'">di sini</a></p>.');
			}
			else{
				jQuery('#TB_ajaxContent').html('<p style="text-align: center;">Tambahkan teman berhasil.<br /><input type="button" onclick="tb_remove()" value="Ok"/></p>');
				jQuery("#TB_load").remove();
				setTimeout('tb_remove()',4000);
				$('#friend_request').html('Tunggu Konfirmasi');
			}
		}
		$.post("ajax",{ add_friend: fid }, callback, "json");
}
function scrollTo (selector) {
	var targetOffset = $(selector).offset().top;
	$('html,body').animate({scrollTop: targetOffset}, 500);
}
function div_report (id,t){
	preload();
	$.getJSON('ajax?is_login', function(json){
		if(json.status == 0){
			do_login(udata['this_url']);
			return false;
		}
		else{
			if(t == 'post')
				var title = 'Laporkan Tulisan';
			else
				var title = 'Laporkan Kompasianer';
			
			var g = false;
			var a = '#TB_popup?mess<;><form action="javascript:send_report('+id+','+"'"+t+"'"+');" method="post"><strong>Tuliskan alasan Anda:</strong> <span id="err"></span><br /><textarea name="text_message" id="text_message" cols="48" rows="8" class="fsize11 bord_1px fa pd5"></textarea><br /><input type="submit" name="submit" value="Kirim"> <input type="button" onclick="tb_remove()" value="Cancel"/></form><;>180<;>328';
			tb_show(title,a,g);
		}
	});
}
function send_report (id,t){
	var mess = $('textarea#text_message').val();
	if(mess == ''){
		jQuery("#err").html('');
		jQuery("#err").append('<span style="color: #f00;"> Silahkan isikan alasan Anda</span>').show().fadeOut(5000);
	}
	else{
		
		var callback = function (data, textStatus) {
			preload();
			if (data.status == 0){
				jQuery("#TB_load").remove();
				jQuery('#TB_ajaxContent').html('<p style="text-align: center;">Anda belum login. Untuk login silahkan klik <a href="'+url_base+'login?continue='+udata['this_url']+'">di sini</a></p>.');
			}
			else{
				jQuery('#TB_ajaxContent').html('<p style="text-align: center;">Laporan Anda telah terkirim.<br /><input type="button" onclick="tb_remove()" value="Ok"/></p>');
				jQuery("#TB_load").remove();
				setTimeout('tb_remove()',4000);
			}
		}
		$.post("ajax",{ report: mess, p: id, t: t  }, callback, "json");	
	}
}