var Step1, Step2, Step3, StepNum
$(document).ready(function() {
	$('#InstructButton').click(showInstructions);
	Step1 = $('#Step1');
	Step2 = $('#Step2');
	Step3 = $('#Step3');
	setStepDisplay();
});

function showInstructions()
{
	if (getStepNum()==0)
	{
		setStepNum(1);
	}
}

function setStepDisplay()
{
	if (getStepNum()==0)
	{
		$("#Step1, #Step2, #Step3").removeClass("lowlighted").removeClass("highlighted");
		$("#Instuct1, #Instuct2, #Instuct3").addClass("hidden");
	}
	else
	{
		$("#Step1, #Step2, #Step3").addClass("lowlighted").removeClass("highlighted");
		$('#Step'+getStepNum()).addClass("highlighted").removeClass("lowlighted");
		$("#Instuct1, #Instuct2, #Instuct3").addClass("hidden");
		$("#Instuct"+getStepNum()).removeClass("hidden");
	}
}

function getStepNum()
{
	if (StepNum==null)
	{
		StepNum = $('#StepNumber').val();
	}
	return StepNum;
}
function setStepNum(num)
{
	StepNum = num;
	$('#StepNumber').val(StepNum);
	setStepDisplay();
}