$(function() {
    $('.error').hide();
    $(".button").click(function() {
      // validate and process form here
  		//var charity = $("input#charity:checked").val();
        var charity = $('input[name=charity]:checked').val() ;
  		if (charity == "") {
            return false;
        }
      var dataString = 'charity='+ charity;
      //alert(dataString);
        $.ajax({
            type: "POST",
            url: "processVote.php",
            data: dataString,
            success: function() {
                show_results();
                },
              error: function(){
                alert('Sorry, your vote could not be processed. Please try again later.');
              }

          });
          return false;
    });
  });
  
  
  
function show_results() {
  //$('#message-box').css("background", "url('images/message_box.png') no-repeat top center");
  //alert('this is really happening.')
  //$('#message-box').html('<img src="images/voted_message.png"><br><br>');
  
  //$('#message-box').css("background-image", "url('images/message_box.png')");
  
  document.getElementById('message-box').innerHTML='<img src="images/voted_message.png"><br><br>';
document.getElementById('message-box').style.background = "url('images/message_box.png') no-repeat top center";
//document.all.message-box.style.background="url('images/message_box.png') no-repeat top center";
    $.ajax({
    url : "votes.log",
    success : function (data) {
        var str = data;
        var wordArray = new Array();
        var tempArray = str.split(' ').sort();
        var acs = 0;
        var dav = 0;
        var msm = 0;
        var total = 0;
        
        for (var i=0;i<tempArray.length;i++) {
            if (tempArray[i] == "acs") {
                acs++;
            }
            if (tempArray[i] == "dav") {
                dav++;
            }
            if (tempArray[i] == "msm") {
                msm++;
            }
        }
        total = acs + dav + msm;
        if (acs != 0) {
            acs = Math.round(((acs/total)*100));
        }
        if (dav != 0) {
            dav = Math.round(((dav/total)*100));
        }
        if (msm != 0) {
            msm = Math.round(((msm/total)*100));
        }
        
        $('#message-box').append('<div class="results"><img src="images/american_cancer_society_text.png" alt="American Cancer Society"><BR>&nbsp;<img src="images/bar_chart.png" align="absmiddle" style="width:' + (acs/100)*250 + 'px;height:20px;">&nbsp;&nbsp;' + acs + '%</div><br>');
        $('#message-box').append('<div class="results"><img src="images/disabled_american_vet_text.png" alt="Disabled American Veterans"><BR>&nbsp;<img src="images/bar_chart.png" align="absmiddle" style="width:' + (dav/100)*250 + 'px;height:20px;">&nbsp;&nbsp;' + dav + '%</div><br>');
        $('#message-box').append('<div class="results"><img src="images/market_street_mission_text.png" alt="Market Street Mission"><BR>&nbsp;<img src="images/bar_chart.png" align="absmiddle" style="width:' + (msm/100)*250 + 'px;height:20px;">&nbsp;&nbsp;' + msm + '%</div>');
    }
    });
    
}

function show_poll() {
  $('#message-box').css("background-image", "url('images/message_box.png')");

}