function intro(){
	document.getElementById('step1').style.display = 'none';
	document.getElementById('step2').style.display = 'none';
	document.getElementById('step3').style.display = 'none';
	document.getElementById('step4').style.display = 'none';
	document.getElementById('introduction').style.display = 'block';
}
function step1(){
	document.getElementById('step1').style.display = 'block';
	document.getElementById('step2').style.display = 'none';
	document.getElementById('step3').style.display = 'none';
	document.getElementById('step4').style.display = 'none';
	document.getElementById('introduction').style.display = 'none';
}
function step2(){
	document.getElementById('step1').style.display = 'none';
	document.getElementById('step2').style.display = 'block';
	document.getElementById('step3').style.display = 'none';
	document.getElementById('step4').style.display = 'none';
	document.getElementById('introduction').style.display = 'none';
}
function step3(){
	document.getElementById('step1').style.display = 'none';
	document.getElementById('step2').style.display = 'none';
	document.getElementById('step3').style.display = 'block';
	document.getElementById('step4').style.display = 'none';
	document.getElementById('introduction').style.display = 'none';
}
function step4(){
	document.getElementById('step1').style.display = 'none';
	document.getElementById('step2').style.display = 'none';
	document.getElementById('step3').style.display = 'none';
	document.getElementById('step4').style.display = 'block';
	document.getElementById('introduction').style.display = 'none';
}
function toggle(id){
	if(document.getElementById(id).style.display != 'block'){
		document.getElementById(id).style.display = 'block';
		document.getElementById('arrow-' + id).src = '/graphics/arrow_down.jpg';
	}
	else{
		document.getElementById(id).style.display = 'none';
		document.getElementById('arrow-' + id).src = '/graphics/arrow_right.jpg';
	}
}