<%@ Language=VBScript %>
<!--#INCLUDE file="ADOVBS.inc"-->
<%
Response.Buffer=true
DIM STR_CONSULTA, int_folio, str_proceso
DIM int_w, int_h
int_w="100%"
int_h="100%"

%>

<html>
<head>
<meta NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<link REL="stylesheet" TYPE="text/css" HREF="stylesheet.css">
</head>
<!--#INCLUDE FILE="uti_utilerias_aplicacion.asp"-->
<script LANGUAGE="javascript">
<!--

function abortar()
{
	location.href="aplicacion_termina.asp"
}

function iniciar()
{
	image1= new Image;
	image1.scr="images/btn_iniciar_1.jpg";
}

function validar(proceso)
{
	
	var int_valida=0;
	if (proceso=='alta'){
		for (i=1; i<5; i=i+1){
			if (document.all.item("1"+"-"+i).value =="0"){
				int_valida= int_valida+1;	
			}
		}
	}else{
		int_valida=2
	}
		
	if (int_valida ==2){
		document.form1.submit()}
	else{
		alert("El ejemplo tiene que ser contestado...")}
}

function respuesta(grupo,str_numero)
{

var str_num_grupo= grupo
var str_nombre="n" + str_num_grupo;
var str_grupo="g" + str_num_grupo;
var str_font="f" + str_num_grupo;
var str_nom_seleccion ="num_seleccion" + str_num_grupo;
var str_nom_casilla = "r" + str_num_grupo;
var numero=parseInt(str_numero);
var str_input=str_num_grupo + "-" + numero;
var num_sel=parseInt(document.all.item(str_nom_seleccion).value);
var num_guardado = document.form1.item(str_input).value;

	if (num_guardado != "0") {

		document.form1.item(str_input).value=0
		
		document.all.item(str_nom_casilla)(numero-1).bgColor="lightgrey";
		document.all.item(str_nom_casilla)(numero-1).borderColor="dimgray";
		document.all.item(str_nom_casilla)(numero-1).borderColorDark="gray";
		document.all.item(str_nom_casilla)(numero-1).borderColorLight="white";

		document.all.item(str_font)(numero-1).innerText=" ";
	
		document.all.item(str_nombre)(num_guardado-1).style.visibility="visible";
	}


	if (num_sel != "0") {

		if (num_sel==1){
			var str_signo="+"}
		else
			{var str_signo="-"}
						
		document.all.item(str_nom_casilla)(numero-1).bgColor="gainsboro";
		document.all.item(str_nom_casilla)(numero-1).borderColor="dimgray";
		document.all.item(str_nom_casilla)(numero-1).borderColorDark="white";
		document.all.item(str_nom_casilla)(numero-1).borderColorLight="#999999";


		document.all.item(str_nombre)(num_sel-1).style.visibility="hidden";

		
		
		document.all.item(str_font)(numero-1).innerText=str_signo;

		document.form1.item(str_input).value=num_sel;

		document.all.item(str_nom_seleccion).value="0"
	}
		

		document.all.item(str_grupo).style.cursor="default";

		document.all.item(str_nombre)(0).bgColor="gainsboro";
		document.all.item(str_nombre)(1).bgColor="gainsboro";
		
			

	
}

function seleccion(casilla,numero)
{

var str_numero= casilla.id.substr(1)
var str_grupo="g" + str_numero;
var str_nom_seleccion ="num_seleccion" + str_numero;
document.all.item(str_nom_seleccion).value= numero

document.all.item(str_grupo).style.cursor="help";

var str_nombre=casilla.id;
document.all.item(str_nombre)(0).bgColor="gainsboro";
document.all.item(str_nombre)(1).bgColor="gainsboro";
casilla.bgColor="PaleGoldenrod";

}

