document.getElementsByClassName = function(clsName){
	var retVal = new Array();
	var elements = document.getElementsByTagName("*");
	for(var i = 0;i < elements.length;i++){
		if(elements[i].className.indexOf(" ") >= 0){
			var classes = elements[i].className.split(" ");
			for(var j = 0;j < classes.length;j++){
				if(classes[j] == clsName)
					retVal.push(elements[i]);
			}
		}
		else if(elements[i].className == clsName)
			retVal.push(elements[i]);
	}
	return retVal;
}

guia = {

	respuestas : function() {
	
		var id;
		
		//Comprobamos las opciones "No" marcadas
		var preguntas = document.getElementsByClassName( "pregunta" );
		//Para cada pregunta...
		for( var i = 0; i < preguntas.length; i ++ ) {
			id = preguntas[ i ].id.substring( 8 );
			//...si se ha seleccionado "ok", mostramos la respuesta y ocultamos las opciones "Si" y "No"
			if( document.getElementById( id + "no" ).checked  ) {
				document.getElementById( "respuesta" + id ).style.display = "block";
				document.getElementById( id + "opciones" ).style.display = "none";
			}
			//... si no se ha seleccionado "ok", ocultamos la pregunta
			else
				document.getElementById( "pregunta" + id ).style.display = "none";
		}
		
		//Ocultamos el botón
		//
		document.getElementById( "boton" ).style.display = "none";
		
		//Subimos al principio de la pagina
		scroll( 0, 0 );
	},

	iniciarTest : function () {
	
		var id;
		
		//Para cada respuesta...
		var respuestas = document.getElementsByClassName( "respuesta" );
		for( var i = 0; i < respuestas.length; i ++ ) {
			//...la ocultamos
			respuestas[ i ].style.display = "none";
		}
		
		//Para cada pregunta...
		var preguntas = document.getElementsByClassName( "pregunta" );
		for( var i = 0; i < preguntas.length; i ++ ) {
			id = preguntas[ i ].id.substring( 8 );
			//... mostramos las opciones
			preguntas[ i ].innerHTML += "<div id=\"" + id +"opciones\" class=\"opciones\"><input type=\"radio\" name=\"" + id + "\" id=\"" + id + "si\" value=\"" + id + "si\" /><label for=\"" + id + "si\">S&iacute;, lo tengo claro</label><br/><input type=\"radio\" name=\"" + id + "\" id=\"" + id + "no\" value=\"" + id + "no\" checked=\"checked\" /><label for=\"" + id + "no\">Necesito mas informaci&oacute;n</label></div>";
		}
		
		//Anyadimos el boton de "Aceptar"
		document.getElementById( "boton" ).innerHTML =  "<input type=\"button\" value=\"Ver Informaci&oacute;n\" onclick=\"javascript:guia.respuestas();\" />";
		
	}

}

window.onload = function() {
	guia.iniciarTest();
}