var stages = Array();

function resetStages() {
	for(var i=0; i< stages.length; i++) {
		var current = getElementById(stages[i]);
		current.setAttribute('class', 'form_block');
	}
}

function setStageClass(stage_id, className) {
	var stage = document.getElementById(stage_id);
	$(stage).attr('class', className);
}

function setStageIcon(stage_id, className) {
	var icon = document.getElementById('icon_'+stage_id);
	var stage = document.getElementById(stage_id);
	if (stage) {
		if (!icon) {
			icon = document.createElement('div');
			icon.id='icon_'+stage_id;
			stage.appendChild(icon);
		}
		icon.className=className;
		icon.setAttribute('class', className);
	}
}

function setStage(el, state) {
	var current = document.getElementById(stages[el.name]);	
	if (current) switch (state) {
		case 1:
			setStageEmpty(current.id);
			break;
		case 2:
			setStageCurrent(current.id);
			break;
		case 3:
			setStageError(current.id);
			break;
		case 4:
			setStageEmpty(current.id);
			break;
		case 5:
			setStageDone(current.id);
			break;
	}
}

function setStageDone(id) {
	setStageIcon(id, 'ok_stage stage_pos');
}

function setStageCurrent(id) {
	setStageIcon(id, 'fill stage_pos');
}

function setStageError(id) {
	setStageIcon(id, 'error stage_pos');
}

function setStageEmpty(id) {
	removeObject('icon_'+id);
}

function setStageActive(id) {
	setStageClass(id, 'form_block active');
}