$(function(){
 var loader=$('#loader');
 var pollcontainer=$('#pollcontainer');
 loader.fadeIn();
 //Load the poll form
 $.get('poll/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/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/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);
 });
 });
 }

});