$("<img>").attr("src", "img/style/spinner.gif");
$(function(){
	$("a.voteGood").click(function(){
	//get the id
	the_id = $(this).attr('id');
	// show the spinner
	$("span#voteResult").html("<img src='img/style/spinner.gif'>");
		$.ajax({
			type: "POST",
			data: "action=vote_up&id="+$(this).attr("id"),
			url: "voteexec.php",
			success: function(msg)
			{
				if(msg == 0) {
					$("span#voteResult").fadeOut("fast");
					$("span#voteResult").html("<span class=\"voteError\">連続投票は出来ません</span>").hide();
					$("span#voteResult").fadeIn("fast");
				} else {
					$("a.voteGood").html(msg);
					$("span#voteResult").fadeOut("fast");
					$("span#voteResult").html("<span class=\"voteSuccess\">投票ありがとうございますm(_ _)m</span>").hide();
					$("span#voteResult").fadeIn("fast");
				}

			}
		});
	});
	
	$("a.voteBad").click(function(){
	//get the id
	the_id = $(this).attr('id');
	// show the spinner
	$("span#voteResult").html("<img src='img/style/spinner.gif'/>");
	//the main ajax request
		$.ajax({
			type: "POST",
			data: "action=vote_down&id="+$(this).attr("id"),
			url: "voteexec.php",
			success: function(msg)
			{
				if(msg == 0) {
					$("span#voteResult").fadeOut("fast");
					$("span#voteResult").html("<span class=\"voteError\">連続投票は出来ません</span>").hide();
					$("span#voteResult").fadeIn("fast");
				} else {
					$("a.voteBad").html(msg);
					$("span#voteResult").fadeOut("fast");
					$("span#voteResult").html("<span class=\"voteSuccess\">投票ありがとうございますm(_ _)m</span>").hide();
					$("span#voteResult").fadeIn("fast");
				}
			}
		});
	});
});