// Global variable definitions
// DB column numbers
var OPT_ID = 0;
var OPT_TITLE = 1;
var OPT_VOTES = 2;

var votedID;

$(document).ready(function(){
  $("#poll").submit(formProcess); // setup the submit handler
  
  if ($("#poll-results").length > 0 ) {
    animateResults();
  }
   var poll_id = $("#poll_id").val();
 if ($.cookie('vote_id')) {
    $("#poll-container").empty();
    votedID = $.cookie('vote_id');
    $.getJSON("poll.php?poll_id="+poll_id+"",loadResults);
  }
});

function formProcess(event){
  event.preventDefault();
  
  var id = $("input[@name='poll']:checked").attr("value");
  var poll_id = $("#poll_id").val();
  id = id.replace("opt",'');
  
  $("#poll-container").fadeOut("slow",function(){ 
    $(this).empty();
    
    votedID = id;

    $.getJSON("poll.php?vote="+id+"&poll_id="+poll_id,loadResults);
    
    $.cookie('vote_id', id, {expires: 365});
    });
}

function animateResults(){
  $(".graph_bar").each(function(){
      var percentage = $(this).children('span').text()+'%';
	  
      $(this).css({width: "0%"}).animate({
				width: percentage}, 'slow');
  });
}

function loadResults(data) {
  var total_votes = 0;
  var percent_x;
  var percent_y;
  var percent_z;
  var x = 0;
  var y = 0;
  var z = 0;
  
  var qx;
  var qy;
  var qz;
  
  var question = data[0][OPT_TITLE];
  
  x = parseInt(data[1][OPT_VOTES]);
  y = parseInt(data[2][OPT_VOTES]);
  z = parseInt(data[3][OPT_VOTES]);
  
  qx = data[1][OPT_TITLE];
  qy = data[2][OPT_TITLE];
  qz = data[3][OPT_TITLE];

  total_votes = x + y + z;
 
  percent_x = Math.round((parseInt(x)/parseInt(total_votes))*100);
  percent_y = Math.round((parseInt(y)/parseInt(total_votes))*100);
  percent_z = Math.round((parseInt(z)/parseInt(total_votes))*100);
  
  var results_html = "<div id='vote_results_wrap'><p id='vote_thx'>Thank you!</p><p id='vote_res_for_quest_txt'>Results for question</p><p id='vote_question'>"+question+"</p><div id='vote_results_wrap_inner'><div class='vote_answer_wrap'><p>"+qx+" <span>("+percent_x+"%) "+x+" votes</span></p><div class='graph_bar_wrapper'><div class='graph_bar'><span>"+percent_x+"</span></div></div></div><div class='vote_answer_wrap'><p>"+qy+" <span>("+percent_y+"%) "+y+" votes</span></p><div class='graph_bar_wrapper'><div class='graph_bar'><span>"+percent_y+"</span></div></div></div><div class='vote_answer_wrap'><p>"+qz+" <span>("+percent_z+"%) "+z+" votes</span></p><div class='graph_bar_wrapper'><div class='graph_bar'><span>"+percent_z+"</span></div></div></div></div></div>";

  $("#poll-container").html(results_html).fadeIn("slow",function(){
  animateResults();});
}