HCF.process = function(){
	
	$(".page2, .page3, .page4").hide();
	$("#menu1", "#parcours-achat-menu").addClass('checked');
	$("#etape2", "#resaForm").hide();
	
	
	$("#cnxMembre", "#loginForm").click(function () {
		
		$("#loginForm").submit();;
		
	});
	
	
	$('.chambre').blur(function() {
	  var total=0;
	  $('.chambre').each(function(index) {
	    total+=$(this).val();
	  });
	  $('#total_chambres').val(total);	
	});
	
	

	$.metadata.setType("attr", "validate");
	
	$.validator.addMethod("selectTypeCarte", 
       function(value, element) { 
               
           if ($('#type_carte').val() != '0') {
                   return true;
           } else {
                   return false;
           }
       }, "Sélectionner un type de carte"); 
	
	$.validator.addMethod("selectCgv", 
       function(value, element) { 
               
           if($('#cgv_ck').is(':checked')){
                   return true;
           } else {
                   return false;
           }
       }, "Accepter les CGV");


	
	var v = $("#resaForm").validate();
	
	$('#etape1back, .addPerson').click(function () {
		
		$("#menu1").addClass('checked');
		$("#menu2").removeClass('checked checked-old');
		$(".page1").show();
		$(".page2").hide();
	});
	
	$('#etape2, #etape2back').click(function () {
	
		if($(this).attr("id")=='etape2')
		{
			$('#accompagnant').html('');
			$('#accompagnant').append(getAccompagnant($('#nb_participants').val()));
			
			$('#copyUserInfo').click(function () {
			//alert($('input[name="civilite"]:checked', '#resaForm').val());
				$('#acc_nom_1').val($('#last_name').val());
				$('#acc_prenom_1').val($('#first_name').val());
				$('#acc_1_day').val($('#user_day').val());
				$('#acc_1_month').val($('#user_month').val());
				$('#acc_1_year').val($('#user_year').val());
				var civilite_val = $('input[name="civilite"]:checked', '#resaForm').val();
				$('input:radio[name="acc_civilite_1"]', '#resaForm').filter('[value="'+ civilite_val +'"]').attr('checked', true);
		    	return false;
		    });
		}
		if($(this).attr("id")=='etape2back')
		{
			Cufon.replace('#menu2', {
				color: '#44444'
			});
		}
		
		$("#menu1, #menu3").removeClass('checked');
		$("#menu1").addClass('checked-old');
		$("#menu2").addClass('checked');	
		$(".page1, .page3").hide();
		$(".page2").show();
		return false;
	});
	
	$('#etape3, #etape3back').click(function () 
	{
		//console.log(v.form());
		if($(this).attr("id")=='etape3' && v.form())
		{
			Cufon.replace('#menu2', {
				color: 'white'
			});
			
            $("#menu2, #menu4").removeClass('checked');
			$("#menu2").addClass('checked-old');
			$("#menu3").addClass('checked');	
			$(".page2, .page4").hide();
			$(".page3").show();
		}
		
		if($(this).attr("id")=='etape3back')
		{
			Cufon.replace('#menu3', {
				color: '#44444'
			});
			$("#menu2, #menu4").removeClass('checked');
			$("#menu2").addClass('checked-old');
			$("#menu3").addClass('checked');	
			$(".page2, .page4").hide();
			$(".page3").show();
		}	
	});
	
	$('#etape4').click(function () 
	{
		$("#menu4").addClass('checked');
		
		Cufon.replace('#menu3', {
			color: 'white'
		});
		
		
		var strDteArivee='';
		$('#date_arrivee_sel').html('');
		$("#date_arrivee option:selected").each(function () {
        	strDteArivee = $(this).text();
      	});
      	$('#date_arrivee_sel').append(strDteArivee);
      	
      	$('#assurance_sel').html('');
      	var assurance = 0;
      	
      	
      	var assuranceRb = $('input:radio[name="assurance_cb"]:checked').val();
      	if(assuranceRb==1) {
      	//if($("#assurance_cb").is(':selected')) {
      		assurance = parseFloat($('#assurance_ttc').val());
      		$('#assurance_sel').append($('#assurance_ttc').val() + ' €TTC');
      	}
      	
      	
      	
      		$.ajax({
		          url: '/layout/set/ajax/reservation/action',
		          dataType: 'html',
		          async: false,
		          data: 'ope=getRecapCommande&' + $('#resaForm').serialize(),
		          type: 'post',
		          success: function (j) {		          
				      $('#recap-commande').html(j);
		          }
		        });
      	
      	
      	
		$(".page3").hide();
		$(".page4").show();
	});
    
    
    $('#etapeValidation').click(function () {
		Cufon.replace('#menu3', {
			color: 'white'
		});
		
    	$('#resaForm').append('<input type="hidden" value="ValidationButton" name="ValidationButton" id="ValidationButton"/>');
    	
    	$('#validateOrder').slideUp();
		 if($("#cgv_ck").is(':checked') && $('.choix_paiement').is(':checked')){
              if (v.form()) {
		  			//alert("submitted! ");
		   			$('#resaForm').submit();
		 		}
           } else {
				$('#validateOrder').slideDown();
               return false;
           }
    		

    });
    
    $(".removeChambre").live('click', function(event) {
		
		$(this).parent().parent().find('.adulte').html('0');	
		$(this).parent().parent().find('.bebe').html('0');	
		$(this).parent().parent().find('.enfant').html('0');	
		
		$(this).parent().parent().remove();	
		setTotalPers();
	});
    
    var arrId = new Array();
    $("input[name='choix_paiement']").each(function(index) {
		arrId.push($(this).val());    
	});
	
    for(var i= 0; i < arrId.length; i++)
  	{
  		$("#paiement"+arrId[i]).hide();
  	}
    
    $("input[name='choix_paiement']").click(function () {
    	var id = $("input[name='choix_paiement'][type='radio']:checked").val();
    	
    	if(id==2)
    	{
    		$("#carte_nom").rules("add", { required: true });
    		$("#type_carte").rules("add", { selectTypeCarte: true});
    		$("#carte_num").rules("add", { required: true });
    		$("#cgv_ck").rules("add", { selectCgv: true});
    		$("#exp_carte_mois").rules("add", { required: true });
    		$("#exp_carte_annee").rules("add", { required: true });
    		$("#cde_carte_secu").rules("add", { required: true });
    		
    	}else{
    		$("#carte_nom").rules("remove");
    		$("#type_carte").rules("remove");
    		$("#carte_num").rules("remove");
    		$("#cgv_ck").rules("remove");
    		$("#exp_carte_mois").rules("remove");
    		$("#exp_carte_annee").rules("remove");
    		$("#cde_carte_secu").rules("remove");
    	}
    	
    	
    	//if ($("#paiement"+id).is(":hidden")) {
	      	$("#paiement"+id).show("slow");
	      
	      	for(var i= 0; i < arrId.length; i++)
	      	{	
	      		if(id!=arrId[i])
	      			$("#paiement"+arrId[i]).slideUp();
	      	}
	     //}   
	    	
	 });
    
    
    $('#add_chambre').click(function () {
		                        		
    	$("#chambres_sel tbody").append('<tr><td>' + $("#type_chambre option:selected").text() + '</td>'+
									    	'<td class="adulte">' + $("#nb_adulte").val() + '</td>'+
									    	'<td class="enfant">' + $("#nb_enfant").val() + '</td>'+
									    	'<td class="bebe">' + $("#nb_bebe").val() + '</td>'+
									    	'<td><a href="#" class="removeChambre" onclick="return false;">retirer</a>'+
									    	'<input type="hidden" value="' + $('#type_chambre').val() + '_' + $("#nb_adulte").val() + '_' + $("#nb_enfant").val() + '_' + $("#nb_bebe").val() + '" name="chambres[]"/><td></tr>');
		setTotalPers();	
		
		return false;										    	
    });
    
    
	
    
    
    $('#date_arrivee').change(function () {
    	$.ajax({
	          url: '/layout/set/ajax/reservation/action',
	          dataType: 'json',
	          async: false,
	          data: 'ope=getChambreDteArrivee&id=' + $("#prix_node_id","#resaForm").val() + '&dt_arrivee=' + $(this).val(),
	          type: 'post',
	          success: function (j) {
    			  $('#type_chambre').html('');
    			  $("#chambres_sel tbody").html('');
    			  $("#chambres_sel tfoot").html('');
    	
			    	if($('.removeChambre').size()==0)
			    	{
			    		$("#chambres_sel tbody").append('<tr>'+
			            				'<th>Type de chambre</th>'+
			            				'<th>Adultes</th>'+
			            				'<th>Enfants (6 à 15 ans)</th>'+
			            				'<th>Bébé (0 à 5 ans)</th>'+
			            				'<th>&nbsp;</th>'+
			            			'</tr>');
			            			
			            $("#chambres_sel tfoot").append('<tr>'+
			            				'<td >Total</td>'+
			            				'<td id="total_adulte"></td'+
			            				'<td id="total_enfant"></td>'+
			            				'<td id="total_bebe"></td>'+
			            				'<th>&nbsp;</th>'+
			            			'</tr>');
										
			    	}
    			  
    			  if(j.length)
    			  {
				      for (var i = 0; i < j.length; i++) 
				      {
				      	$('#type_chambre').append('<option value="chambre_' + j[i].id + '_' + j[i].prix_node_id + '">' + j[i].titre + '</option>');
				      //	$('#type_chambre').append('<option value="chambre_' + j[i].id + '_' + j[i].prix_node_id + '">' + j[i].titre + ' (capacité :' + j[i].capacite + ')</option>');
                      }

			      }
			      
			      $('#type_chambre').change();
			      
	          }
	        });
	        
	        return false;
    });
    
    
    $('#type_chambre').change(function () {
    	
    	$.ajax({
	          url: '/layout/set/ajax/reservation/action',
	          dataType: 'json',
	          data: 'ope=getChambreCapacite&id=' + $(this).val(),
	          type: 'post',
	          success: function (j) {
    			  $('#nb_adulte').html('');
    			  $('#nb_enfant').html('');
    			  $('#nb_bebe').html('');
    			  
    			  if(j)
    			  {
    			  
    			      for (var i = 0; i < j.cap_adulte; i++) 
				      {
				      	$('#nb_adulte').append('<option value="' + (i+1) + '">' + (i+1) + '</option>');
                      }
                      
                      for (var i = 0; i <= j.cap_enfant; i++) 
				      {
				      	$('#nb_enfant').append('<option value="' + i + '">' + i + '</option>');
                      }
                      
                      for (var i = 0; i <= j.cap_bebe; i++) 
				      {
				      	$('#nb_bebe').append('<option value="' + i + '">' + i + '</option>');
                      }

			      }
			      
	          }
	     });
	        		  
    	return false;
    });
    
    
    
    var dte_naiss_init = new Array();
    
    if( $("#dte_naiss_init_day","#resaForm").length && $("#dte_naiss_init_month","#resaForm").length && $("#dte_naiss_init_year","#resaForm").length)
    {
    	dte_naiss_init = [$("#dte_naiss_init_day","#resaForm").val(),$("#dte_naiss_init_month","#resaForm").val(),$("#dte_naiss_init_year","#resaForm").val()];
    }
    
    $('#user_dte_naissance').append(getDateSelector('user',dte_naiss_init));
 	
 	$('#date_arrivee').change();
 	
 	if( $("#validationResult").length)
 	{
 		$("#menu1").addClass('checked-old');
 		$("#menu2").addClass('checked-old');
 		$("#menu3").addClass('checked-old');
 		$("#menu4").addClass('checked-old');
 	} 
}



