/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
var J = jQuery.noConflict();

J(document).ready(function(){
   var menuTop = new menu("#menu");
   var menuSearch = new menu("#search");
   
   
   //deploiement du formulaire devis
    J(".listeImages").find("a").click(function(){       
       // alert(classDiv);
       J(".listeImages").find("a").each(function(){
           var classDiv = "div." + J(this).attr('id');
           J(classDiv).css('display', 'none');
       });
       
        var classDiv = "div." + J(this).attr('id');
        J(classDiv).css({'display': 'block', 'opacity' : 0});
        J(classDiv).animate({'opacity' : "1"}, 500);
        J("div.coordonnee, div.formDate, div.autreProduit, div.devis input[type=\"submit\"]").css({'display': 'block', 'opacity' : 0});
        J("div.coordonnee, div.formDate, div.autreProduit, div.devis input[type=\"submit\"]").animate({'opacity' : "1"}, 500);
        
        //baisser l'opacité des autres images
        J(".listeImages").find("img").animate({'opacity' : '0.5'}, 300);
        J(this).find('img').animate({"opacity" : "1"}, 300);
        
        return false;
    });
    
    //ajout d'un champ textarea si on check "autre produit"
    J("input[name=\"autreProduit\"]").click(function(){
        var html = "<textarea name=\"autreProduit\"></textarea>"
        if(J(this).attr("checked")){
           J(this).after(html);
        }
        if(!J(this).attr("checked")){
           J("textarea[name=\"autreProduit\"]").remove();
        }        
    });
    
    //verification des informations du formulaire
    J("form").submit(function(){
        //initialisation du detecteur d'erreurs'
        var errorFound = false;
        
        J(this).find('input.must').each(function(){
            if(J(this).attr('value')==''){
                J(this).css({"background" : "#EEE"});
                errorFound = true;
            }
        });
        if(errorFound){
            alert("Certains champs obligatoires n'ont pas été correctement renseignés");
            return false;
        }
    });
    
    
    //vérification du formulaire avant édition des coordonnées
    J('.coordonnee input').click(function(){
        check = false;
        J(".listeImages a").each(function(){
            var listeImage = this;

            var id = J(this).attr('id');
            var select = "." + id + " input";

            J(select).each(function(){
                if(J(this).attr('value') != ""){
                    check = true;
                }
            });
        });
        
        if(!check){
            J('body').append('<div class="message"><p>Veuillez choisir un secteur d\'activité et remplir les champs correspondants</p><a href="#">ok</a></div>');

            J('div.message a').click(function(){
              J('div.message').css({'display' : 'none'});
              return false;
            });
        }
    });
    
    //s'il n'y a pas de div listeImage, on désactive la vérification du formulaire
    if(J(".listeImages").html() == null){J('.coordonnee input').unbind()}
    
    //ajouter un produit
    var compteProduit = 1;
    J('a.ajouter').click(function(){
        compteProduit ++;
        J("tr.ajouter").before("<hr/>");
        J(".ListeCases .toBeCopyied").clone().removeClass().addClass('justCopyied').insertBefore("tr.ajouter");
        J(".ListeCases .justCopyied").find("input").each(function(){
            this.newName = J(this).attr("name") + " (produit " + compteProduit + ")";
            J(this).attr("name", this.newName);
            J(this).attr("value", "");
        });
        
        return false;
    });
    
    //effacer le message
    J('div.message a').click(function(){
       J('div.message').css({'display' : 'none'});
       J(this).unbind();
       return false;
    });
        

});


//fonction pour le menu animee
var menu = function(id){
    var menu = J(id);
    var self = this;
        
        //deroulage du sousmenu
        menu.find(".menu li").hover(function(){
            
            this.offset = J(this).position();
            this.height = J(this).find(".dropdown").height();
            J(this).find(".dropdown").css({"left" : 0, "display":"block", "height": '0px'}).animate({'height' : this.height}, 300);
            
        },

        function(){           
            J(this).find(".dropdown").css("display","none");
        });    
        
    }