<%@ 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%"

int_folio= Request.Cookies("sieps")("folio")

str_provider= application("provider")
str_bd= application("bd_sieps")

SET RES_DATOS = server.CreateObject("ADODB.Recordset")
SET CNN = SERVER.CreateObject("ADODB.CONNECTION")
'cnn.Provider =str_provider
cnn.Open str_bd


STR_CONSULTA = "SELECT * FROM dat_valores_personales WHERE soli_folio=" & int_folio
RES_DATOS.Open STR_CONSULTA, CNN,adOpenForwardOnly,adLockReadOnly,1
if res_datos.EOF= FALSE THEN
	str_proceso="cambio"
else
	str_proceso="alta"
end if
res_datos.Close
cnn.Close
%>

<html>
	<head>
		<script type="text/javascript" src="js/lib/prototype-1.6.0.2.js"></script>
		<script type="text/javascript" src="js/lib/validation.js"></script>
		<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<7; i=i+1){
			if (document.all.item("1"+"-"+i).value =="0"){
				int_valida=1;	
			}
		}
	}
		
		
	if (int_valida ==0){
		document.form1.submit()}
	else{
		alert("Conteste el ejemplo para poder iniciar la prueba...")}
}

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") {
		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=num_sel;
		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";
		document.all.item(str_nombre)(2).bgColor="gainsboro";
		document.all.item(str_nombre)(3).bgColor="gainsboro";
		document.all.item(str_nombre)(4).bgColor="gainsboro";
		document.all.item(str_nombre)(5).bgColor="gainsboro";
}

function seleccion(casilla,numero)
{
//var str_numero= casilla.name.substr(1)
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";
document.all.item(str_nombre)[2].bgColor="gainsboro";
document.all.item(str_nombre)[3].bgColor="gainsboro";
document.all.item(str_nombre)[4].bgColor="gainsboro";
document.all.item(str_nombre)[5].bgColor="gainsboro";
casilla.bgColor="PaleGoldenrod";
}

