$(document).ready(function() {
    $('#menu a')
        .css({ backgroundPosition: "-20px 35px" })
        .mouseover(function() {
            $(this).stop().animate({ backgroundPosition: "(-20px 94px)" }, { duration: 500 })
        })
        .mouseout(function() {
            $(this).stop().animate({ backgroundPosition: "(40px 35px)" }, { duration: 200, complete: function() {
                $(this).css({ backgroundPosition: "-20px 35px" })
            }
            })
        })
    });
//valida la dirección email.
function esEmailOK(email) {
    return (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/.test(email));
}
function contactar() {
    var form = document.formInfo;
    var texto = "";
    if (!form.Nombre.value) { texto += "- Falta introducir su Nombre.\n"; }
    if (!esEmailOK(form.Email.value)) { texto += "- Falta o es erróneo del e-mail para contestarte.\n"; }
    if (!form.Comentario.value) { texto += "- Falta introducir el motivo de contacto.\n"; }
    if (texto) {
        alert("Se han encontrado los siguientes errores:\n\n" + texto);
        return false;
    } else { return true; }
}

//Activa el tipo de solicitud
function activaTipoSolicitud() {
    if ($("#TipoSolicitud1:checked").val()) {
        //$("#NoSeleccion:visible").slideUp("slow");
        //$("#TipoPresupuesto:visible").slideUp("slow");
        //$("#TipoPedido:hidden").slideDown("slow");
        $("#NoSeleccion").hide();
        $("#TipoPresupuesto").hide();
        $("#TipoPedido").show("slow");
    } else if ($("#TipoSolicitud2:checked").val()) {
        //$("#NoSeleccion:visible").slideUp("slow");
        //$("#TipoPedido:visible").slideUp("slow");
        //$("#TipoPresupuesto:hidden").slideDown("slow");
        $("#NoSeleccion").hide();
        $("#TipoPedido").hide();
        $("#TipoPresupuesto").show("slow");
    } else {
        //$("#NoSeleccion:hidden").slideDown("slow");
        //$("#TipoPresupuesto:visible").slideUp("slow");
        //$("#TipoPedido:visible").slideUp("slow");
        $("#TipoPedido").hide();
        $("#NoSeleccion").show("slow");
        $("#TipoPresupuesto").hide();
    }
}
function queNumeroArticulo() {
    numArticulo = $("#Articulos > *:last").attr('id');
    if (numArticulo != "") {
        numArticulo = numArticulo.substr(numArticulo.length - 1, 1);
        numArticulo++;
    } else {
        numArticulo = 1;
    }
    return numArticulo;
}
function addArticulo() {
    var textoInsertar;
    var numArticulo = queNumeroArticulo();
    textoInsertar = '<div class="datosArticulo" id="Articulo'+numArticulo+'">';
    textoInsertar += '<select style="width:200px" name="Producto' + numArticulo + '" id="Producto' + numArticulo + '"><option value="">Selecciona >></option><optgroup label="Libros en Blanco"><option value="Libro Cuaderno DIN-A4">Cuaderno DIN-A4 (11,50&euro;)</option><option value="Libro Cuaderno DIN-A5">Cuaderno DIN-A5 (7&euro;)</option><option value="Libro Mi Diario">Mi Diario (8&euro;)</option></optgroup><optgroup label="Álbumes en Papel"><option value="Álbum 30x30">Álbum 30x30 (20&euro;)</option><option value="Álbum 25x25">Álbum 25x25 (16&euro;)</option><option value="Álbum Folio Vertical">Álbum Folio Vertical (16&euro;)</option><option value="Álbum 16x21 Apaisado">Álbum 16x21 Apaisado (11&euro;)</option></optgroup><optgroup label="Wire-o"><option value="Libreta DIN-A4 Vertical">Libreta DIN-A4 Vertical (9&euro;)</option><option value="Libreta DIN-A4 Apaisado">Libreta DIN-A4 Apaisado (9&euro;)</option><option value="Libreta 18 x 25 Vertical">Libreta 18 x 25 Vertical (6&euro;)</option><option value="Libreta 18 x 25 Apaisado">Libreta 18 x 25 Apaisado (6&euro;)</option><option value="Bloc de notas 14 x 21 Vertical">Bloc de notas 14 x 21 Vertical (5&euro;)</option><option value="Bloc de notas 14 x 21 Apaisado">Bloc de notas 14 x 21 Apaisado (5&euro;)</option><option value="Wire-o Álbum Folio Vertical">Álbum Folio Vertical (13&euro;)</option><option value="Wire-o Álbum Folio Apaisado">Álbum Folio Apaisado (13&euro;)</option><option value="Wire-o Álbum 14 x 21 Apaisado">Álbum 14 x 21 Apaisado (8&euro;)</option></optgroup><optgroup label="Otros Productos"><option value="Taco de notas 10x10">Taco de notas 10x10 (7,50&euro;)</option><option value="Minilistín Telefónico">Minilistín Telefónico (7&euro;)</option><option value="Carpeta de Anillas Folio Vertical">Carpeta de Anillas Folio Vertical (11&euro;)</option><option value="Punto de lectura">Punto de lectura (1&euro;)</option><option value="Bloc de Notas Sencillo">Bloc de Notas Sencillo (1,50&euro;)</option></optgroup></select>';
    textoInsertar += '<select style="width:150px" name="Disenyo' + numArticulo + '" id="Disenyo' + numArticulo + '"><option value="">Selecciona >></option><optgroup label="Reciclado Étnico"><option value="Reciclado Étnico Amarillo">Amarillo</option><option value="Reciclado Étnico Azul">Azul</option><option value="Reciclado Étnico Rojo">Rojo</option><option value="Reciclado Étnico Verde">Verde</option><option value="Reciclado Étnico Lila">Lila</option></optgroup><optgroup label="Reciclado Liso"><option value="Reciclado Liso Amarillo">Amarillo</option><option value="Reciclado Liso Azul">Azul</option><option value="Reciclado Liso Lila">Lila</option><option value="Reciclado Liso Gris Claro">Gris claro</option><option value="Reciclado Liso Rojo">Rojo</option><option value="Reciclado Liso Verde">Verde</option></optgroup><optgroup label="Reciclado Plantas"><option value="Reciclado Plantas Raintree">Raintree</option><option value="Reciclado Plantas Hojas marrón">Hojas marrón</option><option value="Reciclado Plantas Bambú">Bambú</option><option value="Reciclado Plantas Caótico">Caótico</option></optgroup><optgroup label="Reciclado Estampado"><option value="Reciclado Estampado Azul">Azul</option><option value="Reciclado Estampado Rojo">Rojo</option><option value="Reciclado Estampado Verde">Verde</option><option value="Reciclado Estampado Lila">Lila</option></optgroup><optgroup label="Escritura"><option value="Escritura Antiguo">Antiguo</option><option value="Escritura Caligrafía">Caligrafía</option><option value="Escritura Davinci">Davinci</option><option value="Escritura Japonés">Japonés</option><option value="Escritura Música">Música</option><option value="Escritura Plumilla">Plumilla</option></optgroup><optgroup label="Pieles"><option value="Pieles Surtido1">Surtido 1</option><option value="Pieles Surtido2">Surtido 2</option><option value="Pieles Surtido3">Surtido 3</option><option value="Pieles Surtido4">Surtido 4</option><option value="Pieles Surtido5">Surtido 5</option><option value="Pieles Surtido6">Surtido 6</option></optgroup><optgroup label="Telares Antago"><option value="Telares Antago Azul">Azul</option><option value="Telares Antago Rojo">Rojo</option><option value="Telares Antago Verde">Verde</option></optgroup><optgroup label="Telares Duotono"><option value="Telares Duotono Lila">Lila</option></optgroup><optgroup label="Telares Saco"><option value="Telares Saco Lila">Lila</option><option value="Telares Saco Naranja">Naranja</option></optgroup><optgroup label="Telares Mimbre"><option value="Telares Mimbre">Mimbre</option></optgroup><optgroup label="Infantil"><option value="Infantil Mariquitas">Mariquitas</option><option value="Infantil Pinocho">Pinocho</option><option value="Infantil Zoo">Zoo</option></optgroup><optgroup label="Futuro Metalizado"><option value="Futuro Metalizado Cobre">Cobre</option><option value="Futuro Metalizado Plata">Plata</option></optgroup></select>';
    textoInsertar += '<select style="width:250px" name="Opcional' + numArticulo + '" id="Opcional' + numArticulo + '"><option value="No">Ninguno</option><option value="Con lomo marrón">Con Lomo marrón (+1&euro;)</option><option value="Con lomo negro">Con Lomo negro (+1&euro;)</option><option value="Interior forrado">Carpeta Anillas: Forrado interior (+1&euro;)</option><option value="Interior forrado + lomo marrón">Carpeta Anillas: Forrado interior + Lomo marrón (+2&euro;)</option><option value="Interior forrado + lomo negro">Carpeta Anillas: Forrado interior + Lomo negro (+2&euro;)</option></select>';
    textoInsertar += '<input style="font-size:.9em;margin:2px 10px 0 0" name="Cantidad' + numArticulo + '" id="Cantidad' + numArticulo + '" size="4" maxlength="4" />';
    textoInsertar += '<input style="font-size:.9em" type="button" name="EliminarArticulo' + numArticulo + '" id="EliminarArticulo' + numArticulo + '" class="sendbutton" value="Eliminar" onclick="delArticulo(' + numArticulo + ');" />';
    textoInsertar += '</div>';
    $('#Articulos').append(textoInsertar);
}

