﻿function getRadioValue(radio){
	for(var i=0;i<radio.length;i++)
		if(radio[i].checked)
			return radio[i].value
	return null
}

function showPreview()
{
    var radio1 = document.forms[0].elements["radio"];
    var radio2 = document.forms[0].elements["radio2"];
    var radio3 = document.forms[0].elements["radio3"];
    var idMensajeria = document.getElementById("ctl00_ContentPlaceHolder1_idMensajeria");
    var ventana = document.getElementById("trans");
    var imgBoton = document.getElementById("imgBoton");
    
    var val1 = getRadioValue(radio1);
    var val2 = getRadioValue(radio2);
    var val3 = getRadioValue(radio3);
    
    if(val1 == null)
    {
        alert('Por favor elige un estilo de botón');
        return;
    }
    
    if(val2 == null)
    {
        alert('Por favor escoge un color');
        return;
    }
    
    if(val3 == null)
    {
        alert('Por favor escoge un mensaje');
        return;
    }
    
    if(idMensajeria.value == "")
    {
        alert('Por favor indica tu ID de mensajería');
        return;
    }
    
    if(!isEmail(idMensajeria.value))
    {
        alert('El ID de mensajería introducido no es correcto');
        return;
    }
    var imageSrc = "botones/type" + val1 + "_" + val2 + "_" + val3 + ".gif";
    document.getElementById("ctl00_ContentPlaceHolder1_hfImagen").value = imageSrc;
    ventana.style.display = "block";
    imgBoton.src = imageSrc;
}

function cancelar()
{
    var ventana = document.getElementById("trans");
    ventana.style.display = "none";
}

function isEmail(value)
{
    var re =/^(([a-zA-Z0-9_-])+\.)*([a-zA-Z0-9_-])+@(([a-zA-Z0-9_-])+\.)+([a-zA-Z0-9]){2,4}$/gi
    return re.test(value);
}

function showHelp(obj)
{
    var contenedor = document.getElementById("innerContent");
    var divs = contenedor.getElementsByTagName("div");
    for(var i=0;i<divs.length;i++)
    {
        divs[i].style.display = "none";
    }
    document.getElementById("c" + obj.value).style.display = "block";
}

function copyToClipboard()
{
    document.getElementById("sourceCode").createTextRange().execCommand("Copy");
}

function keyPress(evt)
{
    if(evt.keyCode==13)
    {
        document.getElementById("btnPreview").click();
        return false;
    }
    else
        return true;
}