$(function(){
	var loader=$('#loader');
	var pollcontainer=$('#pollcontainer');
	loader.fadeIn();

	//Load the poll form
	$.get('/polls/random', '', function(data, status){
		pollcontainer.html(data);
		animateResults(pollcontainer);
		pollcontainer.find('#viewresult').click(function(){
			//if user wants to see result
			loader.fadeIn();
			var pollid = pollcontainer.find('input[name=pollid]').val();
			$.get('/polls/results2/'+pollid, '', 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 pollid = $(this).find('input[name=pollid]').val();
			var selected_val=$(this).find('input[name=poll]:checked').val();
			if(selected_val!=''){
				//post data only if a value is selected
				loader.fadeIn();
				$.post('/polls/poll2/'+pollid,$(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);
				});
		});
	}


});