parent = document.getElementById("secure_form_1033");

//html1 = document.getElementById('select_6').innerHTML;
//html1 = html1 + "<div class='social social-icon down-arrow'>&#x43;</div>"
//document.getElementById('select_6').innerHTML = html1;

selects = parent.getElementsByTagName('select');
for (i = 0; i < selects.length; i++) {
	select_parent = selects[i].parentElement;
	html = select_parent.innerHTML;
	html = html + "<div class='social social-icon down-arrow'>&#x43;</div>";
	html = html + "<div class='select-background'></div>";
	select_parent.innerHTML = html;
}

// hidden sections code
var elements = [
	['radio_12','text_14','text_15','title_option_16','select_17','select_18','select_19'],
	['radio_33','text_35','text_36'],
	['radio_51','select_52','text_53'],
	['radio_55','title_option_56','select_57','select_58','select_59','title_option_60','select_61','select_62','select_63'],
	['radio_65','text_area_66'],
	['radio_67','text_area_68'],
	['radio_69','radio_70','radio_71'],
	['radio_73','text_area_74']
];
var inputs = parent.getElementsByTagName('input');
var radios = [];
for (var i = 0; i < inputs.length; ++i) {
    if (inputs[i].type == 'radio') {
         inputs[i].addEventListener('click',showSection);
    }
}
var display =[
	['radio_12','text_14','text_15','title_option_16','select_17','select_18','select_19'],
	['radio_33','text_35','text_36'],
	['radio_51','select_52','text_53'],
	['radio_55','title_option_56','select_57','select_58','select_59','title_option_60','select_61','select_62','select_63'],
	['radio_65','text_area_66'],
	['radio_67','text_area_68'],
	['radio_69','radio_70','radio_71'],
	['radio_73','text_area_74']
];
for (var i = 0; i < elements.length; i++) {
	checked = document.getElementById(elements[i][0]).getElementsByTagName("INPUT")[0].checked;
	for (var j = 1; j < elements[i].length; j++) {
		dsp = document.getElementById(elements[i][j]).style.display;
		display[i][j] = dsp;
		if (!checked) {
			document.getElementById(elements[i][j]).style.display = "none";
		}
	}
}
// Occupation Handling
a = displayOccupationDetails();

function hideOccupationDetails() {
	document.getElementById('text_39a').style.display = "none";
	document.getElementById('select_39a').style.display = "none";
	document.getElementById('select_39d').style.display = "none";
	document.getElementById('select_39b').style.display = "none";
	document.getElementById('text_39c').style.display = "none";
	document.getElementById('select_39aa').style.display = "none";
	document.getElementById('select_39ab').style.display = "none";
	document.getElementById('select_39ac').style.display = "none";
	document.getElementById('select_39ad').style.display = "none";
	document.getElementById('select_39ae').style.display = "none";
	document.getElementById('select_39af').style.display = "none";
	document.getElementById('select_39ag').style.display = "none";
	document.getElementById('select_39ah').style.display = "none";
	document.getElementById('select_39ai').style.display = "none";
	document.getElementById('select_39aj').style.display = "none";
	document.getElementById('select_39ak').style.display = "none";
}

