function checkMail(email){

	var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	if (filter.test(email)) {
		return true;
	}
	return false;
}

function checkName(name) {

	var namefilter = /([a-zA-Z]+)/;
	if (namefilter.test(name)) {
	
		return true;
	}
	
	return false;
	
}




function checkPhone(phone) {
	
	var phonefilter = /(^[01]?[- .]?\(?[2-9]\d{2}\)?[- .]?\d{3}[- .]?\d{4}$)/;
	if (phonefilter.test(phone)) {
		
		return true;
	}
	alert('Your phone number should look like this: 212-555-5555')
	return false;
	
}


$(document).ready( function() {


$('.droopy').click( function() {
	
	var getID = $(this).attr('id');
	
	var getNum = getID.replace('dropdown','');
	
	$("#drop" + getNum).slideDown(500);
	$(".dropclose" + getNum).show(500);
	//$("#services_footer").css('margin-top','200px');
	$(".dropclose" + getNum).click( function() {
		$("#drop" + getNum).slideUp(500);
		$(this).hide(500);
		});


});

$("#dropdown1").click( function() {
$("#services_footer").animate({"top": "+=50px"}, "500");

});
$("#dropdown2").click( function() {
$("#services_footer").animate({"top": "+=150px"}, "500");
});
$("#dropdown3").click( function() {
$("#services_footer").animate({"top": "+=150px"}, "500");
});
$("#dropdown4").click( function() {
$("#services_footer").animate({"top": "+=150px"}, "500");
});
$("#dropdown5").click( function() {
$("#services_footer").animate({"top": "+=150px"}, "500");
});

$("#dropclose1").click( function(){
$("#services_footer").animate({"top": "-=150px"}, "500");
 });

$("#dropclose2").click( function(){
$("#services_footer").animate({"top": "-=150px"}, "500");
 });

$("#dropclose3").click( function(){
$("#services_footer").animate({"top": "-=150px"}, "500");
 });

$("#dropclose4").click( function(){
$("#services_footer").animate({"top": "-=150px"}, "500");
 });

$("#dropclose5").click( function(){
$("#services_footer").animate({"top": "-=150px"}, "500");
 });


			$("#submit").click(function () { 
				
			
			var email = $("#email").val();
			var name = $("#name").val();
			var phone = $("#phone").val();
			var message = $("#message").val();
			

			
		
				if ( checkMail(email) == true && checkName(name) == true ) {
		
			var dataString = 'email=' + email + '&name=' + name + '&phone=' + phone + '&message=' + message;
				
		
		$.ajax({
		type: "POST",
		url: "email.php",
		data: dataString,
		success: function() {
			
	
			$("#confirmed").fadeIn();			
			
								}
		}
		)
		}
		
		else
		
		{
			alert('Make sure all fields marked with an * are filled');
		};
	});


});