function stappen() {
	this.stap1 = 'nee';
	this.stap2 = 'nee';
	this.stap3 = 'nee';
	this.stap4 = 'nee';
	this.stap5 = 'nee';
	this.stap6 = 'nee';
	
	this.actieve_stap = null;
	
}

stappen.prototype.setActievestap = function(stap) {
	this.actieve_stap = stap;
	$('stap'+stap).className='stap_actief';
	$('staplink'+stap).className='staplink';
	
}

stappen.prototype.setCompleted = function(stap) {
	if(stap==1) {
		stappenObj.stap1 = 'ja';
	} else if(stap==2) {
		stappenObj.stap2 = 'ja';
	} else if(stap==3) {
		stappenObj.stap3 = 'ja';
	} else if(stap==4) {
		stappenObj.stap4 = 'ja';
	} else if(stap==5) {
		stappenObj.stap5 = 'ja';
	} else if(stap==6) {
		stappenObj.stap6 = 'ja';
	}
	
	$('stap'+stap).className='stap_compleet';
	$('staplink'+stap).className='staplink';	
}


toggle_stap = function(stap,actie) {
//alert(stappenObj.actieve_stap);
	if(actie=='over' && stappenObj.actieve_stap!=stap) {
		if(stap==1 && stappenObj.stap1!='ja') {
			$('stap'+stap).className='stap_over';
		} else if(stap==2 && stappenObj.stap2!='ja') {
			$('stap'+stap).className='stap_over';
		} else if(stap==3 && stappenObj.stap3!='ja') {
			$('stap'+stap).className='stap_over';
		} else if(stap==4 && stappenObj.stap4!='ja') {
			$('stap'+stap).className='stap_over';
		} else if(stap==5 && stappenObj.stap5!='ja') {
			$('stap'+stap).className='stap_over';
		} else if(stap==6 && stappenObj.stap6!='ja') {
			$('stap'+stap).className='stap_over';
		}
	}
	
	if(actie=='out' && stappenObj.actieve_stap!=stap) {
		if(stap==1 && stappenObj.stap1!='ja') {
			$('stap'+stap).className='stap';
		} else if(stap==2 && stappenObj.stap2!='ja') {
			$('stap'+stap).className='stap';
		} else if(stap==3 && stappenObj.stap3!='ja') {
			$('stap'+stap).className='stap';
		} else if(stap==4 && stappenObj.stap4!='ja') {
			$('stap'+stap).className='stap';
		} else if(stap==5 && stappenObj.stap5!='ja') {
			$('stap'+stap).className='stap';
		} else if(stap==6 && stappenObj.stap6!='ja') {
			$('stap'+stap).className='stap';
		}
	}

}

//******************************
// Producten (briefpaper etc.)
//*****************************
function toggle_stap_product(el,actie,actief) {
	if ($(el).className!="stap_product_actief") {
		// actieve knop mag niet wisselen
		if(actief!=1) {
			// De huidige stijl bepalen en wisselen
			if(actie=='over') {
				$(el).className='stap_product_over';
			} else if(actie=='out') {
				$(el).className='stap_product';
			}
		}
	}

}

function setActief(Element) {
	var r = document.getElementsByClassName('stap_product_actief');
	for(i=0;i<r.length;i++) {
		r[i].className="stap_product";
	}
	var l = document.getElementsByClassName('productkeuzeactievelink');
	for(i=0;i<l.length;i++) {
		l[i].className="productkeuzeinactievelink";
	}
	$(Element).className="stap_product_actief";
}



//******************************
// Categorie 1 kleur, 2 kleuren
//*****************************
function toggle_stap_productkeuze(el,actie,actief) {
	if ($(el).className!="stap_productkeuze_actief") {
		// actieve knop mag niet wisselen
		if(actief!=1) {
			// De huidige stijl bepalen en wisselen
			if(actie=='over') {
				$(el).className='stap_productkeuze_over';
			} else if(actie=='out') {
				$(el).className='stap_productkeuze';
			}
		}
	}

}

function setDrukwerkkeuzeActief(Element) {
	var r = document.getElementsByClassName('stap_productkeuze_actief');
	for(i=0;i<r.length;i++) {
		r[i].className="stap_productkeuze";
	}
	var l = document.getElementsByClassName('categoriekeuzeactievelink');
	for(i=0;i<l.length;i++) {
		l[i].className="categoriekeuzeinactievelink";
	}

	$(Element).className="stap_productkeuze_actief";
}


//******************************
// Formaten
//*****************************
function toggle_stap_productkeuze_long(el,actie,actief) {

	// actieve knop mag niet wisselen
	if(actief!=1) {
		// De huidige stijl bepalen en wisselen
		if(actie=='over') {
			$(el).className='stap_productkeuze_over_long';
		} else if(actie=='out') {
			$(el).className='stap_productkeuze_long';
		}
	}

}