 $(document).ready(function() 
{       
	var imgPoll = new Image();
	imgPoll.src = 'images/blue-bar.png';
	
	if($("#divVoted").length > 0 ) //Already voted
	{
		animateResults();
	}
	else
	{
		$("#rdoPoll0").attr("checked","checked"); //default select the first Choice
		// Add the page method call as an onclick handler for the Vote button.
		// For more details about how to use JQuery to call Asp.Net AJAX page methods refer follwoing blog posts
		// http://encosia.com/2008/05/29/using-jquery-to-directly-call-aspnet-ajax-page-methods/
		// http://encosia.com/2008/06/05/3-mistakes-to-avoid-when-using-jquery-with-aspnet-ajax/
		$("#btnSubmit").click(function()
		{
			$("#divPoll").css("cursor","wait"); //show wait cursor inside Poll div while processing
			$("#btnSubmit").attr("disabled","true") //disable the Vote button while processing
			
			var pID = $("input[id$=hidPollID]").val(); //get Poll ID
			var cID =  $("input[name='rdoPoll']:checked").val(); //get the checked Choice
			var data = "{'pID':'" + pID + "', 'cID':'" + cID + "'}"; //create the JSON data to send to server

			$.ajax(
			{ //call the Page method using JQuery ajax
			  type: "POST",
			  url: "Index.aspx/UpdatePollCount",
			  data: data,
			  contentType: "application/json; charset=utf-8",
			  dataType: "json",
			  error: function(XMLHttpRequest, textStatus, errorThrown)
			  { 
				alert("XMLHttpRequest: " + XMLHttpRequest + " - textStatus: " + textStatus + " - errorThrown: " + errorThrown); 
			  },
			  success: function(msg)  //show the result
			  {                           
				$("#divPoll").css("cursor","default"); //remove the wait cursor
				$("#btnSubmit").attr("disabled","false") //enable the Vote button
				
				$("div[id$=divAnswers]").fadeOut("fast").html(msg).fadeIn("fast",function(){animateResults();});
			  }
			});
		});
	}
	
	function animateResults()
	{
		$("div[id$=divAnswers] img").each(function()
		{
			var percentage = $(this).attr("val");
			$(this).css({width: "0%"}).animate({width: percentage}, 'slow'); 
		});
	}
});