var MAX_ID = 23
var REQUIRED_FIELDS = [1,2,3,4,5,6,7,8,12];


function edit() {
	for(i=1; i < MAX_ID; i++) {
		el_control = $('v'+i);
		el_display = $('t'+i);
		if(el_control == null) continue;
		
		setVisible(el_control, true);
		
		if(el_control.type =='checkbox' || el_control.type=='radio') {
			//for check box,  hide parent
			setVisible(el_control.getParent(), true);
			
		}else {	
			if(el_display) el_display.innerHTML = '';
		}
	}
	
	setVisible($('btnConfirm'), true);
	setVisible($('btnSubmit'), false);
	setVisible($('btnEdit'), false);
}

function validate(){
	for (i=1; i < MAX_ID; i++) {
		el = document.getElementById('v' + i);
		
		if(el == null || el.type =='checkbox' || el.type=='radio' ) continue;
		
		if(!el.value  && (REQUIRED_FIELDS.indexOf(i) != -1)) {
			alert("Please enter " + el.name);
			el.focus();
			return;
		}
	}
	
	viewConfirm();
	setVisible($('btnConfirm'), false);
	setVisible($('btnSubmit'), true);
	setVisible($('btnEdit'), true);
}


function viewConfirm(){
	for(i=1; i < MAX_ID; i++) {
		el_control = document.getElementById('v'+i);
		el_display = document.getElementById('t'+i);
		if(el_control == null) continue;
		setVisible(el_control, false);
		
		if(el_control.type =='checkbox' || el_control.type =='radio') {
			//for check box,  hide parent
			//alert($(el_control).getParent().style.display);
			setVisible($(el_control).getParent(), el_control.checked);
			
		} else {	
			if (el_display) {
				el_display.innerHTML = el_control.value;
			}
		}
	}
}

function setVisible(el, bVisible) {
	el.style.visibility = bVisible? "visible": "hidden";
	el.style.display = bVisible? '':'none';
}