$(document).ready(function(){
    
    var inpAchternaam = $(".window input#inpAchternaam");
    var inpEmailadres = $(".window input#inpEmailadres");
    var inpVraag = $(".window textarea#inpVraag");
    var lineAchternaam = $(".window p#lineAchternaam");
    var lineEmailadres = $(".window p#lineEmailadres");
    var lineVraag = $(".window p#lineVraag");
    var lineAlert = $(".window p#lineAlert");
    var imgLineAchternaam = $(".window div.imgLineAchternaam");
    var imgLineEmailadres = $(".window div.imgLineEmailadres");
    var imgLineVraag = $(".window div.imgLineVraag");
    var imgLineAlert = $(".window div.imgLineAlert");
    
    function close() {
        $("#show").hide(); 
        $(".window").hide(); 
    }
    function unclose() {
        $("#show").show();
        $(".window").show();
        lineAchternaam.removeClass("alert");  
        lineEmailadres.removeClass("alert");
        lineVraag.removeClass("alert");
        lineAlert.removeClass("alert"); 
        imgLineAchternaam.css("visibility", "hidden"); 
        imgLineEmailadres.css("visibility", "hidden");
        imgLineVraag.css("visibility", "hidden");
        imgLineAlert.css("visibility", "hidden");
        inpAchternaam.attr("value","");
        inpEmailadres.attr("value","");
        inpVraag.attr("value","");
        lineAlert.html('U kunt contact met ons opnemen door het onderstaande contactformulier in te vullen.');
    }
    
    close();
    
    $(".text input").click(unclose);
    $("#close").click(close);
    
    $(".window p.btn input").click(function() {
        if (!inpAchternaam.attr("value")) {
            lineAchternaam.addClass("alert");
            imgLineAchternaam.css("visibility", "visible");
        } else {
            lineAchternaam.removeClass("alert");  
            imgLineAchternaam.css("visibility", "hidden");
        }
        if (!inpEmailadres.attr("value")) {
            lineEmailadres.addClass("alert");
            imgLineEmailadres.css("visibility", "visible");
        } else {
            lineEmailadres.removeClass("alert");
            imgLineEmailadres.css("visibility", "hidden");
        }
        if (!inpVraag.attr("value")) {
            imgLineVraag.css("visibility", "visible");
            lineVraag.addClass("alert");
        } else {
            lineVraag.removeClass("alert");
            imgLineVraag.css("visibility", "hidden");
        }
        if (!inpAchternaam.attr("value") || !inpEmailadres.attr("value") || !inpVraag.attr("value")) {
            imgLineAlert.css("visibility", "visible");
            lineAlert.addClass("alert");
            lineAlert.html('U heeft niet alle velden ingevuld. Hieronder kunt u zien welke velden nog niet ingevuld zijn.');
        } else {
            lineAlert.removeClass("alert");  
            imgLineAlert.css("visibility", "hidden");
            lineAlert.html('U kunt contact met ons opnemen door het onderstaande contactformulier in te vullen.');
        }
        if (inpAchternaam.attr("value") && inpEmailadres.attr("value") && inpVraag.attr("value"))
        	document.forms['contact_frm'].submit();
    });
    
});
