$(document).ready(function() {
	
	// Change text box colours
	//$('.mailing_boxes input').css({'color' : '#949494'});
	
	// Change Colors & Values On Click
	$('.mailing_boxes #name').click(function() {
		var value = $('#name').val();
		if(value == 'Name') {
			$('#name').val('');
		}
		if(value == '') {
			$('#name').val('Name');
		}
	});
	$('.mailing_boxes #company').click(function() {
		var value = $('#company').val();
		if(value == 'Company') {
			$('#company').val('');
		}
		if(value == '') {
			$('#company').val('Company');
		}
	});
	$('.mailing_boxes #email').click(function() {
		var value = $('#email').val();
		if(value == 'Email') {
			$('#email').val('');
		}
		if(value == '') {
			$('#email').val('Email');
		}
	});
	
	// Drop down the form on click
	$('#mailing_btn').click(function() {
		if($('#mailing_form_container').hasClass('Subhover')) {
			$('#mailing_form_container').animate({'top' : '-=160px'}, 'slow');
			$('#mailing_form_container').removeClass('Subhover');
		}
		else
		{
			$('#mailing_form_container').addClass('Subhover');
			$('#mailing_form_container').animate({'top' : '+=160px'}, 'slow');
		}
									 
	});
	
	//POST VALUES ON CLICK
	$('.mailing_btn').click(function() {
		var name = $('.mailing_boxes #name').val();
		var company = $('.mailing_boxes #company').val();
		var email = $('.mailing_boxes #email').val();
		
		var dataString = ('name=' + name + '&company=' + company + '&email=' + email);
		alert (dataString);
		$.ajax({
			type: 'POST',
			url: 'scripts/mailing_proccess.php',
			data: dataString,
			success: function() {
				$('.mailing_success').html('<strong>Thank You ' + name +' </strong><br />Your email address was added<br /><a href="#"><strong>CLICK TO CLOSE</strong></a>').fadeIn(500);
			}
		});
		return false;
	});
	
	// CREATE MAILING SUCCESS CLOSE FUNCTION
	$('.mailing_success').click(function() {
		$('.mailing_boxes input').val('');
		$(this).delay(1000).fadeOut(500);
		if($('#mailing_form_container').hasClass('Subhover')) {
			$('#mailing_form_container').delay(2000).animate({'top' : '-=160px'}, 'slow');
			$('#mailing_form_container').removeClass('Subhover');
		}
	});
	
});