// 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();
	}


	if ($.cookie('vote_id')) {
		$("#poll-container").empty();
		votedID = $.cookie('vote_id');
		$.getJSON("poll/results",loadResults);
	}
});

function avotat(){
	$("#poll-container").html('Ai votat');
	//$.getJSON("poll/results",loadResults);
}


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

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

	$("#poll-container").fadeOut("slow",function(){
		$(this).empty();
		votedID = id;
		//$.getJSON("poll/index/"+id);
		$.getJSON("poll/index/"+id,loadResults);
		$.cookie('vote_id', id, {expires: 1});
		//fara rezultate
		//$("#poll-container").append('Alegerea ta a fost inregistrata').fadeIn("slow");

	});
}

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'><span class='boxtitle'>Rezultate poll</span>\n<dl class='graph'>\n";
	var results_html = "<div id='poll-results'><p style='margin-top:10px;'><b>" + intr + "</b></p><br /><dl class='graph clearfix'>\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:#0840A4;'>&nbsp;</div><strong>"+percent+"%</strong></dd>\n";
		}
	}

	results_html = results_html+"</dl><p>Total Voturi: "+total_votes+"</p></div>\n";

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