function getAccompagnant(n)
{
	var str='';
	var strDateNaissance ='';
	
	for (i=1;i<=n;i++)
	{
		strDateNaissance = getDateSelector('acc_' + i);
		str+= '<p><strong>Participant ' + i + ' </strong><br/>';
		if(i==1) str+= '<a href="#" id="copyUserInfo">cliquez ici si vous participez au séjour</a></p>';
	    str+= '<dl>'+
	        '<dt>Civilité <span>*</span></dt>'+
	        '<dd>'+
	            '<label for="civ_mlle_' + i +'"><input type="radio" value="0" validate="required:true" name="acc_civilite_' + i +'" id="civ_mlle_' + i +'" /> Melle</label>'+
	            '<label for="civ_mme_' + i +'"><input type="radio" value="1" name="acc_civilite_' + i +'" id="civ_mme_' + i +'" /> Mme</label>'+
	            '<label for="civ_m_' + i +'"><input type="radio" value="2" name="acc_civilite_' + i +'" id="civ_m_' + i +'"/> M.</label>'+
	            '<label for="acc_civilite_' + i +'" class="error">sélectionner la civilité</label>'+
	        '</dd>'+
	        '<dt><label for="acc_nom_' + i +'">Nom <span>*</span></label></dt>'+
	        '<dd><input type="text" class="input-default required" name="acc_nom_' + i +'" id="acc_nom_' + i +'" />'+
                '<label for="acc_nom_' + i +'" class="error">saississez un nom</label>'+
                '</dd>'+
	        '<dt><label for="acc_prenom_' + i +'">Prénom <span>*</span></label></dt>'+
	        '<dd><input type="text" class="input-default required" name="acc_prenom_' + i +'" id="acc_prenom_' + i +'"/>'+
                '<label for="acc_prenom_' + i +'" class="error">saississez un prénom</label>'+
                '</dd>'+
	        '<dt>Date de naissance <span>*</span></dt>'+
	        '<dd>' + strDateNaissance +
                '</dd>'+
	    '</dl>'+
	    '<div class="clear"></div>';
    }
    
    return str;
                
}




function setTotalPers()
{
	var nb_adulte=0;
	var nb_enfant=0;
	var nb_bebe=0;
	var total_adulte=0;
	var total_enfant=0;
	var total_bebe=0;
	var total=0;
	
	//console.log(total_adulte);
	$('.adulte').each(function(index) {
	    if($(this).text()=='') nb_adulte=0; 
		else nb_adulte=parseInt($(this).text());
		total_adulte+=nb_adulte;
	});

	
	$("#total_adulte").text(total_adulte);
	
	$('.enfant').each(function(index) {
	    if($(this).text()=='') nb_enfant=0; 
		else nb_enfant=parseInt($(this).text());
		total_enfant+=nb_enfant;
	});
	
	$("#total_enfant").text(total_enfant);
	
	$('.bebe').each(function(index) {
	    if($(this).text()=='') nb_bebe=0; 
		else nb_bebe=parseInt($(this).text());
		total_bebe+=nb_bebe;
	});
	
	$("#total_bebe").text(total_bebe);
	
	
	total = total_adulte + total_enfant + total_bebe;
	$("#nb_participants").val(total);

	
	if(total>0) $("#etape2").show();
	else $("#etape2").hide();		
}