function setTotal(acost , mcost , lcost) {
  	total = acost + mcost + lcost;
	$(".subtotal").html( "$" + total  );
	$(".total").html( "$" + total  );
}


$(function(){
    //original field values

	
    var fieldsVal = $('#first_step select#location , select#dropLocation , select#size , input#dp1 , input#dp2 , select#area , select#age'  );

    //first_step
    $('form').submit(function(){ return false; });
    $('#submit_first').click(function(){
      
	  var error = 0; 
	  
	  fieldsVal.each(function(){	
			
            var  val = $(this).val();
			if(val == -1 || val == "" ){
				 $(this).addClass('error'); error++;
			}
			else{
				$(this).addClass('valid'); 
			}
			
				
		});

        
           
        
        if(!error) {
		
		
			var locationVal = $('#location').val();
			var dp1Val = $('#dp1').val();
			var dp2Val = $('#dp2').val();
			var areaVal = $('#area').val();
			var  sizeVal = $('#size').val();
			var areaCost = 0;
			var mexicoCost = 0;
			var lossCost = 0;
			var totalCost = 0;
			var nrDays = diffDays(parseDate(dp1Val), parseDate(dp2Val));
			var nrWeek = 0;
			var nrDaysRemaining = 0;
			// Driving area cost calculation
			if(areaVal == 'Baja, Mexico'){
				nrWeek = Math.floor(nrDays / 7);
				nrDaysRemaining = nrDays  % 7;
				areaCost = 110 * nrDaysRemaining + 520 * nrWeek;	
				$('.rental-rate').html( nrDays + ' days at $110/day ($520/week) <span style="float: right; color:#000; font-weight: bold;"> $' + areaCost + ' </span>');		
			}
			else{
				nrWeek = Math.floor(nrDays / 7);
				nrDaysRemaining = nrDays  % 7;
				areaCost = 99 * nrDaysRemaining + 520 * nrWeek;
				$('.rental-rate').html( nrDays + ' days at $99/day ($520/week) <span style="float: right; color:#000; font-weight: bold;"> $' + areaCost + ' </span>');		
			}
			
			
			
			// Mexico cost
			$("#mexico").click(function() {
				 if($('input[name=mexico]').is(':checked') ){
				 	mexicoCost = nrDays * 30;
				 }
				 else
				 {	
				 	mexicoCost = 0;
				 }
 				 $(".mexico-total").html( "$" + mexicoCost  ); 
				 setTotal(areaCost , mexicoCost , lossCost); 
			});
			
			// loss cost
			$("#loss").click(function() {
				  if($('input[name=loss]').is(':checked')){
				 	lossCost = nrDays * 25;
				 }
				 else
				 {	
				 	lossCost = 0;
				 }
 				 $(".loss-total").html( "$" + lossCost  );
				 setTotal(areaCost , mexicoCost , lossCost); 
			});
			
			// Mexico Cost for 15 pas van
			$("#mexico15").click(function() {
				 if($('input[name=mexico15]').is(':checked') ){
				 	mexicoCost = nrDays * 30;
				 }
				 else
				 {	
				 	mexicoCost = 0;
				 }
 				 $(".mexico-total").html( "$" + mexicoCost  ); 
				 setTotal(areaCost , mexicoCost , lossCost); 
			});
			
			// Loss Cost for 15 pas van
			$("#loss15").click(function() {
				  if($('input[name=loss15]').is(':checked')){
				 	lossCost = nrDays * 25;
				 }
				 else
				 {	
				 	lossCost = 0;
				 }
 				 $(".loss-total").html( "$" + lossCost  );
				 setTotal(areaCost , mexicoCost , lossCost); 
			});
		
			 // set total cost
			setTotal(areaCost , mexicoCost , lossCost);
			
			
			if( sizeVal == 12 ){
                $('#first_step').slideUp();
                $('#pas12').slideDown();  
			
			}
			else{
				$('#first_step').slideUp();
                $('#pas15').slideDown();  
			}
                          
        } else return false;
    });


	$('.back-pas12').click(function(){
   
   	 	$('#pas12').slideUp();
    	$('#first_step').slideDown();
	});
	
	$('.back-pas15').click(function(){
   
   	 	$('#pas15').slideUp();
    	$('#first_step').slideDown();
	});

    $('#submit_last').click(function(){
        
        $('form').unbind('submit').submit();
    });

});