function displayOccupationDetails() {
	a = hideOccupationDetails();
	occupation = document.getElementById('Ocupación').value;
	switch(occupation) {
		case 'Estudiante':
			document.getElementById('text_39a').style.display = "block";
			document.getElementById('select_39d').style.display = "block";
			document.getElementById('select_39b').style.display = "block";
			document.getElementById('text_39c').style.display = "block";
		break;
		case 'Empleos relacionados con el arte, la cultura,la recreación y el deporte':
			document.getElementById('select_39aa').style.display = "block";
			document.getElementById('text_39a').style.display = "block";
			document.getElementById('select_39a').style.display = "block";
			document.getElementById('select_39b').style.display = "block";
			document.getElementById('text_39c').style.display = "block";
		break;
		case 'Ocupaciones relacionadas con la empresa, las finanzas y la administración':
			document.getElementById('select_39ab').style.display = "block";
			document.getElementById('text_39a').style.display = "block";
			document.getElementById('select_39a').style.display = "block";
			document.getElementById('select_39b').style.display = "block";
			document.getElementById('text_39c').style.display = "block";
		break;
		case 'Ocupaciones relacionadas con la educación, servicios comunitarios, jurídicos, sociales y gubernamentales':
			document.getElementById('select_39ac').style.display = "block";
			document.getElementById('text_39a').style.display = "block";
			document.getElementById('select_39a').style.display = "block";
			document.getElementById('select_39b').style.display = "block";
			document.getElementById('text_39c').style.display = "block";
		break;
		case 'Ocupaciones relacionadas con la salud':
			document.getElementById('select_39ad').style.display = "block";
			document.getElementById('text_39a').style.display = "block";
			document.getElementById('select_39a').style.display = "block";
			document.getElementById('select_39b').style.display = "block";
			document.getElementById('text_39c').style.display = "block";
		break;
		case 'Ocupaciones de gerencia':
			document.getElementById('select_39ae').style.display = "block";
			document.getElementById('text_39a').style.display = "block";
			document.getElementById('select_39a').style.display = "block";
			document.getElementById('select_39b').style.display = "block";
			document.getElementById('text_39c').style.display = "block";
		break;
		case 'Ocupaciones de servicios públicos y sector manufacturero':
			document.getElementById('select_39af').style.display = "block";
			document.getElementById('text_39a').style.display = "block";
			document.getElementById('select_39a').style.display = "block";
			document.getElementById('select_39b').style.display = "block";
			document.getElementById('text_39c').style.display = "block";
		break;
		case 'Fuerzas armadas/militares':
			document.getElementById('select_39ag').style.display = "block";
			document.getElementById('text_39a').style.display = "block";
			document.getElementById('select_39a').style.display = "block";
			document.getElementById('select_39b').style.display = "block";
			document.getElementById('text_39c').style.display = "block";
		break;
		case 'Ciencias naturales y aplicadas, y empleos relacionados':
			document.getElementById('select_39ah').style.display = "block";
			document.getElementById('text_39a').style.display = "block";
			document.getElementById('select_39a').style.display = "block";
			document.getElementById('select_39b').style.display = "block";
			document.getElementById('text_39c').style.display = "block";
		break;
		case 'Recursos naturales, agricultura y empleos relacionados':
			document.getElementById('select_39ai').style.display = "block";
			document.getElementById('text_39a').style.display = "block";
			document.getElementById('select_39a').style.display = "block";
			document.getElementById('select_39b').style.display = "block";
			document.getElementById('text_39c').style.display = "block";
		break;
		case 'Ocupaciones de ventas y servicios':
			document.getElementById('select_39aj').style.display = "block";
			document.getElementById('text_39a').style.display = "block";
			document.getElementById('select_39a').style.display = "block";
			document.getElementById('select_39b').style.display = "block";
			document.getElementById('text_39c').style.display = "block";
		break;
		case 'Oficios, operadores de transporte y equipamiento y tareas relacionadas':
			document.getElementById('select_39ak').style.display = "block";
			document.getElementById('text_39a').style.display = "block";
			document.getElementById('select_39a').style.display = "block";
			document.getElementById('select_39b').style.display = "block";
			document.getElementById('text_39c').style.display = "block";
		break;
	}
}
function showSection() {
    e = window.event;
    var target = e.target || e.srcElement;
    clicked_id =  target.parentElement.parentElement.parentElement.id;
    clicked_value = target.value;
    for (var i = 0; i < elements.length; i++) {
    	if (elements[i][0]==clicked_id) {
    		for (var j = 1; j < elements[i].length; j++) {
    			if (clicked_value=='No') {
    				document.getElementById(elements[i][j]).style.display = "none";
    			} else {
    				document.getElementById(elements[i][j]).style.display = display[i][j];    			
    			}
    		}
    	}
    }
}