$(document).ready(function () {
  $('#dateFrom')
                .focus(function () {
  	              if ($(this).val() == 'From')
  	                $(this).val('')
                })
                .blur(function () {
  	              if ($(this).val() == '')
  	                $(this).val('From')
                })
                
  $('#dateUntill')
                .focus(function () {
  	              if ($(this).val() == 'Untill')
  	                $(this).val('')
                })
                .blur(function () {
  	              if ($(this).val() == '')
  	                $(this).val('Untill')
                })
	
  $('#btnSend').click(function () {
  	$('#frmRental').submit()
  	return false
  })
	
  $('#frmRental').submit(function () {
  	var msg = ''
  	if ($('#vehicle').val() == '')
  	  msg = 'Vehicle not selected!'
  	else if ($('#duration').val() == '')
  	  msg = 'Hire Duration not selected!'
  	else if ($('#dateFrom').val() == '' || $('#dateFrom').val() == 'From' || $('#dateUntill').val() == '' || $('#dateUntill').val() == 'Untill')
  	  msg = 'Invalid Hire Period!'
  	else if ($('#name').val() == '')
  	  msg = 'Name is empty!'
  	else if ($('#phone').val() == '')
  	  msg = 'Teleohone is empty!'
  	else if ($('#email').val() == '')
  	  msg = 'Email address is empty!'
  	if (msg != '') {
  	  $('#msg').text(msg)
  	  $('#trmsg').fadeIn('slow')
  	} else {
  	  // POST FORM
  	  $('#msg').text('Sending data...')
  	  $('#trmsg').fadeIn('slow')
  	  // $.post(url, array_data, function, type)
  	  $.post('reservation.php', 
  	    {vehicle: $('#vehicle').val(), duration: $('#duration').val(), dateFrom: $('#dateFrom').val(), dateUntill: $('#dateUntill').val(), 
  	     over_25: $('#chk25').attr('checked'), over_30: $('#chk30').attr('checked'), name: $('#name').val(), phone: $('#phone').val(), email: $('#email').val()}, 
  	    function (data) {
  	  	  $('#msg').text(data)
  	      $('#trmsg').fadeIn('slow')
  	    })
  	}
  	return false
  })
});