$().ready(function() {
	var loader=$('#expressLoad');
	var pollcontainer=$('#expressForm');
	var path = 'poll/express.php?time='+(new Date()).getTime();
	//loader.show();
	//Load the poll form
	//loader.show();
	pollcontainer.hide();
	loader.show();
	$.get(path , '', function(data, status){
		pollcontainer.html(data);
		$("#saveAd").show();
		loader.hide();
		animateResults(pollcontainer);
		
		
		pollcontainer.find('#viewresult').click(function(){
			//if user wants to see result
				//loader.show();
				
			$.get(path , 'result=1', function(data,status){
				pollcontainer.fadeOut(1000, function(){
					$(this).html(data);
					animateResults(this);
				});
				loader.hide();
				pollcontainer.show();
			});
			//prevent default behavior
			return false;
		}).end()
		.find('#pollform').submit(function(){
										   
			var selected_val1=$(this).find('input[name=poll-4]:checked').val();
			var selected_val2=$(this).find('input[name=poll-5]:checked').val();
			var selected_val3=$(this).find('input[name=poll-6]:checked').val();
			var selected_val4=$(this).find('input[name=poll-7]:checked').val();
			
			
			if(selected_val1!='' && selected_val1!== undefined && selected_val2!='' && selected_val2!== undefined && selected_val3!='' && selected_val3!== undefined && selected_val4!='' && selected_val4!== undefined){
				//alert(selected_val);
				//post data only if a value is selected
				$("#saveAd").hide();
				loader.show();
				pollcontainer.hide();
				$.post(path , $(this).serialize(), function(data, status){
					$('#formcontainer').fadeOut(100, function(){
						$(this).html(data);
						animateResults(this);
						loader.hide();
						pollcontainer.show();
					});
				});
			}
			else
			{
				alert(" يجب اختيار الاجابات اولا ");	
			}
			//prevent form default behavior
			return false;
		});
		loader.fadeOut();
	});
	
	function animateResults(data)
	{
		
		$(data).find('.pollbar').hide().end().fadeIn('slow', function(){
							$(this).find('.pollbar').each(function(){
								$("#saveAd").hide();
								var bar_width = $(this).attr('rel');
								$(this).css('display', 'block');
								//alert(percent);
								$(this).css('width', '0%').animate({ width: bar_width+"%" }, 1000);
							});
						});
	}
	
	
});