$(document).ready(function(){	
   
	var url = document.getElementById('controller').value;     
    var loader=$('#loader');
      
	var pollcontainer=$('#pollcontainer');
	loader.fadeIn();            
	//Load the poll form			
	 
     
	$.get(url+'/vote/', '', function(data, status){
		pollcontainer.html(data);
		animateResults(pollcontainer);
							
		pollcontainer.find('#viewresult').click(function(){
			//if user wants to see result
			loader.fadeIn();
			$.get(url+'/vote/', '', function(data,status){
				pollcontainer.fadeOut(100, function(){
					$(this).html(data);
					animateResults(this);
					$('#opt').hide();
				});
				loader.fadeOut();
			});		
			//prevent default behavior
			return false;
		}).end()	
							
		.find('#pollform').submit(function(){
			var selected_val='';
			selected_val=$(this).find('input[name=poll]:checked').val();
			if(selected_val!== undefined){
				//post data only if a value is selected
				
				loader.fadeIn();
				$.post(url+'/vote/', $(this).serialize(), function(data, status){
					$('#formcontainer').fadeOut(100, function(){
						$(this).html(data);
						animateResults(this);
						$('#opt').hide();
					});
					loader.fadeOut();
				});
			}
			else{
				$('#opt').show();
				$('#opt').fadeIn(100).html('<span> Please choose one option...</span>');
			}
			//prevent form default behaviorf
			return false;
		});				
		
		loader.fadeOut();
	});		
	
	function animateResults(data){
		$(data).find('.optbar').hide().end().fadeIn('slow', function(){
							$(this).find('.optbar').each(function(){
								var bar_width=$(this).css('width');
								$(this).css('width', '0%').animate({ width: bar_width }, 'slow');
							});
						});
	}
		
	
});