compatibilidad_ludo.xml - youchoose - Project Hosting on Google Code

‹r2571

r2574

Source path: svn/ compatibilidad/ compatibilidad_ludo.xml

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="Test de compatibilidad política" width="336" height="280" scrolling="false" thumbnail="http://youchoose.googlecode.com/svn/compatibilidad/img/thumb.png" 

	author="MadPixel - The Mad Pixel Factory"

	author_email="gadgets@madpixel.es"

	author_affiliation="Google"

	author_location="Madrid, Spain"

	author_link="http://gadgets.madpixel.es"  

>
    <Require feature="ads"/>
  </ModulePrefs>
  <UserPref name="clickurl" datatype="hidden" default_value=""/>
  <UserPref name="aiturl" datatype="hidden" default_value=""/>
  <Content type="html"><![CDATA[

	<script>

	/* Comprobacin de acentos:  */

		// La url de las preguntas
		var urlPreguntas = "http://youchoose.googlecode.com/svn/compatibilidad/xml/preguntas.xml";
		// La url de las respuestas
		var urlRespuestas = "http://youchoose.googlecode.com/svn/compatibilidad/xml/respuestas.xml";

		// Objeto que alberga las preguntas
		var objPreguntas = new Object();

		// Objeto que alberga las respuestas
		var objRespuestas = new Object();

		// ndice de pregunta actual
		var indiceActual = new Number();

		// El array que contendr las preguntas contestadas
		var arrayRespuestas = new Array();

		// El array que contendr las preguntas contestadas
		var arrayPesosPorPartido = new Array();

		// El peso total de todas las preguntas sumadas
		var pesoTotalPreguntas = new Array();

		// Mximo nmero de preguntas destacadas
		var maximoPreguntasDestacadas = new Number(3);

		// Mximo nmero de preguntas destacadas
		var arrayPreguntasImportantes = new Array();

      // Array.indexOf( value, begin, strict ) - Regresa el indice del primer elemento que coincida con el valor especificado
      if (!Array.prototype.indexOf)
      {
		  Array.prototype.indexOf = function( v, b, s ) {
		      for( var i = +b || 0, l = this.length; i < l; i++ ) {
			      if( this[i]===v || s && this[i]==v ) { return i; }
		      }
		  return -1;
	      };
      }



		// Funcin que muestra la capa de error cuando este se produce
		function abreError(error)
		{
			_gel("mensajeError").style.display = "block";
			_gel("textoError").innerHTML = error;
		}

		function cierraError(error)
		{
			_gel("mensajeError").style.display = "none";
			_gel("textoError").innerHTML = error;
		}

		// Funcin que inicia la interfaz, haciendo varias llamadas a diferentes entornos 
		function iniciaInterfaz()
		{

			// Objeto que alberga las preguntas
			objPreguntas = new Object();

			// Objeto que alberga las respuestas
			objRespuestas = new Object();

			// ndice de pregunta actual
			indiceActual = new Number();

			// El array que contendr las preguntas contestadas
			delete arrayRespuestas;
			arrayRespuestas = new Array();

			// El array que contendr las preguntas contestadas
			delete arrayPesosPorPartido;
			arrayPesosPorPartido = new Array();

			// El peso total de todas las preguntas sumadas
			pesoTotalPreguntas = new Array();

			// Mximo nmero de preguntas destacadas
			maximoPreguntasDestacadas = new Number(3);

			// Mximo nmero de preguntas destacadas
			delete arrayPreguntasImportantes;
			arrayPreguntasImportantes = new Array();

			_gel("botonInicio").style.display = "block"; 
			_ADS_ReportInteraction("mouse_over",1) 			
		}

		// La Funcin que carga las preguntas (que hace la llamada)
		function cargaPreguntas()
		{
			_gel("p1").style.display = "none";
			_gel("cargando").style.display="block";
			_IG_FetchXmlContent(urlPreguntas, preguntasCargadas, { refreshInterval: (5) });
		}

		// La Funcin que recibe el resultado del intento de cargar las preguntas
		function preguntasCargadas(respuesta)
		{
			_gel("cargando").style.display="none";
			// Si hay algun error
           if (respuesta == null || typeof(respuesta) != "object" ||  respuesta.firstChild == null) 
		   {
			  abreError("Se ha producido un error de carga. Intntelo ms tarde");
              return false;
           }
		   // Meto la respuesta en caso de no haber error en este objeto
		   objPreguntas = respuesta;

			// Preparo la pgina de las preguntas
			sacaPantallaPreguntas();
			// Lanzo la primera pregunta
		   preparaPregunta(1);
		}
		
		function sacaPantallaPreguntas()
		{
			_gel("p2").style.display = "block";
		}


		// Funcin que prepara la pregunta que se le pasa como parmetro
		function preparaPregunta(indice)
		{
			indiceActual = indice;
    		var objPregunta = objPreguntas.getElementsByTagName("pregunta").item(indice-1);
			var tipoPregunta = objPregunta.getElementsByTagName("tipo").item(0).firstChild.nodeValue;
			var textoDePregunta = objPregunta.getElementsByTagName("texto").item(0).firstChild.nodeValue;
			var respuestas = objPregunta.getElementsByTagName("respuesta");

			var htmlPasos = new String();

			for(var i=1;i<=objPreguntas.getElementsByTagName("pregunta").length;i++)
			{
				if(i == indice)
				{
					htmlPasos += '<div class="paso">&nbsp;<span class="numero">'+i+'<br></span>&nbsp;&bull;</div>';
				}
				else if(i<indice)
				{
					htmlPasos += '<div class="paso pasado">&nbsp;<span class="oculto">'+i+'<br></span>&nbsp;&bull;</div>';
				}
				else
				{
					htmlPasos += '<div class="paso futuro">&nbsp;<span class="oculto">'+i+'<br></span>&nbsp;&bull;</div>';
				}

			}

			_gel("mensaje_nocontestacion").style.display = "none";

			_gel("contenedor_pasos").innerHTML = htmlPasos;
			_gel("tipoPregunta").innerHTML = indice + ". " + tipoPregunta + ": ";
			_gel("textoPregunta").innerHTML = textoDePregunta;

			var htmlRespuestas = new String();
			for(var i=0;i<=respuestas.length-1;i++)
			{
				var respuesta = respuestas.item(i).firstChild.nodeValue;
				htmlRespuestas += '<div class="respuesta"><input type="radio" value="'+(i+1)+'" onClick="javascript:quitaMensajeRespuestaNoContestada()" name="respuesta"><span class="txt_respuesta">'+respuesta+'</span><img src="http://youchoose.googlecode.com/svn/compatibilidad/img/void.gif"></div>';

				if(i <respuestas.length-1)
				{
					htmlRespuestas += '<div class="separador_respuesta"></div>';
				}
			}

			_gel("respuestas").innerHTML = htmlRespuestas;


		
			if(indiceActual == objPreguntas.getElementsByTagName("pregunta").length)
			{
				_gel("textoBoton").innerHTML = "Finalizar test";
			}
			else 
			{
				_gel("textoBoton").innerHTML = "Siguiente";
			}


//			_gel("skinBoton").style.display ="none";



		}

		// Funcin a la que se llama cuando se pulsa el botn de siguiente pregunta (o finaliza test)
		function finalizaPregunta()
		{

			if(!compruebaSiSeHaRespondido())
			{
				_gel("mensaje_nocontestacion").style.display = "block";
				return false;
			}

			if(indiceActual == objPreguntas.getElementsByTagName("pregunta").length)
			{
				finalizaTest();
			}
			else
			{
				document.getElementById("p2").scrollTop = 0;
				
				pasaSiguientePregunta();
			}
		}


		function quitaMensajeRespuestaNoContestada()
		{
			_gel("mensaje_nocontestacion").style.display = "none";
		}


		// Funcin que comprueba si se respondi a la pregunta antes de continuar
		function compruebaSiSeHaRespondido()
		{
			var resp = _gel("formpregunta").respuesta;

			for(var i=0;i<=resp.length-1;i++)
			{
				if(resp[i].checked)
				{
					return true;
				}
			}
			return false;
		}

		// Mete la respuesta en el array de respuestas
		function meteRespuesta()
		{
			var resp = _gel("formpregunta").respuesta;

			for(var i=0;i<=resp.length-1;i++)
			{
				if(resp[i].checked)
				{
					arrayRespuestas[Number(indiceActual-1)] = resp[i].value;
				}
			}
		}

	    // Funcin que pasa a la siguiente pregunta guardando el resultado de la pregunta actual
		function pasaSiguientePregunta()
		{
			meteRespuesta();
			preparaPregunta(indiceActual+1);
		}


		// Funcin que se llama al finalizar el test
		function finalizaTest()
		{
			meteRespuesta();
			//_gel("formpregunta").style.display = "none";
			_gel("p2").style.display = "none";

			preparaImportanciaPreguntas();
		}

		// Funcin que prepara las preguntas importantes
		function preparaImportanciaPreguntas()
		{
			_gel("p3").style.display = "block";

			var htmlImportancia = new String();
			for(var i=0;i<=objPreguntas.getElementsByTagName("pregunta").length-1;i++)
			{
	    		var objPregunta = objPreguntas.getElementsByTagName("pregunta").item(i);
				var textoPregunta = objPregunta.getElementsByTagName("texto").item(0).firstChild.nodeValue;

				htmlImportancia += '<div class="importancia_pregunta"><input type="checkbox" name="checkImportancia'+(i+1)+'" onClick= "javascript:compruebaLimiteMaximoPreguntasDestacadas(this);"><span class="txt_respuesta">' + textoPregunta+ '</span><img src="http://youchoose.googlecode.com/svn/compatibilidad/img/void.gif"></div>';
				if(i <objPreguntas.getElementsByTagName("pregunta").length-1) htmlImportancia += '<div class="separador_respuesta"></div>';
			}
				
			_gel("importanciaPreguntas").innerHTML = htmlImportancia;
		}

		

		// La Funcin que recibe el resultado del intento de cargar las respuestas
		function respuestasCargadas(respuesta)
		{
			_gel("cargando").style.display="none";

			// Si hay algun error
           if (respuesta == null || typeof(respuesta) != "object" ||  respuesta.firstChild == null) 
		   {
			  abreError("Se ha producido un error de carga. Intntelo ms tarde");
              return;
           }
		   // Meto la respuesta en caso de no haber error en este objeto
		   objRespuestas = respuesta;

			// Calculo los resultados
		   pesoTotalPreguntas = calculaPesoTotalPreguntas();


			// Calculo los resultados
		   calculaResultado();
		}

		// Calcula la suma del peso de todas las preguntas
		function calculaPesoTotalPreguntas()
		{
			var pesos = objRespuestas.getElementsByTagName("peso");
			var res = new Number();
			res = 0;

			for(var i=0;i<=pesos.length-1;i++)
			{
				res += Number(pesos[i].firstChild.nodeValue);
			}

			res += maximoPreguntasDestacadas;

			return res;
		}

		// Funcin que devuelve en un array las preguntas que el usuario ha considerado importantes
		function devuelvePreguntasImportantes()
		{

			var formImportancia = _gel("formimportancia");

			var arrayImportancia = new Array();
			for(var i=1;i<=objPreguntas.getElementsByTagName("pregunta").length;i++)
			{
				var importancia = formImportancia["checkImportancia"+i];

				if(importancia.checked)
				{
					arrayImportancia.push(i);
				}
			}

			return arrayImportancia;
		}
		// Funcin que comprueba si no se est excediendo el lmite mximo de preguntas destacadas
		function compruebaLimiteMaximoPreguntasDestacadas(objeto)
		{
			if(devuelvePreguntasImportantes().length > maximoPreguntasDestacadas)
			{
				abreError("Debes seleccionar los " + maximoPreguntasDestacadas + " temas que consideres ms importantes");
				objeto.checked = false;
			}
		}

		// Funcin que mete las preguntas importantes, verificando que han sido al menos tres
		function meteImportancia()
		{
			var arrayImportancia = devuelvePreguntasImportantes();

			if(arrayImportancia.length < maximoPreguntasDestacadas)
			{
				abreError("Debes seleccionar los " + maximoPreguntasDestacadas + " temas que consideres ms importantes");
				return false;
			}
			arrayPreguntasImportantes = arrayImportancia;


			_gel("p3").style.display = "none";

			preparaResultado();
		}

		function preparaResultado()
		{
			_gel("cargando").style.display="block";

			_IG_FetchXmlContent(urlRespuestas, respuestasCargadas, { refreshInterval: (5) });		
		}
		

		// Busca el nombre completo de un partido en  base a su nombre
		function buscaNombreCompleto(nombre)
		{
			var partidos = objRespuestas.getElementsByTagName("partido");
			for(var j=0;j<=partidos.length-1;j++)
			{
				var partido = partidos[j];
				if(partido.getAttribute("nombre") == nombre)
				{
					return partido.getAttribute("nombreCompleto");
					break;
				}
			}
			return "Ninguno";
		}


		// Busca el objeto del partido pasado por parmetro
		function buscaPartido(nombre)
		{
			var partidos = objRespuestas.getElementsByTagName("partido");
			for(var j=0;j<=partidos.length-1;j++)
			{
				var partido = partidos[j];
				if(partido.getAttribute("nombre") == nombre)
				{
					return partido;
					break;
				}
			}
			return undefined;
		}
		
		// Funcin que calcula los resultados del test
		function calculaResultado()
		{
			_gel("p4").style.display = "block";
			var pesos = objRespuestas.getElementsByTagName("peso");
			var partidos = objRespuestas.getElementsByTagName("partido");


			var urlEnvio = new String("http://89.17.194.50/youchoose/compatibilidad/g.php?func=guardar");

			for(var j=0;j<=partidos.length-1;j++)
			{
				var partido = partidos[j];

				var obj = new Object();
				obj.nombre = partido.getAttribute("nombre");
				obj.peso = 0;
				arrayPesosPorPartido.push(obj);
			}

			for(var i=0;i<=arrayRespuestas.length-1;i++)
			{
				urlEnvio += "&nRP" + (i+1) + "=" + arrayRespuestas[i];

				for(var j=0;j<=partidos.length-1;j++)
				{
					var partido = partidos[j];
					var respPartido = partido.getElementsByTagName("r" + (i+1)).item(0).firstChild.nodeValue;

					if(respPartido == arrayRespuestas[i])
					{
						var peso = pesos[i];
						var pesoActual = Number(peso.firstChild.nodeValue);
						if(arrayPreguntasImportantes.indexOf(i+1) != -1)
						{
							pesoActual *= 2;
						}
						var obj = new Object();
						obj.nombre = partido.getAttribute("nombre");
						obj.peso = 0;

						var enc = false;
						for(var x=0;x<=arrayPesosPorPartido.length-1;x++)
						{
							if(arrayPesosPorPartido[x].nombre == partido.getAttribute("nombre"))
							{
								obj = arrayPesosPorPartido[x];
								enc = true;
								break;
							}
						}

						obj.peso += pesoActual;
//						arrayPesosPorPartido[partido.getAttribute("nombre")] += pesoActual;

						if(!enc)
						{
							arrayPesosPorPartido.push(obj);;
						}
						else
						{
							arrayPesosPorPartido[x] = obj;
						}
					}
				}
			}


			var arrayPesosOrdenados = arrayPesosPorPartido.sort(sortNumber);
			var htmlResultados = new String();

			var cont=new Number(0);
			for(var i=0;i<=arrayPesosOrdenados.length-1;i++)
			{
				var resultado = arrayPesosOrdenados[i];
				if(buscaNombreCompleto(resultado.nombre) != "Ninguno")
				{
					cont++;
					var total = Number(resultado.peso)*100/Number(pesoTotalPreguntas);
					htmlResultados += '<div class="porcentaje" id="partido' + cont + '" onMouseOut="javascript:_gel(\'partido'+cont+'\').style.backgroundColor = \'#F4F4F4\';"			 onMouseOver="javascript:_gel(\'partido'+cont+'\').style.backgroundColor = \'#DEDEDE\';" onClick="javascript:comparaResultados(\''+resultado.nombre+'\',\''+total+'\')"><img src="http://youchoose.googlecode.com/svn/compatibilidad/img/'+resultado.nombre+'_g.gif">';

					htmlResultados += '	<div class="datos">'+buscaNombreCompleto(resultado.nombre)+'<br><span class="valor">'+Math.round(total)+'%</span>';
					htmlResultados += '<div class="total"><div class="medida" style="width: '+total+'%;"></div></div>';
					htmlResultados += '</div></div>';

					urlEnvio += "&nP" + String(resultado.nombre).toUpperCase() + "=" + Math.round(total);
				}

			}

			
//			htmlResultados += urlEnvio;
			_IG_FetchContent(urlEnvio, datosGrabados,{ refreshInterval: (5) }) 
			_gel("listaResultados").innerHTML = htmlResultados;
		}


		// Funcin que ordena por pesos
		function sortNumber(a, b)
		{
			return b.peso - a.peso;
		}
		// Funcin que devuelve el resultado de los datos grabados

		function datosGrabados(respuesta)
		{
//			_gel("listaResultados").innerHTML += respuesta;
			
		}
		// Funcin que vuelve a poner los resultados, volviendo de la comparativa
		function vuelveAResultados()
		{
			_gel("p4").style.display = "block";
			_gel("p5").style.display = "none";

			_gel("p4").scrollTop = 0;
			_gel("p5").scrollTop = 0;
		}

		// Funcin que vuelve al inicio, tras borrar todos los objetos antiguos
		function vuelveAInicio()
		{
			objPreguntas = new Object();

			objRespuestas = new Object();

			indiceActual = new Number();

			delete arrayRespuestas;
			arrayRespuestas = new Array();

			delete arrayPesosPorPartido;
			arrayPesosPorPartido = new Array();

			pesoTotalPreguntas = new Array();

			maximoPreguntasDestacadas = new Number(3);

			delete arrayPreguntasImportantes;
			arrayPreguntasImportantes = new Array();

			_gel("p1").style.display = "block";
			_gel("p4").style.display = "none";

			_gel("p1").scrollTop = 0;
			_gel("p4").scrollTop = 0;
		}

		// Funcin que saca la comparativa con un partido
		function comparaResultados(partido, porcentaje)
		{
			_gel("p4").style.display = "none";
			_gel("p5").style.display = "block";
			_gel("p4").scrollTop = 0;
			_gel("p5").scrollTop = 0;

			_gel("comparativaImagenPartido").src="http://youchoose.googlecode.com/svn/compatibilidad/img/"+partido+"_g.gif";
			_gel("comparativaNombreLargoPartido").innerHTML = buscaNombreCompleto(partido);
			_gel("comparativaPorcentaje").innerHTML = Math.round(porcentaje) + "%";

			_gel("comparativaBarra").style.width = porcentaje + "%";

			var partido = buscaPartido(partido);
			var htmlComparativa = new String();
			var htmlTextoPregunta = new String();
			var htmlTextoRespuesta = new String();
			var htmlTextoComentarioPartido = new String();
			for(var i=0;i<=objPreguntas.getElementsByTagName("pregunta").length-1;i++)
			{
				htmlTextoPregunta = "";
				var objPregunta = objPreguntas.getElementsByTagName("pregunta").item(i);
				var tipoPregunta = objPregunta.getElementsByTagName("tipo").item(0).firstChild.nodeValue;
				var textoPregunta = objPregunta.getElementsByTagName("texto").item(0).firstChild.nodeValue;
				var respuestas = objPregunta.getElementsByTagName("respuesta");

				htmlTextoPregunta += '<div class="pregunta"><strong>'+(i+1)+'. '+tipoPregunta+':</strong>  '+textoPregunta+'</div>';
				var respPartido = partido.getElementsByTagName("r" + (i+1)).item(0).firstChild.nodeValue;
				var commentPartido = partido.getElementsByTagName("r" + (i+1)).item(0).getAttribute("comment");
	
				htmlTextoRespuesta = "";
				for(var j=0;j<=respuestas.length-1;j++)
				{
					var respuesta = respuestas.item(j).firstChild.nodeValue;
					var clase="";


					if(arrayRespuestas[i] == (j+1)) // Si la respuesta actual y la del partido coinciden
					{
						if(respPartido == (j+1)) // Si coinciden adems con el partido
						{
							clase="respuesta_ambas";
						}
						else
						{
							clase="respuesta_mia";
						}
					}
					else
					{
						if(respPartido == (j+1)) // Si coindice con el partido
						{
							clase="respuesta_partido";
						}
						else
						{
							clase="respuesta_neutra";
						}
					}

					htmlTextoRespuesta += '<div class="'+clase+'">'+respuesta+'</div>';
				}

				htmlComparativa += htmlTextoPregunta + htmlTextoRespuesta;

				if(commentPartido != null)
				{
					htmlComparativa +=  '<p class="puntualizacion"><strong>*Puntualizaciones:</strong><br>'+commentPartido+'</p>';
				}

				if(i < objPreguntas.getElementsByTagName("pregunta").length-1) htmlComparativa += '<div class="separador_partidos"></div>';
			}

			_gel("comparativaContenido").innerHTML = htmlComparativa;
		}

		_IG_RegisterOnloadHandler(iniciaInterfaz);  
	</script>
  
  <link href="http://youchoose.googlecode.com/svn/compatibilidad/css/estilo.css" rel="stylesheet" type="text/css" />
  
  <center>
  <div class="gadget_warper">
  
  	<h1>Test de Compatibilidad Pol&iacute;tica</h1>
	
	<!-- Inicio Capa Cargando -->
	<div class="alert_warper" id="cargando" style="display: none">
		<div class="sombra" style="display: none"></div>
		<div class="alert">
			<p class="cargando">Cargando datos<br> <img src="http://youchoose.googlecode.com/svn/compatibilidad/img/rueda_cargando.gif"></p>
			
		</div>

	</div>
	<!-- Fin Capa Cargando -->

	<!-- Inicio Capa 1 -->
	<div class="content" id="p1">
		<!-- <h2>Test de Compatibilidad Pol&iacute;tica</h2> -->
		<p class="intro">T&uacute; tienes tu opini&oacute;n sobre las cosas y los pol&iacute;ticos la suya. Con este test sabr&aacute;s cual es tu <B>compatibilidad con cada partido</B>, y podr&aacute;s comparar tus respuestas con las que han dado los pol&iacute;ticos.</p>
		<div id="botonInicio" style="display:none;" class="boton"><div class="boton_dch"><div class="boton_izq"><a href="javascript:cargaPreguntas()">Iniciar Test</a></div></div></div>
		<img src="http://youchoose.googlecode.com/svn/compatibilidad/img/logos.jpg" alt="logos de los partidos pol&iacute;ticos">
		
	</div>
	<!-- Fin Capa 1 -->
		
	<!-- Inicio Capa 2 -->		
	<div class="content" id="p2" style="display: none;">
	
		<a name="top_compatibilidad"></a>
		
		<div class="indicador" id="contenedor_pasos">
		</div>
		
		<div class="pregunta"><strong><span id="tipoPregunta"></span></strong><span id="textoPregunta"></span></div>

		<form id="formpregunta">
		<div id="respuestas"></div>
		</form>
		
		<!-- Nuevo mensaje: obligacion contestar / Inicio -->
		<p class="mensaje_nocontestacion" id="mensaje_nocontestacion">Antes de pasar a la siguiente pregunta debes responder a esta.</p>		
		<!-- Nuevo mensaje: obligacion contestar / Fin -->
		
		
		<div class="boton" id="skinBoton"><div class="boton_dch"><div class="boton_izq"><a href="#" onClick="javascript:finalizaPregunta()" target="_self"><span id="textoBoton">Siguiente</span></a></div></div></div>
		
		
	</div>
	<!-- Fin Capa 2 --> 
	
	<!-- Inicio Capa 3 -->
	<div class="content" id="p3" style="display: none;">
		
		<div class="pregunta">Para terminar, elige <B>los tres temas</B> que consideres m&aacute;s importantes.</div>
		
		<form id="formimportancia">
		<div id="importanciaPreguntas"></div>
		</form>
		
		<div class="boton"><div class="boton_dch"><div class="boton_izq"><a href="#" onClick="javascript:meteImportancia()">Ver resultados</a></div></div></div>
	</div>
	<!-- Fin Capa 3 -->

	<!-- Inicio Capa 4 -->
	<div class="content" id="p4" style="display: none;">
		
		<p class="resultados">Haciendo click en un partido, puedes ver las respuestas de ese partido comparadas con las tuyas.</p>

		<div id="listaResultados"> </div>
		
		<!-- *** -->
		<br>
		<div class="boton"><div class="boton_dch"><div class="boton_izq"><a href="#" onClick="javascript:vuelveAInicio();">Volver al inicio</a></div></div></div>
		

	</div>
	<!-- Fin Capa 4 -->

	<!-- Inicio Capa 5 -->
	<div class="content" id="p5" style="display: none;">
		
		<div class="porcentaje_leyenda">
			<img id="comparativaImagenPartido" >
			
			<div class="datos">
				<span id="comparativaNombreLargoPartido"></span>
				<br>
				<span class="valor" id="comparativaPorcentaje"></span>
				<div class="total"><div class="medida" id="comparativaBarra" style="width: 75%;"></div></div>
			</div>
			
			<div class="leyenda">
				<div class="mia"><div class="leyenda_blanco"><div class="leyenda_mia"></div></div> &nbsp;Mi respuesta </div>
				<div class="partido"><div class="leyenda_blanco"><div class="leyenda_partido"></div></div> &nbsp;Respuesta del partido </div>
			</div>
			
		</div>
		
		<div class="separador_partidos"></div>

		<div id="comparativaContenido"></div>


		<div class="boton"><div class="boton_dch"><div class="boton_izq"><a href="#" onClick="javascript:vuelveAResultados();">Volver a resultados</a></div></div></div>


	</div>
	<!-- Fin Capa 5 -->

	<div class="alert_warper" id="mensajeError" style="display: none">
		<div class="sombra"></div>
		<div class="alert">
			<p><span id="textoError"></span></p>
			<div class="boton"><div class="boton_dch"><div class="boton_izq"><a href="#" onClick="javascript:cierraError();">Continuar</a></div></div></div>
		</div>
	</div>
	
	<!--enclace mas gadgets -->
	<a href="http://www.youtube.es/elecciones08" class="masgadgets" target="_blank">Youtube.es/elecciones08</a>
	<!-- Fin enlace mas gadgets -->

  </div>
  </center>
  ]]></Content>
</Module>