$(document).ready(function() {
    $("#accordeonKitBasic").accordion({
        autoHeight:false,
        collapsible:true
    });
    $("#accordeonKitExterieur").accordion({
        autoHeight:false,
        collapsible:true
    });
    $("#accordeonKitMixte").accordion({
        autoHeight:false,
        collapsible:true
    });
    
    $("#accordeonReservoir").accordion({
        autoHeight:false,
        collapsible:true
    });
		
    //$(".contenuKitBasic").toggle();
    
    $(".contenu_onglet_2").css('display','none');
    $(".contenu_onglet_3").css('display','none');
    $(".contenu_onglet_4").css('display','none');

    $("#resultat").css('display','none');
    
    $("#col1 .contenu a.onglet_2").click(function(event){
        //event.preventDefault();
        var onglet = $(this).attr("class");
        //alert(onglet);
        $("#onglet_1").removeClass('ongletActif');
        $("#onglet_2").removeClass('ongletActif');
        $("#onglet_3").removeClass('ongletActif');
        $("#onglet_4").removeClass('ongletActif');
        $("#onglet_2").addClass('ongletActif');
        $(".contenu_onglet_2").css('display','block');
            $(".contenu_onglet_1").css('display','none');
            $(".contenu_onglet_3").css('display','none');
            $(".contenu_onglet_4").css('display','none');
        
    });
    

    $("#onglet_1").click(function(){
        $(this).addClass('ongletActif');
        $(".contenu_onglet_1").css('display','block');
        
        $("#onglet_2").removeClass('ongletActif');
        $("#onglet_3").removeClass('ongletActif');
        $("#onglet_4").removeClass('ongletActif');
        
        
        $(".contenu_onglet_2").css('display','none');
        $(".contenu_onglet_3").css('display','none');
        $(".contenu_onglet_4").css('display','none');
    });
		
   $("#onglet_2").click(function(){
        $(this).addClass('ongletActif');
        $(".contenu_onglet_2").css('display','block');
        
        $("#onglet_1").removeClass('ongletActif');
        $("#onglet_3").removeClass('ongletActif');
        $("#onglet_4").removeClass('ongletActif');
        
        
        $(".contenu_onglet_1").css('display','none');
        $(".contenu_onglet_3").css('display','none');
        $(".contenu_onglet_4").css('display','none');
    });
    
		
   $("#onglet_3").click(function(){
        $(this).addClass('ongletActif');
        $(".contenu_onglet_3").css('display','block');
        
        $("#onglet_1").removeClass('ongletActif');
        $("#onglet_2").removeClass('ongletActif');
        $("#onglet_4").removeClass('ongletActif');
        
        
        $(".contenu_onglet_1").css('display','none');
        $(".contenu_onglet_2").css('display','none');
        $(".contenu_onglet_4").css('display','none');
    });
    
    $("#onglet_4").click(function(){
        $(this).addClass('ongletActif');
        $(".contenu_onglet_4").css('display','block');
        
        $("#onglet_1").removeClass('ongletActif');
        $("#onglet_2").removeClass('ongletActif');
        $("#onglet_3").removeClass('ongletActif');
        
        
        $(".contenu_onglet_1").css('display','none');
        $(".contenu_onglet_2").css('display','none');
        $(".contenu_onglet_3").css('display','none');
    });

    $("#besoinEau").click(function(){
        $(this).addClass('ongletActif');
        $("#actualites").removeClass('ongletActif');
        $("#contenuCalculBesoinEau").css('display','block');
        if ('block'===$("#contenuActualites").css('display')){
            $("#contenuActualites").css('display','none');
        }
    });
    $("#actualites").click(function(){
        $(this).addClass('ongletActif');
        $("#besoinEau").removeClass('ongletActif');
        $("#contenuActualites").css('display','block');
        if ('block'===$("#contenuCalculBesoinEau").css('display')){
            $("#contenuCalculBesoinEau").css('display','none');
        }
    });
        $(".faq .reponse").hide();

    $(".faq h3").click(function(){
        $(".faq .reponse").hide();
        $(this).next(".reponse").toggle();
    });
    $("#annuler").click(function(){
        $("#resultat").css('display','none');
        $("#messageNbPersonnes").text('');
        $("#messageToit").text('');
        $("#messageSurface").text('');
        $("#messageCheneaux").text('');
        $("#messageNbPersonnes").text('');
    }
    );

    $("#formcalcul").submit(function (){
        if ("--"!=$("#zoneGeo").val()){
            $("#messageGeo").text('');
        }
        else {
            var erreurGeo="Attention ! Veuillez choisir une zone géographique.";
            $("#messageGeo").text(erreurGeo);
            return false;
        }
        if ("--"!=$("#toit").val()){
            $("#messageToit").text('');
        }
        else {
            var erreurToit="Attention ! Veuillez choisir un type de toit.";
            $("#messageToit").text(erreurToit);
            return false;
        }
        if ($("#surface").val().match(/^[0-9]+$/)){
            $("#messageSurface").text('');
        }
        else {
            var erreurSurface="Attention ! Veuillez saisir un nombre entier.";
            $("#messageSurface").text(erreurSurface);
            return false;
        }
        if ("--"!=$("#cheneaux").val()){
            $("#messageCheneaux").text('');
        }
        else {
            var erreurCheneaux="Attention ! Veuillez choisir un nombre de descente de cheneaux.";
            $("#messageCheneaux").text(erreurCheneaux);
            return false;
        }
        if ("--"!=$("#nbpersonnes").val()){
            $("#messageNbPersonnes").text('');
        }
        else {
            var erreurNbPersonnes="Attention ! Veuillez choisir le nombre de personnes au foyer.";
            $("#messageNbPersonnes").text(erreurNbPersonnes);
            return false;
        }
        //
        $("#besoinEau").addClass('ongletActif');
        $("#actualites").removeClass('ongletActif');
        $("#contenuCalculBesoinEau").css('display','block');
        $("#resultat").css('display','block');
        //
        var conso = (($("#nbpersonnes").val()*160*30*0.38)/1000)+' m3';
        var collecte = new Number ((($("#surface").val()/$("#cheneaux").val())*$("#zoneGeo").val()*$("#toit").val())/10);
        collecte = collecte.toFixed(2);
        $("#valeurCollecte").text(collecte+ " m3");
        $("#valeurConso").text(conso);
        return false;
    });
});