function cambia_cursor(casilla,str_numero)
{

//var str_num_grupo= casilla.name.substr(1)
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="help";
		return;
	}
	
		casilla.style.cursor=document.all.item(str_grupo).style.cursor;
	
}
//-->
</script>
<form name="form1" id="form1" method="post" action="uti_marco.asp?prueba=vp_aplica.asp&amp;nombre=Valores Personales">
<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;Valores Personales&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">
							Los valores son aquellos intereses, metas y preferencias que guían nuestras vidas y carreras.
							<br><br>
							Cada persona debe de tomar decisiones difíciles para disfrutar de la vida y evitar conflictos en la carrera.
							<br><br>
							Para ayudarte a entender de una mejor manera tus valores,  por favor indica tus preferencias personales en cada uno de los 10 grupos de valores presentados a continuación; utiliza la siguiente escala:
							<br><br>
							<table width="100%" Align="center" border="1" bordercolor="#efefef" cellspacing="4" cellpadding="2">
								<tr>
									<td width="110"></td>
									<td width="30" height="30" nowrap align="middle" bgColor="gainsboro" borderColor="dimgray" borderColorDark="white" borderColorLight="#999999" name="n" id="n">
										<font class="eti_ari_11_b">6</font>
									</td>
									<td>
										<font class="eti_ari_10">al que escogerías primero.</font>
									</td>
								</tr>
								<tr>
									<td></td>
									<td width="30" height="30" nowrap align="middle" bgColor="gainsboro" borderColor="dimgray" borderColorDark="white" borderColorLight="#999999" name="n" id="n">
										<font class="eti_ari_11_b">5</font>
									</td>
									<td>
										<font class="eti_ari_10">al que escogerías en segundo lugar.</font>
									</td>
								</tr>
								<tr>
									<td></td>
									<td width="30" height="30" nowrap align="middle" bgColor="gainsboro" borderColor="dimgray" borderColorDark="white" borderColorLight="#999999" name="n" id="n">
										<font class="eti_ari_11_b">4</font>
									</td>
									<td>
										<font class="eti_ari_10">al que escogerías en tercer lugar.</font>
									</td>
								</tr>
								<tr>
									<td></td>
									<td width="30" height="30" nowrap align="middle" bgColor="gainsboro" borderColor="dimgray" borderColorDark="white" borderColorLight="#999999" name="n" id="n">
										<font class="eti_ari_11_b">3</font>
									</td>
									<td>
										<font class="eti_ari_10">al que escogerías en cuarto lugar.</font>
									</td>
								</tr>
								<tr>
									<td></td>
									<td width="30" height="30" nowrap align="middle" bgColor="gainsboro" borderColor="dimgray" borderColorDark="white" borderColorLight="#999999" name="n" id="n">
										<font class="eti_ari_11_b">2</font>
									</td>
									<td>
										<font class="eti_ari_10">al que escogerías en quinto lugar.</font>
									</td>
								</tr>
								<tr>
									<td></td>
									<td width="30" height="30" nowrap align="middle" bgColor="gainsboro" borderColor="dimgray" borderColorDark="white" borderColorLight="#999999" name="n" id="n">
										<font class="eti_ari_11_b">1</font>
									</td>
									<td>
										<font class="eti_ari_10">al que escogerías en último lugar.</font>
									</td>
								</tr>
							</table>
							<br>
							Debes de asignar un número a todos los calificativos.
							<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 numéricas en las casillas en el orden de 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 signo de interrogación, 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="80%" align="center" bgColor="white" border="0" bordercolor="darkgray" cellspacing="0" cellpadding="0">
				<tr>
					<td>
			 			<table name="g1" id="g1" width="265" 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.- Color Favorito</font></td>
							</tr>
							<tr>
								<td>
									<table width="265" 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.id,1)" onClick="respuesta(1,1)">
												<input type="hidden" name="1-1" id="1-1" value="0">
												<font class="eti_ari_20_b" id="f1">&nbsp;</font>
											</td>
											<td width="225" nowrap align="left" borderColor="#dcdcdc"><font class="eti_ari_11">Azul</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.id,2)" onClick="respuesta(1,2)"><input type="hidden" name="1-2" id="1-2" value="0"><font class="eti_ari_20_b" id="f1">&nbsp;</font></td>
											<td align="left" borderColor="gainsboro"><font class="eti_ari_11">Verde</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.id,3)" onClick="respuesta(1,3)"><input type="hidden" name="1-3" id="1-3" value="0"><font class="eti_ari_20_b" id="f1">&nbsp;</font></td>
											<td align="left" borderColor="gainsboro"><font class="eti_ari_11">Rosa</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.id,4)" onClick="respuesta(1,4)"><input type="hidden" name="1-4" id="1-4" value="0"><font class="eti_ari_20_b" id="f1">&nbsp;</font></td>
											<td align="left" borderColor="gainsboro"><font class="eti_ari_11">Rojo</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.id,5)" onClick="respuesta(1,5)"><input type="hidden" name="1-5" id="1-5" value="0"><font class="eti_ari_20_b" id="f1">&nbsp;</font></td>
											<td align="left" borderColor="gainsboro"><font class="eti_ari_11">Cafe</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.id,6)" onClick="respuesta(1,6)"><input type="hidden" name="1-6" id="1-6" value="0"><font class="eti_ari_20_b" id="f1">&nbsp;</font></td>
											<td align="left" borderColor="gainsboro"><font class="eti_ari_11">Blanco</font></td>							
										</tr>
									</table>
									<table width="100%" height="40" Align="center" border="0">
										<tr>
											<td width="80%" align="middle">
												<table width="240" Align="center" border="1" bordercolor="#efefef" cellspacing="4" cellpadding="2">
													<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="eti_ari_20_b">1</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="eti_ari_20_b">2</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,3)"><font class="eti_ari_20_b">3</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,4)"><font class="eti_ari_20_b">4</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,5)"><font class="eti_ari_20_b">5</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,6)"><font class="eti_ari_20_b">6</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" tabIndex="3" WIDTH="79" HEIGHT="27"></a>
						<br>
					</td>
 				</tr>
			</table>
		</td>
	</tr>
</table>
<!--#INCLUDE FILE="uti_calce.asp"-->
</body>
</form>
</html>