//Validate reservation form & initialize date picker
//$(document).ready(function() {




// form validation
var requiredFlag = ' * ';
var requiredKey = $('input.required:first').next('span').text();
requiredKey = requiredFlag + requiredKey.replace(/^\((.+)\)$/,"$1");
var conditionalFlag = ' ** ';
var conditionalKey = $('input.conditional:first').next('span').text();

conditionalKey = conditionalFlag +
conditionalKey.replace(/\((.+)\)/,"$1");

$('form :input').filter('.required')
.next('span').text(requiredFlag).end()
.prev('label').addClass('req-label');

$('<p></p>')
.addClass('field-keys')
.append('<p>Tous les champs marqu&eacute;s' + requiredFlag + ' sont obligatoires</p>')

.insertBefore('#reservation_form');

$('form :input').focus(function() {
	$(this).addClass('in_focus')
	});

$('form :input').blur(function() {
	$(this).removeClass('in_focus');					   
	if ($(this).is('.required')) {
		$(this).parents('td:first').removeClass('warning')
		.find('p.error-message').remove();
		var $listItem = $(this).parents('td:first');
			if (this.value == '') {
				var errorMessage = 'Cette champ est obligatoire';
				$('<p></p>')
				.addClass('error-message')
				.text(errorMessage)
				.appendTo($listItem);
				$listItem.addClass('warning');
			};
	};


});//end form validation



//submit validation
$('form').submit(function() {


$('#submit-message').remove();
$(':input.required').trigger('blur');
var numWarnings = $('.warning', this).length;
if (numWarnings) {
var fieldList = [];
$('.warning label').each(function() {
fieldList.push($(this).text());
});

$('<p></p>').attr({'id': 'submit-message',
'class': 'warning'})
.append('Veuillez remplir tous les champs obligatoires')
.insertBefore('#submit');



return false;


};
});//end submit validation


//date picker
$(function() {
	$('.date-pick').datePicker();
});//end date picker


$('#submit').hover(
            function(){ // Change the input image's source when we "roll on"
                $(this).attr({ src : 'http://www.hotel-lourdes-majestic.com/images/submit_hover.gif'});
            },
            function(){ // Change the input image's source back to the default on "roll off"
                $(this).attr({ src : 'http://www.hotel-lourdes-majestic.com/images/submit.gif'});             }
);




//});//end document ready
