$(document).ready(function() 
{
	//show and hide effects
	$('#contact-link a').click(function()
	{
		$('#command-center').slideToggle('slow', function()
		{
			$('#contact').slideToggle('slow');
		});
		$('#contact-link').slideToggle('fast', function()
		{
			$('#command-center-link').slideToggle('fast');
		});
		return false;
	});
	$('#command-center-link a').click(function()
	{
		$('#contact').slideToggle('slow', function()
		{
			$('#command-center').slideToggle('slow');
		});
		$('#command-center-link').slideToggle('fast', function()
		{
			$('#contact-link').slideToggle('fast');
		});
		return false;
	});
	
	//handle the sending of the contact form
	$('button').click(function()
	{
		var baseurl = $('#baseurl').val();

		//reset bgcolor and status-message
		$('#ContactName').css('background-color', '#fff');
		$('#ContactEmail').css('background-color', '#fff');
		$('#ContactMessage').css('background-color', '#fff');
		$('#ContactTo').css('background-color', '#fff');
		$('#status-message').hide();
		$('button').removeAttr('disabled').css('background-color', '#E5AB1D').text('Send message');
		
		//get data fRom foRm
		var contact_name = $('#ContactName').val();
		var contact_email = $('#ContactEmail').val();
		var contact_message = $('#ContactMessage').val();
		var contact_to = $('#ContactTo').val();
		
		//check input data
		if(contact_name.length < 2)
		{
			$('#ContactName').css('background-color', '#FC4867').focus(); return false;
		}
		if(contact_email.indexOf('@') == -1)
		{
			$('#ContactEmail').css('background-color', '#FC4867').focus(); return false;
		}
		if(contact_message.length < 3)
		{
			$('#ContactMessage').css('background-color', '#FC4867').focus(); return false;
		}
		
		//style the button
		$('button').text('Sending...');
		$('button').css('background-color', '#FFFF9D');
		$('button').attr('disabled', 'disabled');
		
		//send the data
		$.get(baseurl + '/contact/sender', { 'name': contact_name, 'email': contact_email, 'message': contact_message, 'to': contact_to }, function(data)
		{
			if(data == 'OK')
			{
				$('button').text('Message sent!');
				$('#ContactName').val('');
				$('#ContactEmail').val('');
				$('#ContactMessage').val('');
				$('#ContactTo').val('');
				$('#status-message').text('Thank you for contacting us, we will reply to your message soon.').show();
			}
			else
			{
				$('button').text('Failed!');
				$('#status-message').text('Your message could not be send, please try again.').show();
			}
			$('button').removeAttr('disabled').css('background-color', '#E5AB1D');
		});
		return false;
	});
});