var Stepper = {
	step: null,
	from: null,
	to: null,
	
	init:function(){
		if(!document.getElementById) return;
		this.step = new Array();
		this.step[0] = document.getElementById("step1");
		this.step[1] = document.getElementById("step2");
		this.step[2] = document.getElementById("step3");
		this.step[3] = document.getElementById("step4");
		this.step[4] = document.getElementById("step5");
		this.step[5] = document.getElementById("step6");
		this.step[6] = document.getElementById("step7");
		this.step[7] = document.getElementById("step8");
		this.step[8] = document.getElementById("step9");
		this.step[9] = document.getElementById("step10");
		var temp;
		for(var i = 0; i < this.step.length; i++){
			//loop through all steps and hide all except the first one
			temp = this.step[i];
			if(i == 0)
				temp.style.display = "block";
			else
				temp.style.display = "none";
		}
		
		var nextStep = new Array(); //collecting the next step-elements
		nextStep[0] = document.getElementById("nextStep1");
		nextStep[1] = document.getElementById("nextStep2");
		nextStep[2] = document.getElementById("nextStep3");
		nextStep[3] = document.getElementById("nextStep4");
		nextStep[4] = document.getElementById("nextStep5");
		nextStep[5] = document.getElementById("nextStep6");
		nextStep[6] = document.getElementById("nextStep7");
		nextStep[7] = document.getElementById("nextStep8");
		nextStep[8] = document.getElementById("nextStep9");
		
		for(var i = 0; i < nextStep.length; i++){
			//nextStep[i].onclick = function(){ Stepper.goNext(this.id.substring(8,9));  }
			nextStep[i].onclick = function(){ Stepper.goNext(parseInt(this.id.substring(8,10))); return false;} //reads the id and parses the substring into an int
		}
		
		/*
		nextStep[0].onclick = function(){ Stepper.goNext(1); }
		nextStep[1].onclick = function(){ Stepper.goNext(2); }
		nextStep[2].onclick = function(){ Stepper.goNext(3); }
		nextStep[3].onclick = function(){ Stepper.goNext(4); }
		nextStep[4].onclick = function(){ Stepper.goNext(5); }
		nextStep[5].onclick = function(){ Stepper.goNext(6); }
		nextStep[6].onclick = function(){ Stepper.goNext(7); }
		nextStep[7].onclick = function(){ Stepper.goNext(8); }
		*/
		/*
		var temp2;
		for(var i = 0; i < nextStep.length; i++){
			temp2 = nextStep[i];
			temp2.onclick = function(){ Stepper.goNext(i+1, i+2); }
		}
		*/

		var prevStep = new Array(); //collecting the previous step-elements
		prevStep[0] = document.getElementById("prevStep2");
		prevStep[1] = document.getElementById("prevStep3");
		prevStep[2] = document.getElementById("prevStep4");
		prevStep[3] = document.getElementById("prevStep5");
		prevStep[4] = document.getElementById("prevStep6");
		prevStep[5] = document.getElementById("prevStep7");
		prevStep[6] = document.getElementById("prevStep8");
		prevStep[7] = document.getElementById("prevStep9");
		prevStep[8] = document.getElementById("prevStep10");
		
		for(var i = 0; i < prevStep.length; i++){
			//prevStep[i].onclick = function(){ Stepper.goPrev(this.id.substring(8,9));  }
			prevStep[i].onclick = function(){ Stepper.goPrev(parseInt(this.id.substring(8,10))); return false;} //reads the element id and parses the substring into an integer
		}

		/*
		//prevStep1.onclick = function(){ Stepper.goPrev(1, 1); }
		prevStep[0].onclick = function(){ Stepper.goPrev(2); }
		prevStep[1].onclick = function(){ Stepper.goPrev(3); }
		prevStep[2].onclick = function(){ Stepper.goPrev(4); }
		prevStep[3].onclick = function(){ Stepper.goPrev(5); }
		prevStep[4].onclick = function(){ Stepper.goPrev(6); }
		prevStep[5].onclick = function(){ Stepper.goPrev(7); }
		prevStep[6].onclick = function(){ Stepper.goPrev(8); }
		prevStep[7].onclick = function(){ Stepper.goPrev(9); }
		*/
	},
	
	goNext:function(from){
		document.getElementById("step"+from).style.display = "none";
		var to = from + 1;
		document.getElementById("step"+to).style.display = "block";
	/*
		if(from == 1){
			document.getElementById("step1").style.display = "none";
			document.getElementById("step2").style.display = "block";
		}
		*/
	},
	
	goPrev:function(from){
		document.getElementById("step"+from).style.display = "none";
		var goto = from - 1;
		document.getElementById("step"+goto).style.display = "block";
		/*
		if(from == 1){
			//should not be possible
			document.getElementById("step1").style.display = "none";
			document.getElementById("step1").style.display = "block";
		}
		*/
	}
}

window.onload = Stepper.init;