/**
 * 「GJ!」インターフェイススクリプト改（jQuery版）
 *
 * @author	HisatoS.
 * @version 10/01/17 last update
 * @copyright http://www.nono150.com/
 */

// 設定項目
// スクリプトの設置位置
var SCRIPT = "http://www.nono150.com/cgi/clap/gj.php";
// スターモードのボタン画像
var IMG = "http://www.nono150.com/cgi/clap/img/star1.gif";
// スターモードの一桁画像
var IMG1 = "http://www.nono150.com/cgi/clap/img/star1.gif";
// スターモードの二桁画像
var IMG10 = "http://www.nono150.com/cgi/clap/img/star10.gif";
// スターモードの三桁画像
var IMG100 = "http://www.nono150.com/cgi/clap/img/star100.gif";

/**
 * PHPリクエスト
 */
$(document).ready(function(){
	$(".clap  .link").click(function(){
		var pcode = this.id;
		
		$.get(SCRIPT,
		{
			mode : "gj",
			pageurl : $("input#url"+pcode).val(),
			pagename : $("input#title"+pcode).val(),
			gj_message : $("#text"+pcode).val(),
			cache : (new Date()).getTime()
		},
		function(data, status){
			$("#text"+pcode).val("");
			$("#text"+pcode).show();
			showButton(pcode,1);
		});
	});
});

/**
 * 拍手数取得、描画
 * @param string	pcode		ページID
 * @param string	type		ボタン画像描画タイプ
 *								2: 常に表示
 *								3: 0カウント時のみ表示
 */
function getCount(pcode,type){
	$.get(SCRIPT,
	{
		mode : "xml",
		pageurl : $("input#url"+pcode).val(),
		cache : (new Date()).getTime()
	},
	function(data, status){
		var count = $(data).find("count").text();
		var mark_html = "<img src='"+IMG+"' class='clapimg' />";
		if(type == "3" && count > 0) mark_html = "";
		var num100 = Math.floor(count / 100);
		for(var cnt=0;cnt<num100;cnt++){
			mark_html += "<img src='"+IMG100+"' />";
		}
		var num10 = Math.floor(Math.floor(count-num100*100)/10);
		for(var cnt=0;cnt<num10;cnt++){
			mark_html += "<img src='"+IMG10+"' />";
		}
		var num1 = (count%10);
		for(var cnt=0;cnt<num1;cnt++){
			mark_html += "<img src='"+IMG1+"' />";
		}
		$(".clap #"+pcode).html(mark_html);
	});
}

/**
 * 拍手ボタン描画
 * @param string	pcode		ページID
 * @param string	button		拍手済みフラグ
 */
function showButton(pcode,button){
	var type = $("input#type"+pcode).val();
	if(type == "0"){
		if(button) $("span#"+pcode).append("送信完了っ！とぅ！");
		return false;
	}else if(type == "1"){
		var imgfile = SCRIPT+"?mode=button"
					+"&pageurl="+$("input#url"+pcode).val()
					+"&pagename="+$("input#title"+pcode).val()
					+"&button="+button
					+"&cache=" + (new Date()).getTime();
		$(".clap #"+pcode).html("<img src='"+imgfile+"' class='clapimg' />");
	}else if(type == "2" || type == "3"){
		$("#text"+pcode).hide();
		getCount(pcode,type);
	}
}