function cambia_cursor(casilla,str_numero)
{

var str_num_grupo= casilla.id.substr(1)
var str_grupo="g" + str_num_grupo;

var numero=parseInt(str_numero);
var str_input=str_num_grupo + "-" + numero;
var num_guardado = document.form1.item(str_input).value;

	if (num_guardado != "0") {

		casilla.style.cursor="hand";
		return;
	}
	
		casilla.style.cursor=document.all.item(str_grupo).style.cursor;
	
}
//-->
</script>
<form name="form1" id="form1" method="post" action="uti_marco.asp?prueba=gordon_aplica.asp&amp;nombre=Gordon">
<body class="body" topmargin="6" bottommargin="6" leftmargin="6" rightmargin="6" bgColor="slategray" onLoad="iniciar" onkeydown="evento()">
<!--#INCLUDE FILE="uti_fondo.asp"-->

<table width="100%" border="0" bgcolor="white" cellspacing="0" cellpadding="0">
	<tr>
		<td width="100%" align="center">
			<br>
			<font class="titulo_instrucciones">
				&quot;Test Gordon&quot;
				<br>
			</font>
			<br>
			<table height="200" width="85%" Align="center" valign="top" border="1" bgcolor="#efefef" borderColor="white" borderColorLight="#666666" cellspacing="0" cellpadding="12">
				<tr>
					<td>
						<font class="eti_ari_11_b">Instrucciones:</font>
						<br><br>
						<font class="eti_ari_10">
							Cada persona es diferente a las demás en su forma de ser y actuar.
							<br><br>
							El objetivo de esta prueba es: que realices una descripción fiel de tu persona para poder conocerte un poco.
							<br><br>
							A continuación se presenta una lista de frases descriptivas agrupadas en series de cuatro.
							<br><br>
							&quot;Examine las palabras de cada serie&quot;
							<br><br>
							Asigne el valor <font class="boton_cleaver">&nbsp;&nbsp;+&nbsp;&nbsp;</font>  en la casilla correspondiente a la palabra que en cada serie mejor describa su persona.
							<br><br>
							Asigne el valor <font class="boton_cleaver">&nbsp;&nbsp;-&nbsp;&nbsp;</font> en la casilla correspondiente a la palabra que en cada serie menos describa su persona.
							<br><br>
							Para que la prueba nos sea de utilidad, debes de contestar todas las series.
							<br><br>
						</font>
					</td>
			    </tr>
			 </table>
			 <br>
			<table height="200" width="85%" Align="center" valign="top" border="0" bgcolor="white" borderColor="white" borderColorLight="#666666" cellspacing="0" cellpadding="12">
				<tr>
					<td>
						<font class="eti_ari_11_b">
							Ejemplo:
						</font>
						<font class="eti_ari_10">
							<br><br>
							Coloque las etiquetas que más y menos describen su persona en las casillas su preferencia.
							<br><br>
						    <i><b>Asignar Valores:</b></i>
						    <br><br>
						    <ul type="1">
								<li>Posicione el cursor sobre el área del número que desea asignar y presione el  botón izquierdo del mouse, hasta que aparezca el signo de interrogación.
								<br><br>
								<li>Una vez establecido el número, presione sobre la casilla donde desee colocar el número.
							</ul>
							<i><b>Cancelar Valores:</b></i>
							<br><br>
						    <ul type="1">
								<li>Presione con el botón izquierdo del mouse sobre el área del número que desea cancelar.
							</ul>
						</font>
					</td>
			    </tr>
			 </table>
			 <table width="50%" align="center" bgColor="white" border="0" bordercolor="darkgray" cellspacing="0" cellpadding="0">
				<tr>
					<td>
			 			<table name="g1" id="g1" width="200" Align="center" border="1" bgcolor="#efefef" borderColorDark="SlateGray" cellspacing="0" cellpadding="0">
							<tr>
								<td height="25" align="left" bgcolor="#bcc0c0" borderColorDark="Gainsboro" borderColorLight="dimgray"><font class="eti_ari_11_b">&nbsp;0</font></td>
							</tr>
							<tr>
								<td>
									<table width="200" Align="center" border="1" bordercolor="#efefef" cellspacing="4" cellpadding="4">
										<tr>
											<td align="middle" width="40" height="35" nowrap bgColor="lightgrey" borderColor="dimgray" borderColorDark="gray" borderColorLight="Gainsboro" name="r1" id="r1" onMouseOver="cambia_cursor(this,1)" onClick="respuesta(1,1)"><input type="hidden" name="1-1" id="1-1" value="0"><font class="boton_cleaver" id="f1">&nbsp;</font></td>
											<td width="200" nowrap align="left" borderColor="#dcdcdc"><font class="eti_ari_11">tiene un excelente apetito</font></td>
										</tr>
										<tr>
											<td align="middle" width="40" height="35" nowrap bgColor="lightgrey" borderColor="dimgray" borderColorDark="gray" borderColorLight="white" name="r1" id="r1" onMouseOver="cambia_cursor(this,2)" onClick="respuesta(1,2)"><input type="hidden" name="1-2" id="1-2" value="0"><font class="boton_cleaver" id="f1">&nbsp;</font></td>
											<td width="200" nowrap align="left" borderColor="#dcdcdc"><font class="eti_ari_11">se enferma muy a menudo</font></td>
										</tr>
										<tr>
											<td align="middle" width="40" height="35" nowrap bgColor="lightgrey" borderColor="dimgray" borderColorDark="gray" borderColorLight="white" name="r1" id="r1" onMouseOver="cambia_cursor(this,3)" onClick="respuesta(1,3)"><input type="hidden" name="1-3" id="1-3" value="0"><font class="boton_cleaver" id="f1">&nbsp;</font></td>
											<td width="200" nowrap align="left" borderColor="#dcdcdc"><font class="eti_ari_11">sigue una bien balanceada dieta</font></td>
										</tr>
										<tr>
											<td align="middle" width="40" height="35" nowrap bgColor="lightgrey" borderColor="dimgray" borderColorDark="gray" borderColorLight="white" name="r1" id="r1" onMouseOver="cambia_cursor(this,4)" onClick="respuesta(1,4)"><input type="hidden" name="1-4" id="1-4" value="0"><font class="boton_cleaver" id="f1">&nbsp;</font></td>
											<td width="200" nowrap align="left" borderColor="#dcdcdc"><font class="eti_ari_11">no hace bastante ejercicio</font></td>
										</tr>
									</table>
									<table width="100%" height="40" Align="center" border="0">
										<tr>
											<td width="80%" align="middle">
												<table width="80" Align="center" border="1" bordercolor="#efefef" cellspacing="4" cellpadding="0">
													<tr>
														<td width="40" height="35" nowrap align="middle" bgColor="gainsboro" borderColor="dimgray" borderColorDark="white" borderColorLight="#999999" name="n1" id="n1" style="CURSOR: hand" onClick="seleccion(this,1)"><font class="boton_cleaver">+</font></td>
														<td width="40" height="35" nowrap align="middle" bgColor="gainsboro" borderColor="dimgray" borderColorDark="white" borderColorLight="#999999" name="n1" id="n1" style="CURSOR: hand" onClick="seleccion(this,2)"><font class="boton_cleaver">-</font></td>
													</tr>
												</table>
												<input type="hidden" name="num_seleccion1" id="num_seleccion1" value="0">
											</td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table> 
			<br>                       
			<table align="center">
				<tr>
					<td width="100%" align="middle">
						<a onClick="validar('<%=str_proceso%>')"><img alt="Iniciar prueba" border="0" name="pic_iniciar" onMouseOut="document.pic_iniciar.src='images/btn_iniciar_0.jpg'" onMouseOver="document.pic_iniciar.src='images/btn_iniciar_1.jpg'" src="images/btn_iniciar_0.jpg" WIDTH="79" HEIGHT="27"></a>
						<br>
					</td>
 				</tr>
			</table>
		</td>
	</tr>
</table>
<!--#INCLUDE FILE="uti_calce.asp"-->
</body>
</form>
</html>