$(document).ready(function(){
	$.ajax({
		type: "GET",
		url: "cuestionario.xml",
		dataType: "xml",
		success: function(xml)
		{
			//Total de preguntas
			var total = $("pregunta",xml).length;
			//Agregamos los DIV necesarios. 10 preguntas por página
			for(i=0; i<(total/10); i++)
			{
				if(i>0)	var stl='style="display:none;"'; else var stl='';
				$(".tabbed_area").append('<div id="'+(i)+'" class="content" '+stl+'>&nbsp;</div>\n');
				$(".tabs").append('\n<li><a href="#" title="Pagina '+(i)+'" name="'+(i)+'" class="tab">página '+(i)+'</a></li>');
				$(".tabs > li:first > a").attr("class","tab active");
			}
			//Llenamos los DIVs
			$(xml).find('pregunta').each(function()
			{
				var nroActual = $(this).attr('numero');
				var nroArea = $(this).attr('nroarea');
				var pagina = Math.floor((nroActual-1)/10);			
				var htmlEncuesta=$('#'+pagina).html();
				//Creamos la pregunta
				htmlEncuesta+="<p class='pregunta'>"+nroActual+".- "+$(this).text()+"</p>\n";
				htmlEncuesta+=getRespuesta(nroActual, $(this).attr('area'));
				$('#'+pagina).html(htmlEncuesta);
				
				//Asignamos la operacion a los radiobuttons
				//$("* > #rd_"+$(this).attr('area')+"_"+nroActual).attr("onclick","contarArea('"+nroActual+"', '"+nroArea+"','"+$(this).attr('area')+"', getRBValue(document.uno.rd"+nroActual+"))");
				$("* > #rd_"+$(this).attr('area')+"_"+nroActual).attr("onclick","contarArea('"+nroActual+"', '"+nroArea+"','"+$(this).attr('area')+"', this.value)");
			}
		);	
			
			// When a link is clicked
			$("a.tab").click(function () {		
				//Verificamos que esten todas las respuestas completas
				var contador=0;
				var sinres=" ";
				var content_show = $(this).attr("name");
				var next = (content_show * 1) +1;
				var previous = (content_show * 1) -1;
				var num=content_show * 1 - 1;
				var pre;
				//Reviso si las preguntas del div estan respuestas y si lo estan 
				//paso al siguiente div..
				for(a=1; a<=10; a++)
				{	
					if (a<10)
					{pre=(num*10)+a;}
					else
					{num=num+1;
					 pre=((num+"0")*1);
					}
			
					if($("input[name='rd"+pre+"']:checked").val())
						contador++;
					else
						sinres += pre+" - ";
				}
				if(contador == 10)
				{
					// switch all tabs off
					$(".active").removeClass("active");		
					// switch this tab on
					$(this).addClass("active");		
					// slide all content up
					$(".content").slideUp();		
					// slide this content up
					$("#"+content_show).slideDown();
					//manejo de botones en formularios
					if (previous==-1){previous=0;}
					document.getElementById('previous').name = previous;
					document.getElementById('previous').title = "Página " + content_show;
					if (next==10){next=9;}
					document.getElementById('next').name = next;
					document.getElementById('next').title = "Página " + content_show;
					document.getElementById('npage').innerHTML = $(this).attr("title");
				}
				else
				{
					alert("Faltan preguntas por contestar \n "+sinres);
					return false;
				}				
			});
		}
	});

/*	$("form").submit(function(){
		//Verificamos que esten todas las respuestas completas
		var contador=0;
		var sinres="";
		for(a=1; a<=100; a++){
			if($("input[name='rd"+a+"']:checked").val())
				contador++;
			else
				sinres += a+" - ";
		}
		if(contador == 100){
			//calcularTotal();
		}else{
			alert("Faltan preguntas por contestar \n "+sinres);
			return false;
		}
	});*/
});

function getRespuesta(nro, tipo){
	var strRespuestas;
	strRespuestas = '<label><input type="radio" name="rd'+nro+'" id="rd_'+tipo+"_"+nro+'" value="'+1+'" >';
	strRespuestas +='Me desagrada o desagradar&iacute;a mucho</label><br />\n'
	strRespuestas +='<label><input type="radio" name="rd'+nro+'" id="rd_'+tipo+"_"+nro+'" value="'+2+'" >';
	strRespuestas +='No me gusta o no me gustar&iacute;a</label><br />\n'
	strRespuestas +='<label><input type="radio" name="rd'+nro+'" id="rd_'+tipo+"_"+nro+'" value="'+3+'" >';
	strRespuestas +='Me ser&iacute;a indiferente</label><br />\n'
	strRespuestas +='<label><input type="radio" name="rd'+nro+'" id="rd_'+tipo+"_"+nro+'" value="'+4+'" >';
	strRespuestas +='Me gusta o gustar&iacute;a</label><br />\n'
	strRespuestas +='<label><input type="radio" name="rd'+nro+'" id="rd_'+tipo+"_"+nro+'" value="'+5+'" >';
	strRespuestas +='Me gusta o gustar&iacute;a mucho</label><br />\n'
	return(strRespuestas);
}
//Cada vez que haga clic en un radio, se agrega ese valor al campo hidden
function contarArea(nro, nroarea, area, value){
	var aux, posicion, eliminar;
	aux=$("input[name='"+area+"']").val();
	posicion= aux.indexOf('['+nroarea+'-'); 
	if(posicion!=-1){
		eliminar=aux.substr(posicion, 5); 
		aux = aux.replace(eliminar, '');
	}
	$("input[name='"+area+"']").val(aux + "[" + nroarea + "-" + value + "]");
	//alert($("input[name='"+area+"']").val());
}

function calcularTotal(){
	var contador=0;
		var sinres="";
		for(a=1; a<=100; a++){
			if($("input[name='rd"+a+"']:checked").val())
				contador++;
			else
				sinres += a+" - ";
		}
		if(contador == 100){
		//	calcularTotal();
		}else{
			alert("Faltan preguntas por contestar \n "+sinres);
			return false;
		}
		
	areas = new Array('T','LM','CF','CB','S','H','MP','AV','AR','AA');
	//alert(areas);
	var Campo = new String();
	for(i=0; i<areas.length; i++){
		Campo = $("input[name='"+areas[i]+"']").val();
		//alert(Campo);
		//alert(areas[i]);
		//Limpiamos los datos
		for(a=0;a<9;a++) Campo = Campo.replace("][", ";");
		Campo = Campo.replace("[", "");
		Campo = Campo.replace("]", "");
		//Separamos los valores en una matriz
		Campo = Campo.split(";");
		var total=0;
		for(a=0; a<Campo.length; a++){
			var auxArr;
			auxArr=Campo[a].split("-");
			total+= parseInt(auxArr[1]);
		}
		//Agregamos el valor al campo
		$("input[name='"+areas[i]+"']").val(total);
	}
	//alert($("input[name='H']").val());
	$("#uno").submit();
}

function getRBValue(ctrl)
{
    for(i=0;i<ctrl.length;i++)
        if(ctrl[i].checked) return ctrl[i].value;
}