/*	jQuery.noConflict();*/
				
(
 	function($) {
	
	// Global variable definitions
	// DB column numbers
	var OPT_ID = 0;
	var OPT_TITLE = 1;
	var OPT_VOTES = 2;
	
	var votedID;
	
	$(document).ready(function(){
	  $("#FanPollForm").submit(formProcess); // setup the submit handler
	  
	  if ($("#poll-results").length > 0 ) {
		animateResults();
	  }
	  
	  if ($.cookie('vote_id')) {
		$("#poll-container").empty();
		votedID = $.cookie('vote_id');
		$.getJSON("/fanpoll/process-vote.cfm?vote=none",loadResults);
	  }
	});
	
	function formProcess(event){
	  event.preventDefault();
	  
	  var form_action = $("#FanPollForm").attr("action");
	 
	  var id = $("input[@name='poll']:checked").attr("value");
	  id = id.replace("opt",'');
	  
	  $("#poll-container").fadeOut("slow",function(){
		$(this).empty();
		
		votedID = id;
		$.getJSON(form_action + "&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;
	  
	  $("#poll").css('background-image','url(../images/bg_poll2.jpg)'); 
	  
	  for (id in data) {
		total_votes = total_votes+parseInt(data[id][OPT_VOTES]);
	  }

	  var results_html = "<div id='poll-results'>\n<dl class='graph'>\n";
	  for (id in data) {
		percent = Math.round((parseInt(data[id][OPT_VOTES])/parseInt(total_votes))*100);
		
		if( isNaN( percent ) ) percent = 0;
		
		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:#b4181e;'>&nbsp;</div><strong>"+percent+"%</strong></dd>\n";
		}
	  }
	  
	  results_html = results_html+"</dl></div><div id='poll-overlay'></div>\n";
	  
	  $("#poll-container").append(results_html).fadeIn("slow",function(){
		animateResults();});
	}
	
})(jQuery);