var OPT_ID = 0;
var OPT_TITLE = 1;
var OPT_VOTES = 2;

var votedID;

$(document).ready(function(){
$("#poll").submit(formProcess);

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

var pollid = $("input[@name='pollid']").attr("value");
pollid = pollid.replace("poll",'');

if ($.cookie('poll_id')==pollid) {
	$("#poll-container").empty();
	votedID = $.cookie('vote_id');
	$.getJSON("/include/anketa/anketa.php?vote=none&broj="+votedID,loadResults);
}
});

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

var id = $("input[@name='poll']:checked").attr("value");
id = id.replace("opt",'');
var pollid = $("#pollid").attr("value");
pollid = pollid.replace("poll",'');

$("#poll-container").fadeOut("slow",function(){
	$(this).empty();

	votedID = id;
	$.getJSON("/include/anketa/anketa.php?vote="+id,loadResults);
	$.cookie('poll_id', pollid, {expires: 365});
	$.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'><h3>Rezultati ankete</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>Ukupno glasova: "+total_votes+"</p></div>\n";

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