function delArticulo(num) {
    var ArticuloEliminar = "#Articulo"+num
    $(ArticuloEliminar).remove();
}

function enviarPedido() {
    var texto = "";
    if ($("#TipoSolicitud1:checked").val()) {
        if (!$("#Cliente1:checked").val() && !$("#Cliente2:checked").val()) {
            texto += "- Selecciona un tipo de usuario (Particular o Empresa).\n";
        }
    }
    //if (!$("#TipoSolicitud1:checked").val() && !$("#TipoSolicitud2:checked").val()) {
    //    texto += "- Selecciona un tipo de solicitud (Presupuesto o Pedido).\n";
    //} else {
        if ($("#TipoSolicitud1:checked").val()) {
            if (!$("#NombrePedido").val()) { texto += "- Introducir el nombre.\n"; }
            if (!esEmailOK($("#EmailPedido").val())) { texto += "- Falta o es erróneo el e-mail de contacto.\n"; }
            if (!$("#Direccion").val()) { texto += "- Introducir la dirección postal.\n"; }
            if (!$("#CodigoPostal").val()) { texto += "- Introducir el código postal.\n"; }
            num = queNumeroArticulo();
            cont = 1;
            for (i = 1; i < num; i++) {
                if (typeof $("#Articulo" + i).css("display") != "undefined") {
                    if (!$("#Producto" + i).val()) { texto += "- Selecciona el producto del artículo " + cont + ".\n"; }
                    if (!$("#Disenyo" + i).val()) { texto += "- Selecciona el diseño del artículo " + cont + ".\n"; }
                    if (!$("#Cantidad" + i).val()) { texto += "- Introducir la cantidad del artículo " + cont + ".\n"; }
                    cont++;
                }
            }
        }
        if ($("#TipoSolicitud2:checked").val()) {
            if (!$("#NombrePresupuesto").val()) { texto += "- Introducir el nombre.\n"; }
            if (!esEmailOK($("#EmailPresupuesto").val())) { texto += "- Falta o es erróneo el e-mail de contacto.\n"; }
            if (!$("#ComentarioPresupuesto").val()) { texto += "- Introducir los detalles del presupuesto.\n"; }
        }
    //}
    
    if (texto) {
        alert("Por favor, revisa el formulario. Hay datos que faltan o son incorrectos:\n\n" + texto);
    } else {
        $("#cuantosArticulos").val(queNumeroArticulo() - 1);
        $("#formInfo").attr("disabled", "disabled");
        $("#formInfo").submit();
    }
    return false;
}

function contactar() {
    var texto = "";
    if (!$("#Nombre").val()) { texto += "- Introducir el nombre.\n"; }
    if (!esEmailOK($("#Email").val())) { texto += "- Falta o es erróneo el e-mail de contacto.\n"; }
    if (!$("#Comentario").val()) { texto += "- Introducir el comentario del mensaje.\n"; }
    
    if (texto) {
        alert("Por favor, revisa el formulario. Hay datos que faltan o son incorrectos:\n\n" + texto);
    } else {
        $("#formInfo").attr("disabled", "disabled");
        $("#formInfo").submit();
    }
    return false;
}