var sliderCount = 0;

$(function(){
	$('.ui-slider').each(function(e){
		var slideTarget = $(this).siblings('.slider-value');
		$(this).slider({min:0,max:10,step:1,value:5,slide:function(e,ui){ slideTarget.text(ui.value); } });
	});

	var currentQuestion = '';
	$('.slider-question').each(function(e){
		if(sliderCount > 0){
			$(this).hide();
			sliderCount++;
		}else{
			var idArray = $(this).attr('id').split('-');
			currentQuestion = idArray[2];
			sliderCount++;
		}
	});

	$('#next-question-button').click(function(e){
		if (sliderCount != 0) { sliderCount--; }
		$('#slider-question-complete-' + currentQuestion).css({ color:'#4d4e4f' });
		
		if(sliderCount == 0){
			//$('.slider-questions-footer-right').html('<img src="images/step2/next_gray.gif"');
			gotoStep3();
		}else{			
			$('#slider-question-' + currentQuestion).fadeOut();
			$('#slider-question-' + currentQuestion).next().fadeIn();
			var idArray = $('#slider-question-' + currentQuestion).next().attr('id').split('-');
			currentQuestion = idArray[2];
		}
		return false;
	});

	$('#surfaceTable IMG').click(function(e) {
		clicked_item = this.id.replace("img_","");
		$('#'+clicked_item).click();
	});

	$('#surfaceTable IMG').mouseover(function(e) {
		$('#textOverlay').html('<img src="images/step2/textoverlay/'+this.id.replace("img_","").toLowerCase()+'.jpg">');
		//$('#textOverlay').css('display','block');		
		$('#textOverlay').fadeIn();				
	});

	$('#surfaceTable IMG').mouseout(function(e) {
		//$('#textOverlay').css('display','none');		
		$('#textOverlay').fadeOut();
	});

});

var numQuestions = 9;

function gotoStep3() {
	query = $("#surfaceTableForm").serialize();
	for (i=1;i<=numQuestions;i++) {
		query += "&question"+i+"="+$('#slider-question-'+i+' .ui-slider').slider('value');
	}
	query += '&sliderCount='+sliderCount;

	$.ajax({
		type: "POST",
		url: "process-step2.php",
		data: query,
		success: function(msg){
			if (msg == 1) { location.href = 'step3.php'; }
			else {
				$('#error').html(msg);
			}
		}
	});
	return false;
}