$.ajax(
  {url: "/justgiving",
   dataType: "json",
   success: function(data) {
     var justGiving = eval(data);
     var target = justGiving.donations_target;
     var donations = justGiving.donations_total;
     var completeness = justGiving.percentage_complete;

     var quote = "";

     for(var rnd, tmp, i=donations.length; i;
				 rnd=parseInt(Math.random()*i), tmp=donations[--i], donations[i]=donations[rnd], donations[rnd]=tmp);

		 for(var i = 0; i < donations.length; i ++)
			 if(donations[i].message) {
				 quote = donations[i].message;
			 }
		 
     $("#donation-progress").html(
       "<p>" +
				 "<strong>Donation target</strong><br />" +
				 "Our target is to raise <strong>" + target + "</strong>." +
				 "</p>" +
				 "<p>So far we've raised <strong>" + donations + "</strong> - can you help us reach our target?</p>" +
				 "<p class='progress'><div id='progress-bar'><img src='/images/progress-meter-skel.gif' /></div>" +
				 "<span class='complete-percent'>" + completeness + "%</span></p>");

		 if(quote != "")
			 $("#donation-quote").html('"' + quote + '"');
		 else
			 $("#recent-donation-quote").remove();

     var progressBar = $("#progress-bar");
     var barWidth = 211;
     progressBar.css("background-color", "#EE1C24");
     progressBar.css("width", barWidth * completeness / 100);
     progressBar.css("display", "block");
     progressBar.css("height", 21);
     progressBar.css("position", "relative");
   }});

