window.addEvent('domready', function()
{
	if ($('Name'))
	{
		BlurUpdateContactForm();
	
		$('contactHowCanWeHelp').addEvent('click', function()
		{
			if ($('HiddenOptions').getStyle('display') == 'none')
			{
				$('HiddenOptions').setStyle('display', 'block'); 
			}
			else
			{
				$('HiddenOptions').setStyle('display', 'none');
			}
		})
	
		$$('.HowCanWeHelpOption').each(function(item, index, array)
		{
			item.addEvent('click', function()
			{
				//Set hidden input value
				$('How').set('value', item.get('text'));
	
				//Set Visible element value
				$('HowCanWeHelpValue').set('text', item.get('text'));
	
				//Hide Menu
				$('HiddenOptions').setStyle('display', 'none');
			});
		});
	}
});

var BlurUpdateContactForm = function()
{
    if ($('Name').get('value') == "")
    {
        $('Name').set('value', 'Name *');
    }

    if ($('Email').get('value') == "")
    {
        $('Email').set('value', 'Email *');
    }

    if ($('Phone').get('value') == "")
    {
        $('Phone').set('value', 'Phone *');
    }
		
    if ($('How').get('value') == "")
    {
        $('HowCanWeHelpValue').set('text', 'How Can We Help?');
    }
}

var FocusUpdateContactForm = function(item)
{
    if (item == $('Name'))
    {
        if ($('Name').get('value') == "Name *")
        {
            $('Name').set('value', '')
        }
    }
	
    if (item == $('Email'))
    {
        if ($('Email').get('value') == "Email *")
        {
            $('Email').set('value', '')
        }
    }
	
    if (item == $('Phone'))
    {
        if ($('Phone').get('value') == "Phone *")
        {
            $('Phone').set('value', '')
        }
    }
}

var ValidateContactForm = function()
{
    var result = true;

    if ($('Name').get('value') == "Name *")
    {
        result = false;
        var NameAnim = new Fx.Tween($('Name'), { duration: '400', transition: Fx.Transitions.Sine.easeInOut });
        NameAnim.start('background-color', '#00ABEB', '#ccc');
		$('Name').focus();
    }

    if ($('Email').get('value') == "Email *")
    {
        result = false;
        var EmailAnim = new Fx.Tween($('Email'), { duration: '400', transition: Fx.Transitions.Sine.easeInOut });
        EmailAnim.start('background-color', '#00ABEB', '#ccc');
		$('Email').focus();
    }

    if ($('Phone').get('value') == "Phone *")
    {
        result = false;
        var PhoneAnim = new Fx.Tween($('Phone'), { duration: '400', transition: Fx.Transitions.Sine.easeInOut });
        PhoneAnim.start('background-color', '#00ABEB', '#ccc');
		$('Phone').focus();
    }

    return result;
}