// 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
    $('#divHomepagePollStem').hide();
    if ($("#poll-results").length > 0) {
        animateResults();

    }

    //  if ($.cookie('vote_id')) {
    //    $("#poll-container").empty();
    //    votedID = $.cookie('vote_id');
    //    $.getJSON("handler/poll.ashx?vote=none",loadResults);
    //  }
    if ($.browser.webkit) {
        $('img.pollSubmitBtn').css('top', '-19px');
    }
    if ($.browser.msie) {
        $('#poll-container').css('margin-top', '-8px');
        $('#poll-container h3').css('margin-top', '8px').css('margin-bottom', '9px');

        //        $('#poll-container').find('form').css({
        //            position: 'relative',
        //            top: '-20px'
        //        });

    }

});

function formProcess(event){
  //event.preventDefault();
  
  var id = $("input[@name='poll']:checked").attr("value");
  id = id.replace("opt",'');
  $('#divHomepagePollStem').show();
  $("#poll-container").fadeOut("slow",function(){
    $(this).empty();
    
    votedID = id;
    $.getJSON("handler/poll.ashx?vote="+id,loadResults);
    
    $.cookie('vote_id', id, {expires: 365});
    });
}

function animateResults() {
    if ($.browser.msie) {
        //IE layout, now that there is an extra item
       // setTimeout(function() {
            $('#poll-results').css({
                'margin-top': '16px'
            }).find('.poolFooter').css('margin-top', '25px'); 
        //}, 0);
    }
    
    Cufon.replace('h3');
  $("#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'><h3 style='font-size:18px;'>Bedankt voor uw stem! Poll resultaten:</h3>\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%;'>&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><p class=\"poolFooter\">Totaal aantal stemmen: "+total_votes+"</p></div>\n";
  
  var tmp = $("#poll-container").append(results_html);
  if ($.browser.msie) {
      //IE layout, now that there is an extra item
      // setTimeout(function() {
      $("#poll-container").find('#poll-results').css({
          'margin-top': '16px'
      }).find('.poolFooter').css('margin-top', '25px');
  }
  tmp.fadeIn("slow",function(){
    animateResults();});
}