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

var votedID;


function clear_opt() {
	cnt = document.poll_form.poll.length;
	for (i=0; i < cnt; i++) { 
		document.poll_form.poll[i].checked = false;
	}
}

$(document).ready(function(){
  $("#poll").submit(formProcess); // setup the submit handler

  if ($("#poll-results").length > 0 ) {
    animateResults();
  }


});

function formProcess(event){
  event.preventDefault();

  var id = $("input[@name='poll']:checked").attr("value");
  if(id==undefined)
	id = document.getElementById('poll_id').value;
  else
    id = id.replace("opt",'');

  $("#poll-container").fadeOut("slow",function(){
    $(this).empty();
    votedID = id.split('/');
	votedID = votedID[2];
    $.getJSON("/ajax/vote"+id,loadResults);

    $.cookie('vote_id', id, {expires: 365});
    });
}

function animateResults(){
  $("#poll-results div").each(function(){
      var percentage = $(this).next().text();
      $(this).css({width: "0%"}).animate({
				width: percentage}, 'slow');
  });
}

function loadResults(data) {
  var total_votes = 0;
  var percent;

  for (id in data) {
    total_votes = total_votes+parseInt(data[id][OPT_VOTES]);
  }

  var results_html = "<div id='poll-results'><center><span>Poll Results</span></center>\n<dl class='graph'>\n";
  for (id in data) {
    percent = Math.round((parseInt(data[id][OPT_VOTES])/parseInt(total_votes))*100);
	
    if (data[id][OPT_ID] != votedID) {
      results_html = results_html+"<dt class='bar-title'>"+data[id][OPT_TITLE]+"</dt><dd class='bar-container'><div id='bar"+data[id][OPT_ID]+"'style='width:0%;background-color:#"+(Math.random() *1000)+"'>&nbsp;</div><strong>"+percent+"%</strong></dd>\n";
    } else {
      results_html = results_html+"<dt class='bar-title'>"+data[id][OPT_TITLE]+"</dt><dd class='bar-container'><div id='bar"+data[id][OPT_ID]+"'style='width:0%;background-color:#0066cc;'>&nbsp;</div><strong>"+percent+"%</strong></dd>\n";
    }
  }

  results_html = results_html+"</dl></div><div class='clear_all'></div><center>Total Votes: "+total_votes+"</center><br>\n";

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