$(document).ready(function() {

  $("#f_particulier").change(function() {
	$(".fOrga").hide(); 	
	$(".fFonction").hide();	
	$(".fWebSite").hide();	
  });
  
  $("#f_association").change(function() {
	$(".fOrga").show(); 	
	$(".fFonction").show();	
	$(".fWebSite").show();	
  });
  
  $("#f_entreprise").change(function() {
	$(".fOrga").show(); 	
	$(".fFonction").show();	 
	$(".fWebSite").show();	
  });
  


  
  
  
  //
  // => Choix du sujet de la prise de contact
  //

  $("#f_sujet").change(function() {

    // Contacter l'association e-accessibility
    if ($(this).val() == "contactAsso") {
          $("#formSup").remove();
          $("#subFormAdd").remove();
		  
    }


    // Contacter nos experts
    if ($(this).val() == "contactExperts") {
          $("#formSup").remove();
          $("#subFormAdd").remove();
          $("#formAdd").append('<div id="formSup"> \
                                <div class="field"> \
                                  <label for="f_quiContact">Qui souhaitez-vous <br />contacter</label> \
                                  <select id="f_quiContact" name="f_quiContact"> \
                                    <option value="">Faites votre choix...</option> \
                                    <option value="expertAccessi">Expert en accessibilité Web</option> \
                                    <option value="expertEmploi">Expert en emploi et handicap</option> \
                                    <option value="expertBraille">Expert en communication braille</option> \
                                    <option value="expertLsf">Expert en Langage des Signes Français (LSF)</option> \
                                  </select> \
                                </div><br /> \
                                </div>');
								
								
								
								
		var rFind = $("#formAdd").find("#f_quiContact"); 
		rFind.change(function() {
			if ($(this).val() == "expertAccessi") {
				$("#subFormAdd").remove();
				$("#formAdd").append('<div id="subFormAdd"> \
									<div class="field"> \
									  <label for="f_quiContactAccessi">Choisissez l\'expert de <br />votre choix</label> \
									  <select id="f_quiContactAccessi" name="quelExpert"> \
										<option value="">Faites votre choix...</option> \
										<option value="ipedis">Ipedis</option> \
										<option value="qelios">Qelios</option> \
										<option value="ideose">Ideose</option> \
										<option value="urbilog">Urbilog</option> \
										<option value="sqli">Sqli Group</option> \
										<option value="ecedi">Ecedi</option> \
										<option value="gravelet">Gravelet Multimedia</option> \
										<option value="axtand">Axtand</option> \
									  </select> \
									</div><br /> \
									</div>');
				$("#subFormAdd").effect('highlight', {color: '#15AEE0'}, 2000); 
			}
			if ($(this).val() == "expertEmploi") {
				$("#subFormAdd").remove();
				$("#formAdd").append('<div id="subFormAdd"> \
									<div class="field"> \
									  <label for="f_quiContactEmploi">Choisissez l\'expert de <br />votre choix</label> \
									  <select id="f_quiContactEmploi" name="quelExpert"> \
										<option value="">Faites votre choix...</option> \
										<option value="hanploi">Hanploi</option> \
										<option value="handicv">Handi-CV</option> \
										<option value="emploipublic">Emploipublic</option> \
										<option value="missionhandicap">Mission Handicap</option> \
										<option value="handicap">Handicap</option> \
										<option value="handicapjob">Handicap-job</option> \
										<option value="handiforces">Handiforces</option> \
										<option value="jobekia">Jobekia</option> \
									  </select> \
									</div><br /> \
									</div>');
				$("#subFormAdd").effect('highlight', {color: '#15AEE0'}, 2000); 
			}
			if ($(this).val() == "expertBraille") {
				$("#subFormAdd").remove();
				$("#formAdd").append('<div id="subFormAdd"> \
									<div class="field"> \
									  <label for="f_quiContactBraille">Choisissez l\'expert de <br />votre choix</label> \
									  <select id="f_quiContactBraille" name="quelExpert"> \
										<option value="">Faites votre choix...</option> \
										<option value="imprimerielaville">Imprimerie Laville</option> \
										<option value="assovalentin">Association Valentin Haüy</option> \
									  </select> \
									</div><br /> \
									</div>');
				$("#subFormAdd").effect('highlight', {color: '#15AEE0'}, 2000); 
			}
			if ($(this).val() == "expertLsf") {
				$("#subFormAdd").remove();
				$("#formAdd").append('<div id="subFormAdd"> \
									<div class="field"> \
									  <label for="f_quiContactLsf">Choisissez l\'expert de <br />votre choix</label> \
									  <select id="f_quiContactLsf" name="quelExpert"> \
										<option value="">Faites votre choix...</option> \
										<option value="visuel">Visuel</option> \
										<option value="umpc">Upmc</option> \
										<option value="les2mains">Les 2 mains</option> \
										<option value="aris">Aris</option> \
										<option value="websoud">Websourd</option> \
									  </select> \
									</div><br /> \
									</div>');
				$("#subFormAdd").effect('highlight', {color: '#15AEE0'}, 2000); 
			}
		});
		
		
		
		var rrFind = $("#formAdd").find("#f_quiContact"); 
		rrFind.change(function() {
			if ($(this).val() == "expertAccessi") {
				$("#subFormAdd").remove();
				$("#formAdd").append('<div id="subFormAdd"> \
									<div class="field"> \
									  <label for="f_quiContactAccessi">Choisissez l\'expert de <br />votre choix</label> \
									  <select id="f_quiContactAccessi" name="quelExpert"> \
										<option value="">Faites votre choix...</option> \
										<option value="ipedis">Ipedis</option> \
										<option value="qelios">Qelios</option> \
										<option value="ideose">Ideose</option> \
										<option value="urbilog">Urbilog</option> \
										<option value="sqli">Sqli Group</option> \
										<option value="ecedi">Ecedi</option> \
										<option value="gravelet">Gravelet Multimedia</option> \
										<option value="axtand">Axtand</option> \
									  </select> \
									</div><br /> \
									</div>');
				$("#subFormAdd").effect('highlight', {color: '#15AEE0'}, 2000); 
			}
			if ($(this).val() == "expertEmploi") {
				$("#subFormAdd").remove();
				$("#formAdd").append('<div id="subFormAdd"> \
									<div class="field"> \
									  <label for="f_quiContactEmploi">Choisissez l\'expert de <br />votre choix</label> \
									  <select id="f_quiContactEmploi" name="quelExpert"> \
										<option value="">Faites votre choix...</option> \
										<option value="hanploi">Hanploi</option> \
										<option value="handicv">Handi-CV</option> \
										<option value="emploipublic">Emploipublic</option> \
										<option value="missionhandicap">Mission Handicap</option> \
										<option value="handicap">Handicap</option> \
										<option value="handicapjob">Handicap-job</option> \
										<option value="handiforces">Handiforces</option> \
										<option value="jobekia">Jobekia</option> \
									  </select> \
									</div><br /> \
									</div>');
				$("#subFormAdd").effect('highlight', {color: '#15AEE0'}, 2000); 
			}
			if ($(this).val() == "expertBraille") {
				$("#subFormAdd").remove();
				$("#formAdd").append('<div id="subFormAdd"> \
									<div class="field"> \
									  <label for="f_quiContactBraille">Choisissez l\'expert de <br />votre choix</label> \
									  <select id="f_quiContactBraille" name="quelExpert"> \
										<option value="">Faites votre choix...</option> \
										<option value="imprimerielaville">Imprimerie Laville</option> \
										<option value="assovalentin">Association Valentin Haüy</option> \
									  </select> \
									</div><br /> \
									</div>');
				$("#subFormAdd").effect('highlight', {color: '#15AEE0'}, 2000); 
			}
			if ($(this).val() == "expertLsf") {
				$("#subFormAdd").remove();
				$("#formAdd").append('<div id="subFormAdd"> \
									<div class="field"> \
									  <label for="f_quiContactLsf">Choisissez l\'expert de <br />votre choix</label> \
									  <select id="f_quiContactLsf" name="quelExpert"> \
										<option value="">Faites votre choix...</option> \
										<option value="visuel">Visuel</option> \
										<option value="umpc">Upmc</option> \
										<option value="les2mains">Les 2 mains</option> \
										<option value="aris">Aris</option> \
										<option value="websoud">Websourd</option> \
									  </select> \
									</div><br /> \
									</div>');
				$("#subFormAdd").effect('highlight', {color: '#15AEE0'}, 2000); 
			}
		});
        
		$("#formSup").effect('highlight', {color: '#15AEE0'}, 2000); 
    }

    
    // Devenir expert agréé
    if ($(this).val() == "devenirExpert") {
          $("#formSup").remove();
		  $("#subFormAdd").remove();
          $("#formAdd").append('<div id="formSup"> \
                                <div class="field"> \
                                  <label for="f_domaine">Quel est votre domaine <br />de compétence</label> \
                                  <select id="f_domaine" name="f_domaine"> \
                                    <option value="">Faites votre choix...</option> \
                                    <option value="expertEmploi">Expert en emploi et handicap</option> \
                                    <option value="expertAccessibilite">Expert en accessibilité Web</option> \
                                    <option value="expertBraille">Expert en communication braille</option> \
                                    <option value="expertLsf">Expert en Langage des Signes Français (LSF)</option> \
                                    <option value="expertAutre">Autre ...</option> \
                                  </select> \
                                </div><br /> \
                                </div>');
          $("#formSup").effect('highlight', {color: '#15AEE0'}, 2000);
		  
		  
		  
		  
		  var rrFind = $("#formAdd").find("#f_domaine");
		  rrFind.change(function() {
			if ($(this).val() == "expertAccessibilite") {
				$("#subFormAdd").remove();
				$("#formAdd").append('<div id="subFormAdd"> \
										<div class="field"> \
									  <input type="checkbox" id="f_logo" name="f_logo" value="yes"> \
									  <label for="f_logo">Recevoir le logo HD</label> \
									</div><br /> \
									<div class="field"> \
									  <input type="checkbox" id="f_charte" name="f_charte" value="yes"> \
									  <label for="f_charte">Accepter la charte</label> \
									</div><br /> \
									</div>');
				$("#subFormAdd").effect('highlight', {color: '#15AEE0'}, 2000); 
			}
			if ($(this).val() == "expertEmploi") {
				$("#subFormAdd").remove();
				$("#subFormAdd").effect('highlight', {color: '#15AEE0'}, 2000); 
			}
			if ($(this).val() == "expertBraille") {
				$("#subFormAdd").remove();
				$("#subFormAdd").effect('highlight', {color: '#15AEE0'}, 2000); 
			}
			if ($(this).val() == "expertLsf") {
				$("#subFormAdd").remove();
				$("#subFormAdd").effect('highlight', {color: '#15AEE0'}, 2000); 
			}
			if ($(this).val() == "expertAutre") {
				$("#subFormAdd").remove();
				$("#subFormAdd").effect('highlight', {color: '#15AEE0'}, 2000); 
			}
		  });
    }


    // Devenir mécène
    if ($(this).val() == "devenirMecene") {
          $("#formSup").remove();
          $("#subFormAdd").remove();
    }


    // Devenir partenaire
    if ($(this).val() == "devenirPartenaire") {
          $("#formSup").remove();
          $("#subFormAdd").remove();
          $("#formAdd").append('<div id="formSup"> \
                                <div class="field"> \
                                  <label for="f_statut">Votre statut</label> \
                                  <select id="f_statut" name="f_statut"> \
                                    <option value="">Faites votre choix...</option> \
                                    <option value="asso">Association</option> \
                                    <option value="societe">Société</option> \
                                    <option value="autre">Autre ...</option> \
                                  </select> \
                                </div><br /> \
                                <div class="field"> \
                                  <label for="f_activite">Votre activité</label><br /> \
                                  <textarea id="f_activite" name="f_activite"></textarea> \
                                </div> \
                                </div>');
          $("#formSup").effect('highlight', {color: '#15AEE0'}, 2000); 
    }


    // Labelliser votre site
    if ($(this).val() == "labelliserSite") {
      $("#formSup").remove();
      $("#subFormAdd").remove();
      $("#formAdd").append('<div id="formSup"> \
                            <div class="field"> \
                              <label for="f_labelurl">Indiquez l\'URL de <br />votre site web</label><br /> \
                              <input type="text" id="f_labelurl" name="f_labelurl" /> \
                            </div> \
                            </div>');
      $("#formSup").effect('highlight', {color: '#15AEE0'}, 2000);
    }


    // Labelliser votre publication
    if ($(this).val() == "labelliserPublication") {
      $("#formSup").remove();
      $("#subFormAdd").remove();
      $("#formAdd").append('<div id="formSup"> \
                            <div class="field"> \
                              <label for="f_labelpub">Indiquez l\'URL de <br />votre publication</label><br /> \
                              <input type="text" id="f_labelpub" name="f_labelpub" /> \
                            </div> \
                            </div>');
      $("#formSup").effect('highlight', {color: '#15AEE0'}, 2000);
    }


    // Communiquer sur notre site
    if ($(this).val() == "commSite") {
          $("#formSup").remove();
          $("#subFormAdd").remove();
    }



    // Autre ...
    if ($(this).val() == "autre") {
          $("#formSup").remove();
          $("#subFormAdd").remove();
    }




  });

});





$(document).ready(function() {

  $("#f_connuSite").change(function() {
  });

});