//------------------------------  Cargar la encuesta  ---------------------------------------------
//ID Boton Enviar:           enc_send
//ID Boton Ver Resultados:   enc_results
//$('input[name=gender]:radio')

$(document).ready(function(){

    $('#mostrar_encuesta').hide();

    //Presiono el Boton Enviar
    $('.enc_send').click(function(){
        var seleccionado = document.getElementsByName('radio');
        var valor = "";
        for(i=0; i<seleccionado.length; i++){
            if(seleccionado[i].checked){
                valor = seleccionado[i].value;
                seleccionado[i].checked = false;
            }
        }
        if(valor == ""){
            alert("Para enviar la encuesta, debe marcar alguna de las opciones");
        }else{
            $.ajax({
                type: "POST",
                url: 'guardarEncuesta.php',
                data: "resp=" + valor,
                success: function(datos){
                    auxHTML = graficaEncuesta(datos);
                    $('#mostrar_encuesta').html(auxHTML);
                    $('#mostrar_encuesta').modal();
                }
            });
        }
    });

    $('.enc_results').click(function(){
       var encuesta = $('#enc_id').val();
        $.ajax({
                type: "POST",
                url: 'resultadoEncuesta.php',
                data: "encuesta=" + encuesta, 
                success: function(datos){
                    auxHTML = graficaEncuesta2(datos);
                    $('#mostrar_encuesta').html(auxHTML);
                    $('#mostrar_encuesta').modal();
                }
        });
    });  
});

function graficaEncuesta(datos){
    var texto = datos.split('&');
    var textoOP = texto[2].split(',');
    var auxHTML = "";
    var textOPC;
    var ancho;
    var color;
    var colorb;
    auxHTML = '<b>'+texto[1]+'</b><br><br>';
    for(i = 0; i < textoOP.length; i++){
        textOPC = textoOP[i].split('-');
        ancho = (parseInt(textOPC[1])/parseInt(texto[3]))*300;
        colorb = generarColor();
        if(ancho > 0)
            color = "#FFFFFF";
        else
            ancho = 0;
            color = "#003366";
        auxHTML += '<div style="text-align:left; margin-left:10px;"><b>- '+textOPC[0]+'</b></div><br>'+
                   '<div style="background-color:' + colorb + '; text-align:center; width:'+ancho+'px; margin-left:10px; color:'+color+';">'+
                   parseInt(ancho/3)+'%</div><br>';
    }
    auxHTML += '<br><br><div style="color:#003366; text-align:center;"><b>Total Votos: '+texto[3]+'</b></div>';
    auxHTML += '<br><div style="color:#CC0000; text-align:center;"><b>'+texto[0]+'</b></div>';
    return auxHTML;
}

function graficaEncuesta2(datos){
    var texto = datos.split('&');
    var textoOP = texto[1].split(',');
    var auxHTML = "";
    var textOPC;
    var ancho;
    var color;
    var colorb;
    auxHTML = '<b>'+texto[0]+'</b><br><br>';
    for(i = 0; i < textoOP.length; i++){
        textOPC = textoOP[i].split('-');
        ancho = (parseInt(textOPC[1])/parseInt(texto[2]))*300;
        colorb = generarColor();
        if(ancho > 0)
            color = "#FFFFFF";
        else
            ancho = 0;
            color = "#003366";
        auxHTML += '<div style="text-align:left; margin-left:10px;"><b>- '+textOPC[0]+'</b></div><br>'+
                   '<div style="background-color:' + colorb + '; text-align:center; width:'+ancho+'px; margin-left:10px; color:'+color+';">'+
                   parseInt(ancho/3)+'%</div><br>';
    }
    auxHTML += '<br><br><div style="color:#003366; text-align:center;"><b>Total Votos: '+texto[2]+'</b></div>';
    return auxHTML;
}