jQuery(document).ready(function($) {

    // Slider
	jQuery('.slider').slider({
	 
			max:10,
			min:0,
		
			start: 		function(){
					jQuery('.question_status').eq(jQuery('.slider').index(this)).html("<div class='status-workin'></div>");
					
					var precent = jQuery('.display').eq(jQuery('.slider').index(this)).val()+"0%";
					jQuery('.ui-slider-handle').eq(jQuery('.slider').index(this)).css("margin-left", '');
					jQuery('.ui-slider-handle').eq(jQuery('.slider').index(this)).css("left", precent);
					
			}, 
			change: 	function(){ 
					var answer = jQuery('.slider').eq(jQuery('.slider').index(this)).slider('value');
					var question_num = jQuery('.question_num').eq(jQuery('.slider').index(this)).val();
					var url = jQuery('#process_url').val();
					jQuery('.display').eq(jQuery('.slider').index(this)).val(answer);
					result(question_num,answer,url); 
			}
	 
	});
	
	
//	jQuery('.ui-slider-handle').css('left',$('.question_num').eq($('.ui-slider-handle').index(this)).val()+"0%");
	
 
	
	// Next page validation button
	jQuery('#nextPage').click(function(){
		var count = 0;
		jQuery('.question_box').each(
			function(){
					var answer = jQuery('.display').eq(jQuery('.question_box').index(this)).val();
					if(answer == 0){
						jQuery('.question_status').eq(jQuery('.question_box').index(this)).html("<div class='status-error'/>");
					 	count++;
					};
		});
		
		if(count==0){
			window.location = jQuery('#next_url').val(); 
		}else{
			scroll(0,0); 
			alert('you have '+count+' unanswered questions');
		};
	
	});
	
	 
});



 
function result(question_num, answer,url){
 
	new Ajax.Updater(	'status_'+question_num,
	 					url,
						{	method: "post",
					 		postBody: 'question_num='+question_num+'&answer='+answer
						}
					);

};