$(document).ready(function() {
	$('.selectbox').selectbox();
	// Pictures Popup
	Shadowbox.init();

    // Date Picker
    $(".rDate").datepicker();
    
	// Validate Add Page Form
	$("#frmAddNewReservations").validate( {
		rules : {
			rFirstName : {
				required : true
			},
			rLastName : {
				required : true
			},
			rAddress1 : {
				required : true
			},
			rCity : {
				required : true
			},
			rState : {
				required : true
			},
			rZip : {
				required : true
			},
			rCountry : {
				required : true
			},
			rHomePhone : {
				required : true
			},
			rEmail : {
				required : true,
				email : true
			},
			rEmailAlt : {
				email : true
			},
			rVillaNo : {
				required : true
			},
			rVillaBeds : {
				required : true
			},
			rGuestsAdults : {
				required : true
			},
			rGuestsKids : {
				required : true
			},
			rGuestsTotal : {
				required : true
			},
			rCheckinDate : {
				required : true,
				date : true
			},
			rCheckoutDate : {
				required : true,
				date : true
			},
			rTravelInsurance : {
				required : true
			}
		},
		messages : {
			rFirstName : " ",
			rLastName : " ",
			rAddress1 : " ",
			rCity : " ",
			rState : " ",
			rZip : " ",
			rCountry : " ",
			rHomePhone : " ",
			rEmail : " ",
			rEmailAlt : " ",
			rVillaNo : " ",
			rVillaBeds : " ",
			rGuestsAdults : " ",
			rGuestsKids : " ",
			rGuestsTotal : " ",
			rCheckinDate : " ",
			rCheckoutDate : " ",
			rTravelInsurance : " "
		}
	});

	
    // --------------------------------------
    // Calculator Functions
    // --------------------------------------
    function calculateDays(){
        var checkin = 0;
        var checkout = 0;
        var totalDays = 0;
    
        checkin = new Date($("#rCheckinDate").datepicker("getDate"));
        checkout = new Date($("#rCheckoutDate").datepicker("getDate"));
    
        totalDays = Math.ceil((checkout.getTime()-checkin.getTime())/(1000*60*60*24));
    
        if( (totalDays>0) && ($("#rCheckinDate").val()!="") && ($("#rCheckoutDate").val()!="") )
        {
            $("#rTotalNights").val(totalDays);
        }
        else
        {
            $("#rTotalNights").val("0");
        }
    }
 
    // Calcualte Guests
    $("input[calc^='guests']").sum({
        bind: "keyup",
        selector: "#rGuestsTotal",
        oncalc: function (value, settings){
              $(settings.selector).val(value);
      }
    });
    
    // Calculate Days
    $.listen( 'change', '#rCheckinDate', function(){
    	calculateDays();
    });
    $.listen( 'change', '#rCheckoutDate', function(){
    	calculateDays();
    });


});