$(function(){

	var loader=$('#loader');

	var pollcontainer=$('#pollcontainer');

	loader.fadeIn();

	//Load the poll form

	$.get('poll.php', '', function(data, status){

		pollcontainer.html(data);

		animateResults(pollcontainer);

		pollcontainer.find('#viewresult').click(function(){

			//if user wants to see result

			loader.fadeIn();

			$.get('poll.php', 'result=1', function(data,status){

				pollcontainer.fadeOut(1000, function(){

					$(this).html(data);

					animateResults(this);

				});

				loader.fadeOut();

			});

			//prevent default behavior

			return false;

		}).end()

		.find('#pollform').submit(function(){

			var selected_val=$(this).find('input[name=poll]:checked').val();

			if(selected_val!=''){

				//post data only if a value is selected

				loader.fadeIn();

				$.post('poll.php', $(this).serialize(), function(data, status){

					$('#formcontainer').fadeOut(100, function(){

						$(this).html(data);

						animateResults(this);

						loader.fadeOut();

					});

				});

			}

			//prevent form default behavior

			return false;

		});

		loader.fadeOut();

	});



	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);

							});

						});

	}



});