$(function(){
	var loader=$('#loader');
	var pollcontainer=$('#pollcontainer');
	loader.fadeIn(0);
	//Load the poll form
	$.get('/poll/', '', function(data, status){
		pollcontainer.html(data);

		pollcontainer.find('#viewresult').click(function(){
			//if user wants to see result

			$.get('/poll/', 'result=1', function(data,status){
				pollcontainer.fadeIn(0, function(){
					$(this).html(data);
					animateResults(this);
				});
				loader.fadeOut(0);
			});
			//prevent default behavior
			return false;
		}).end()
		.find('#pollform').submit(function(){
			var selected_val=$(this).find('input[name=poll]:checked').val();
			if(selected_val!=undefined){
				//post data only if a value is selected

				$.post('/poll/', $(this).serialize(), function(data, status){
					$('#formcontainer').fadeIn(0, function(){
						$(this).html(data);
						animateResults(this);
						loader.fadeOut(0);
					});
				});
			}
			//prevent form default behavior
			return false;
		});
		loader.fadeOut(0);
	});
	
	function animateResults(data){
		$(data).find('.bar').hide().end().fadeIn('slow', function(){
							$(this).find('.bar').each(function(){
								var bar_width=$(this).css('width');
								$(this).css('width', '0').animate({ width: bar_width }, 1000);
							});
						});
	}

});