var Encuesta = {
	start: function(){
		Encuesta.cargaEncuesta();
	},
	cargaEncuesta: function(){
		var jSonRequest = new Json.Remote('/encuesta.json', {
			method: 'get',
			encoding: 'utf-8',
			onComplete: function(encuesta){
				Encuesta.muestraEncuesta(encuesta);
		}}).send();
	},
	muestraEncuesta:function(datos){
		datos_encuesta_actual=datos;
		var textohtml='<span class="encuesta_texto"><strong>'+datos.pregunta+'</strong></span>\n';
		textohtml+='<form name="encuesta_form" id="encuesta_form" class="encuesta_form" action="#">\n';
		textohtml+='<span class="form_boton"><input name="respuesta" type="radio" value="1" id="enc_boton1" /></span><label for="enc_boton1" class="form_text">'+datos.respuesta1+'</label><span class="clear"></span>\n';
		textohtml+='<span class="form_boton"><input name="respuesta" type="radio" value="2" id="enc_boton2" /></span><label for="enc_boton2" class="form_text">'+datos.respuesta2+'</label><span class="clear"></span>\n';
		if(datos.respuesta3){
			textohtml+='<span class="form_boton"><input name="respuesta" type="radio" value="3" id="enc_boton3" /></span><label for="enc_boton3" class="form_text">'+datos.respuesta3+'</label><span class="clear"></span>\n';
		}
		if(datos.respuesta4){
			textohtml+='<span class="form_boton"><input name="respuesta" type="radio" value="4" id="enc_boton4" /></span><label for="enc_boton4" class="form_text">'+datos.respuesta4+'</label><span class="clear"></span>\n';
		}
		textohtml+='<input type="hidden" name="id" value="'+datos.id+'" />'
		textohtml+='</form>\n';
		$('encuesta_contenido').setHTML(textohtml);
		$$('#encuesta_contenido span.form_boton input').addEvent('click', function(){
			Encuesta.enviaresultados();
		});
	},
	enviaresultados:function(){
		$$('#encuesta_contenido span.form_boton input').each(function(objeto){
			if(objeto.checked){
				respuesta=objeto.value;
			}
		})
		id=document.encuesta_form.id.value;
		$('encuesta_contenido').setHTML('<div id="encuesta_loader"></div>');
		var jSonRequest = new Json.Remote('/encuesta_nueva.json?id='+id+'&respuesta='+respuesta, {
			method: 'get',
			encoding: 'utf-8',
			onComplete: function(encuesta){
				Encuesta.muestraRespuesta(encuesta);
		}}).send();
	},
	muestraRespuesta:function(datos_respuestas){
		var textohtml='<span class="encuesta_texto"><strong>Resultados de la encuesta hasta el momento ('+datos_respuestas.votos+' votos):</strong><br />"'+datos_encuesta_actual.pregunta+'"</span>\n';
		var respuestas=Array(datos_encuesta_actual.respuesta1,datos_encuesta_actual.respuesta2,datos_encuesta_actual.respuesta3,datos_encuesta_actual.respuesta4);
		
		datos_respuestas.respuestas.each(function(objeto,indice){
			ancho=Math.round(objeto*0.8)
			//if(objeto>-8){
				//textohtml+='<div clase="respuesta">·'+respuestas[indice]+': <div style="width:'+ancho+'px; padding:1px 0px 2px 0px; margin-left:6px; background-color:#c1bfbf; text-align:right;"> <strong style="color:#fff; margin-right:4px;">'+objeto+'%</strong></div></div>\n';
			//} else {
				//textohtml+='<div clase="respuesta">·'+respuestas[indice]+': <div style="float:left; width:'+ancho+'px; padding:1px 0px 2px 0px;  margin-left:6px; background-color:#c1bfbf;">&nbsp;</div><strong style="display:block; float:left;">'+objeto+'%</strong><div style="clear:both;"></div></div>\n';
			//}
			textohtml+='<div clase="respuesta">·'+respuestas[indice]+': <div class="barra" style="background-position:-'+(79-ancho)+'px;"> <strong style="padding-left:'+(ancho+2)+'px;">'+objeto+'%</strong></div></div>\n';
		});
		
		$('encuesta_contenido').setHTML(textohtml);
	}
	
	
	
}

window.addEvent('load',function(){
	Encuesta.start();
	});