$(document).ready(function(){

	// Charger les faq et les positionner
	$("#blockd_faq").load("/faq/jq/2/", function(){
		$("#faq_cadre").width($('#faq #faq_cadre .faqitem').length*210);
		
		$('.droite').click(function(){
			if($('#faq_cadre').width()+$('#faq_cadre').position().left > 410 ){
				$('#faq_cadre').animate({left:$('#faq_cadre').position().left-210},200);
			}
			else{
				$('#faq_cadre').animate({left:0},200);
			}
				
		});		
		$('.gauche').click(function(){
			if($('#faq_cadre').position().left < -209 ){
				$('#faq_cadre').animate({left:$('#faq_cadre').position().left+210},200);
			}
			else {
				$('#faq_cadre').animate({left:0},200);
			}
					
		});		
		
		
		}
	);
	// autocomplete de ville 
	$('#id_ville_du_bien').autocomplete('/ville/jq/',{minChars: 2, max:30, delay:300});
	$('#id_ville').autocomplete('/ville/jq/',{minChars: 2, max:30, delay:300});
	$('#id_ville_du_syndic').autocomplete('/ville/jq/',{minChars: 2, max:30, delay:300});
	
	// cache les champs optionnels 
	$('#un21').hide(); // nom du syndic
	$('#un22').hide(); // adresse du syndic
	$('#un23').hide(); // ville du syndic 
	
	$('#deux5').hide(); //nom de sci 
	$('#deux6').hide(); // prenom gerant
	$('#deux7').hide(); // nom gerant
	$('#trois2').hide(); // email 
	
	
	// pour etre sur d afficher le loyer et les charges	
	if ($('#id_loyer:hidden')){
		$('#un24').show();
		$('#un25').show();
		
	};
	
	
	// passe l'email comme username	
	$('#deux8 #id_email').change(function(){
		var cont = $('#id_email').val();		
		$('#id_username').val(cont);
		$('#trois2 #id_email').val(cont);
				
	});
	$('#id_nom_entreprise').change(function(){
		var cont = $('#id_nom_entreprise').val();		
		$('#id_nom').val(cont);
				
	});
	
	
	// affiche les champs optionnels en fonction des choix exprimés
	$('#id_type_contact_1').click(function(){ // cas sci
		$('#deux5').show();
		$('#deux6').show();
		$('#deux7').show();
		$('#deux3').hide();
		$('#deux4').hide();
	});
	if ($('#id_type_contact_1:checked').length){ // cas sci
		$('#deux5').show();
		$('#deux6').show();
		$('#deux7').show();
		$('#deux3').hide();
		$('#deux4').hide();
	};
	
	
	
	$('#id_type_contact_0').click(function(){ // cas particulier
		$('#deux5').hide();
		$('#deux6').hide();
		$('#deux7').hide();
		$('#deux3').show();
		$('#deux4').show();
	});
	
	$('#id_habitat_0').click(function(){
		$('#un20').hide();
		$('#un21').hide();
		$('#un22').hide();
		$('#un23').hide();
		//$('#un25').hide();
	});
	$('#id_habitat_1').click(function(){
		$('#un20').show();
		$('#un21').show();
		$('#un22').show();
		$('#un23').show();
		//$('#un25').show();
	});

	if ($('#id_habitat_1:checked').length){
		$('#un20').show();
		$('#un21').show();
		$('#un22').show();
		$('#un23').show();
		//$('#un25').hide();		
	}
	// form wizard 
	
	// déplacer divers, dependances et installer le form wizard 
	deplace();	
	
	function deplace(){	
	coupe();	
	$('#vide1').replaceWith($('#deux1'));
	$('#vide2').replaceWith($('#un26'));
	$('#vide3').replaceWith($('#un27'));
		
	}
	

	
	// couper
	
	function coupe(){
	$('#cadre >.fieldWrapper:lt(3)').wrapAll('<div class="fw" id="form1"></div>');
	$('#cadre >.fieldWrapper:lt(10)').wrapAll('<div class="fw" id="form2"></div>');
	$('#cadre >.fieldWrapper:lt(13)').wrapAll('<div class="fw" id="form3"></div>');
	// cas ou le user est non connecté
	if ($('#deux1').length){	
		$('#cadre >.fieldWrapper').wrapAll('<div class="fw" id="form4"></div>');
	}

	// Insérer les boutons 
	$('#form1').prepend('<p class="etpe" id="etp1"></p><div id="vide1"></div>');	
	$('#form1').append('<p class="bt_suite" id="bt1">Etape suivante</p>');
	
	$('#form2').prepend('<p class="etpe" id="etp2"></p>');
	$('#form2').append('<div id="vide2"></div><div id="vide3"></div><p class="bt_prec" id="btp2">Etape précédante</p><p class="bt_suite" id="bt2">Etape suivante</p>');
	
	$('#form3').prepend('<p class="etpe" id="etp3"></p>');
	$('#form3').append('<p class="bt_prec" id="btp3">Etape précédante</p>');
	if ($('#deux1').length){	
		$('#form3').append('<p class="bt_suite" id="bt3">Etape suivante</p>');
	};
	
	$('#form4').prepend('<p class="etpe" id="etp4"></p>');
	$('#form4').append('<p class="bt_prec" id="btp4">Etape précédante</p>');
	}
	
	
	$('#formulaire').height($('#form1').height());
	$('#formulaire fieldset').width(2120);
	// animer 
	$('#bt1').click(function(){
		setTimeout("$('#cadre').animate({left:'-=530'},600)",200);
		setTimeout("$('#formulaire').animate({height:$('#form2').height()},800)",200);
		$(document).scrollTop(0);
	});
	$('#bt2').click(function(){
		setTimeout("$('#cadre').animate({left:'-=530'},600)",200);
		setTimeout("$('#formulaire').animate({height:$('#form3').height()},800)",200);
		$(document).scrollTop(0);
	});
	$('#bt3').click(function(){
		setTimeout("$('#cadre').animate({left:'-=530'},600)",200);
		setTimeout("$('#formulaire').animate({height:$('#form4').height()},800)",200);
		$(document).scrollTop(0);
	});


	$('#btp2').click(function(){
		setTimeout("$('#cadre').animate({left:'+=530'},600)",200);
		setTimeout("$('#formulaire').animate({height:$('#form3').height()},800)",200);
		$(document).scrollTop(0);
	});
	$('#btp3').click(function(){
		setTimeout("$('#cadre').animate({left:'+=530'},600)",200);
		setTimeout("$('#formulaire').animate({height:$('#form4').height()},800)",200);
		$(document).scrollTop(0);
	});

	$('#btp4').click(function(){
		setTimeout("$('#cadre').animate({left:'+=530'},600)",200);
		setTimeout("$('#formulaire').animate({height:$('#form4').height()},800)",200);
		$(document).scrollTop(0);
	});


	
});