// Loïc Pennamen pour herewecom.fr
// 
// form recherche
		$().ready(function(){
			// /////////////////////////////////////////
			// SECTEUR D'ACTIVITÉ
			// V2
			// aff ou non des options
			// afficherLieux();
			function afficherSecteurs(sens){
				if(sens=='on'){
					$("#secteursCont").css({height: 'auto'}).animate({boxShadow: '0px 14px 20px #000'}, {duration:300, queue:false});
					$("#secteurs").animate({opacity: '1'}, {duration: 300, queue:false});
				}
				else{
					$("#secteursCont").animate({height: '46px', boxShadow: '0 0 0px #000'}, {duration: 300, queue:false});
					$("#secteurs").animate({opacity: '0.3', boxShadow: '0 0 0px #000'}, {duration: 300, queue:false});
				}
			}
			$("#secteurs input:checkbox").focus(function(){		afficherSecteurs('on');	});
			$("#secteurs").mouseenter(function(){				afficherSecteurs('on');	});
			$("*:not(#secteurs input)").focus(function(){		afficherSecteurs('off');	}); // focus sur autre chose
			$("#secteurs").mouseleave(function(){				afficherSecteurs('off');	});
			
			// comportement des clics sur régions
			$("#secteurs input.parent:checkbox[name='secteurs[]']").change(function(){	
				// tous ses enfants prennent sa valeur
				var checked=$(this).attr('checked');
				$(this).parent().siblings(".seclist").find("input:checkbox[name='secteurs[]']").attr('checked', checked);
				// CSS
				if(checked)
					$(this).parent().siblings(".seclist").find("label").addClass('up');
				else
					$(this).parent().siblings(".seclist").find("label").removeClass('up');
			});
			
			// comportement des clics sur depts
			$("#secteurs input.enfant:checkbox[name='secteurs[]']").change(function(){	
				// est-ce qu'ils sont tous cochés ?
				var checked=true;
				$(this).parent().parent().parent().find("input.enfant:checkbox[name='secteurs[]']").each(function(){
					// alert($(this).attr('checked'));
					// si l'un d'entre eux non, on décoche la région
					if($(this).attr('checked')==false) checked=false;
				});
				$(this).parents("li.parent").find("input:checkbox[name='secteurs[]']:first").attr('checked', checked);
				// CSS
				if(checked) 	$(this).parents("li.parent").find("label:first").addClass('up');
				else 			$(this).parents("li.parent").find("label:first").removeClass('up');
			});
			
			// comportement des clics sur secteurs
			$("#secteurs .choix input:checkbox").change(function(){	
				// CSS :
				if($(this).attr('checked')) $(this).parents("label:first").addClass('up');
				else 						$(this).parents("label:first").removeClass('up');
				//
				$("#toutSecteurs").attr('checked', false).parents("label").removeClass('up');
			});
			
			// Tout / rien
			$("#toutSecteurs").change(function(){	
				// tous ses enfants prennent sa valeur
				var checked=$(this).attr('checked');
				$("#secteurs").find("input:checkbox").attr('checked', checked);
				// CSS
				if(checked) 	$("#secteurs").find("label").addClass('up');
				else 			$("#secteurs").find("label").removeClass('up');
			});
			
			// V1
			/*
			// secteurs
			// $("#secteurs").hide();
			$("input[name='rech_secteur']").click(function(){
				$(this).focus();
				return false;
			});
			$("input[name='rech_secteur']").focus(function(){
				$("#secteurs").fadeIn();
				// nettoyage des choix
				$("#secteurs li .option:visible").removeClass('up');
			});
			$("input[name='rech_secteur']").blur(function(){
			// le blur est remplacé par un focus elsewhere
			// $("*[name!='rech_secteur']").focus(function(){
				$("#secteurs").fadeOut();
				// nettoyage des choix
				$("#secteurs li .option:visible").removeClass('up');
			});
			// sélection des éléments de la liste & mise en erreur ou pas
			$("input[name='rech_secteur']").keyup(function(k){
				// sauf cas des fleches
				if(k.keyCode != 37 && k.keyCode != 38 && k.keyCode != 39 && k.keyCode != 40 && k.keyCode != 13){
					var entry=$(this).val().toLowerCase();
					var val='';
					$("#secteurs li .option").each(function(){
						val=$(this).text().toLowerCase();
						if(val.indexOf(entry) == -1) 	
							$(this).addClass('off').hide();
							// $(this).addClass('off').fadeOut('fast');
						else							
							$(this).removeClass('off').show();
							// $(this).removeClass('off').fadeIn('fast');
					});
					
					var count = $("#secteurs li .option:not(.off)").length;
					if(count==0){
						// erreur : aucune suggestion restante
						$(this).addClass('erreurInput');
					}
					else{
						$(this).removeClass('erreurInput');
					}
				}
			});
			// navigation dans les éléments de la liste
			$("input[name='rech_secteur']").keydown(function(k){
				// BAS
				if (k.keyCode == 40){ 
					// position du premier élément sélectionné de la liste / le premier par défaut
					var poson = $("#secteurs li .option.up:visible:first").index("#secteurs li .option:visible");
					if(poson==-1)	poson=0;	
					else 			poson +=1;
					
					// s'il existe :
					if($("#secteurs li .option:visible:eq("+poson+")").length){
						// sélection de cet élément
						$("#secteurs li .option:visible").removeClass('up');
						$("#secteurs li .option:visible:eq("+poson+")").addClass('up');
					}
					// maj value
					$(this).val($("#secteurs li .option.up:first").text());
					return false;
				}
				// HAUT
				if (k.keyCode == 38){
					// position du dernier élément sélectionné de la liste / le dernier par défaut
					var poson = $("#secteurs li .option.up:visible:last").index("#secteurs li .option:visible");
					if(poson==-1)	poson=$("#secteurs li .option:visible").length -1;	
					else 			poson -=1;
					
					// s'il existe :
					if($("#secteurs li .option:visible:eq("+poson+")").length){
						// sélection de cet élément
						$("#secteurs li .option:visible").removeClass('up');
						$("#secteurs li .option:visible:eq("+poson+")").addClass('up');
					}
					// maj value
					$(this).val($("#secteurs li .option.up:first").text());
					return false;
				}
				// ENTREE
				if (k.keyCode == 13){
					choisirOptionSecteur($("#secteurs li .option.up:first"));
					return false;
				}
			});
			// sélection par clic, ou entrée, dans les éléments de la liste
			$("#secteurs li .option").click(function(){ choisirOptionSecteur($(this));});
			// sélection d'une option
			function choisirOptionSecteur(option){
				// alert('ok');
				$("#secteurs li .option:visible").removeClass('up');
				$(option).addClass('up');
				$("input[name='rech_secteur']").val($("#secteurs li .option.up:first").text());
				$("input[name='rech_lieux']").focus();
			}
			*/
			
			
			// /////////////////////////////////////////
			// /////////////////////////////////////////
			// ZONE GEOGRAPHIQUE
			// aff ou non des options
			// afficherLieux();
			function afficherLieux(sens){
				if(sens=='on'){
					$("#lieuxCont").css({height: 'auto'}).animate({boxShadow: '0px 14px 20px #000'}, {duration:300, queue:false});
					$("#lieux").animate({opacity: '1'}, {duration: 300, queue:false});
				}
				else{
					$("#lieuxCont").animate({height: '46px', boxShadow: '0 0 0px #000'}, {duration: 300, queue:false});
					$("#lieux").animate({opacity: '0.3', boxShadow: '0 0 0px #000'}, {duration: 300, queue:false});
				}
			}
			$("#lieux input:checkbox").focus(function(){	afficherLieux('on');	});
			$("#lieux").mouseenter(function(){				afficherLieux('on');	});
			$("*:not(#lieux input)").focus(function(){		afficherLieux('off');	}); // focus sur autre chose
			$("#lieux").mouseleave(function(){				afficherLieux('off');	});
			
			// comportement des clics sur régions
			$("#lieux input:checkbox[name='regions[]']").change(function(){	
				// tous ses enfants prennent sa valeur
				var checked=$(this).attr('checked');
				$(this).parent().siblings(".deplist").find("input:checkbox[name='depts[]']").attr('checked', checked);
				// CSS
				if(checked)
					$(this).parent().siblings(".deplist").find("label").addClass('up');
				else
					$(this).parent().siblings(".deplist").find("label").removeClass('up');
			});
			
			// comportement des clics sur depts
			$("#lieux input:checkbox[name='depts[]']").change(function(){	
				// est-ce qu'ils sont tous cochés ?
				var checked=true;
				$(this).parent().parent().parent().find("input:checkbox[name='depts[]']").each(function(){
					// si l'un d'entre eux non, on décoche la région
					if($(this).attr('checked')==false) checked=false;
				});
				$(this).parents("li.region").find("input:checkbox[name='regions[]']:first").attr('checked', checked);
				// CSS
				if(checked) 	$(this).parents("li.region").find("label:first").addClass('up');
				else 			$(this).parents("li.region").find("label:first").removeClass('up');
			});
			
			// comportement des clics sur dept + regions
			$("#lieux input:checkbox").change(function(){	
				// CSS :
				if($(this).attr('checked')) $(this).parents("label:first").addClass('up');
				else 						$(this).parents("label:first").removeClass('up');
			});
			
			// comportement des clics sur toute la France
			$("input#ttelafrance").change(function(){	
				if($(this).attr('checked')){
					$("li.region").find("input:checkbox").attr('disabled', 'disabled');
					$("li.region").slideUp("normal", function(){
						// $("#lieuxCont").css({height: '46px'});
					});
				}
				else{
					$("li.region").find("input:checkbox").attr('disabled', false);
					$("li.region").slideDown("normal", function(){
						// $("#lieuxCont").css({height: 'auto'});
					});
				}
			});
		});