<script type="text/javascript">
var votedID;

$(document).ready(function(){
    $("#poll").submit(formProcess); // setup the submit handler
  
    if ($("#poll-results").length > 0 ) {
        animateResults();
    }
  
    if ($.cookie('vote_id')) {
        $("#poll-container").empty();
        votedID = $.cookie('vote_id');
        //$.getJSON("poll.php?vote=none",loadResults);
        $.post('includes/getPollResult.php', {
            vote: 'none'
        }, function(response){
            loadResults(response);
        }, 'json');
    }
});

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();            
        var params = {
            vote:id,
            poll_id: poll_id          
        };

        $.post('includes/getPollResult.php', params, function(response){
            loadResults(response);
        }, 'json');
    
        $.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) {
    //alert(data);
    //data = eval('('+ data +')');
    var total_votes = 0;
    var percent;
    var row = null;
    
    for (var i = 0 ; i < data.length; i++) {
        row = data[i];      
        total_votes = total_votes+parseInt(row.votes);
    }
  
    var results_html = "<div id='poll-results' style='width:200px;padding-left:5px;'><dl class='graph'>\n";
    for (i = 0 ; i < data.length; i++) {
        row = data[i];
        
        percent = Math.round((parseInt(row.votes)/parseInt(total_votes))*100);
        if (row.poll_option_id !== votedID) {
            results_html = results_html+"<dt class='bar-title'>"+row.vote_option+"</dt><dd class='bar-container'><div id='bar"+row.poll_option_id+"'style='width:0%;'>&nbsp;</div><strong>"+percent+"%</strong></dd>\n";
        } else {
            results_html = results_html+"<dt class='bar-title'>"+row.vote_option+"</dt><dd class='bar-container'><div id='bar"+row.poll_option_id+"'style='width:0%;background-color:#0066cc;'>&nbsp;</div><strong>"+percent+"%</strong></dd>\n";
        }
    }
  
    results_html = results_html+"</dl><p>Total Votes: "+total_votes+"</p></div>\n";
  
    $("#poll-container").append(results_html).fadeIn("slow",function(){
        animateResults();
    });
}
</script>