//javascript solo
//ocultar mail para evitar spam
dominio="tecnoracks.com.ar";
conector="@";

function dame_correo(usuario){
   return usuario + conector + dominio;
}

function escribe_enlace_correo(usuario){
   document.write("<a href='mailto:" + dame_correo(usuario) + "'>" + dame_correo(usuario) + "</a>");
}


//formulario

function validarEmail(valor){
    if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/.test(valor)){
        //alert("La dirección de email " + valor + " es correcta.")
        return true;
    } else {
        alert("La dirección de email: " + valor + " es incorrecta.");
        return false;
    }
}

function enviar(){
    if(document.formulario.nombre.value==""){
        /*abrirPopup('popup');*/
        alert("El nombre es obligatorio");
        document.formulario.nombre.focus();
        return false;
    }
    if(document.formulario.telefono.value==""){
        /*abrirPopup('popup');*/
        alert("El telefono es obligatorio");
        document.formulario.telefono.focus();
        return false;
    }
    if(document.formulario.consulta.value==""){
        /*abrirPopup('popup');*/
        alert("La consulta es obligatoria");
        document.formulario.consulta.focus(); 
        return false;
    }
    if(document.formulario.mail.value==""){
        /*abrirPopup('popup');*/
        alert("El mail es obligatorio");
        document.formulario.mail.focus();
        return false;
    }else{
        if(validarEmail(document.formulario.mail.value)){
            //no hago nada, sigue mandando el formulario
        }else{
            return false;
        }
    }
    //el formulario se envia
    alert("Muchas gracias por enviar el formulario");
    document.formulario.submit();
}
function limpiar(){
    //aca limpio los campos mediante javascript, en el boton de borrar en html, pongo un parametro de "onclick=" i le pongo el nombre de esta funcion. Donde document es este documento, frm es el nombre del formulario (form), y usuario es el nombre del parametro "name" o "id"
    document.formulario.nombre.value="";
    document.formulario.mail.value="";
    document.formulario.telefono.value="";
    document.formulario.consulta.value="";
}

//jquery
$(document).ready(function(){    
    
    $("#alternativas").slideUp();
    $("#comparativo").slideUp();

    
    //aparecer/desaparecer imagen de integracion
    $("button#boton1, #alternativas img").click(function(){
        $("#alternativas").slideToggle("normal");
    });
    
    $("button#boton2, #comparativo img").click(function(){
        $("#comparativo").slideToggle("normal");
    });
    
    //coin-slider
    $('#coin-slider').coinslider({ 
        width: 946, 
        height:400, 
        navigation: true, 
        delay: 10000, //delay: 10000,
        effect: 'straight',
        links : false,
		spw: 4, // squares per width
		sph: 4, // squares per height
		sDelay: 40, // delay beetwen squares in ms
		opacity: 1, // opacity of title and navigation
    });
    
    
    //efecto en las imagenes
    $(".bloque1 img, .bloque2 img, .bloque3 img, .bloque4 img, .bloque5 img").hover(
    
    function(){
        $(this).fadeTo("fast",0.5);
    },
    
    function(){
        $(this).fadeTo("fast",1);
    }
    
    )


    $(".grupo2 img, .grupo3 img, .grupo4 img").hover(
    
    function(){
        $(this).fadeTo("fast",1);
    },
    
    function(){
        $(this).fadeTo("fast",0.8);
    }
    
    )
    
    //efecto especial de bloque4
    $(".bloque4").hover(
    
    function() {
        $(this).stop().animate({ backgroundColor: "#494949" }, 200);
    },
    
    function() {
        $(this).stop().animate({ backgroundColor: "#767676" }, 200);
    });
    
    
    //efecto especial de bloque5
    $(".bloque5").hover(
    
    function() {
        $(this).stop().animate({ backgroundColor: "#015A90" }, 200);
    },
    
    function() {
        $(this).stop().animate({ backgroundColor: "#0071B9" }, 200);
    });

});