$(function()
{
	$('#bookingForm select').selectbox();
	
	$('#bookingForm input').bind('focus blur', 
		function()
		{
			$(this).toggleClass('selectedInput');
			$(this).prev().toggleClass('selectedLeft');
			$(this).siblings('.textRight').toggleClass('selectedRight');
			if ($(this).is('.selectbox')) {
				$(this).siblings('.textRight').toggle();
			}
		}
	);
	
	$('#bookingForm textarea').bind('focus blur', 
		function()
		{
			$(this).toggleClass('selectedInput');
			$(this).prev().toggleClass('selectedAreaLeft');
			$(this).siblings('.textAreaRight').toggleClass('selectedAreaRight');
		}
	);

	$('form#bookingForm').find('input[name=Submit]').bind('click', function()
		{
			// Show the ajax loader.
			$('form#bookingForm').hide();
			$('#ajaxLoader').show();
			
			var name = $('form#bookingForm').find('input[name=Name]').val();
			var email = $('form#bookingForm').find('input[name=Email]').val();
			var subject = 'Booking - '+$('form#bookingForm').find('select[name=BookingType]').val();
			var message = 'Booking fra hverdagenshelte.com:'+"\n\n";
			message += 'Navn: '+$('form#bookingForm').find('input[name=Name]').val()+"\n";
			message += 'Email: '+$('form#bookingForm').find('input[name=Email]').val()+"\n";
			message += 'Telefonnr: '+$('form#bookingForm').find('input[name=Phone]').val()+"\n\n";
			message += $('form#bookingForm').find('textarea[name=Message]').val();
			$.post('ajax/sendEmail.php', {name: name, email: email, subject: subject, message: message}, function(ret)
				{
					if (parseInt(ret)) {
						alert('Din besked er afsendt.');
					} else {
						alert('Afsendelsen fejlede...');
					}
					
					$('#ajaxLoader').hide();
					$('form#bookingForm').show();
				}
			);
		}
	);
});