// functions and listeners to control the top
// slide down effect
$(document).ready(function() {
	$('#open-signup-btn').click(function() {
		$('#wrapper').animate({'top': '0px'}, 2000, 'easeOutExpo');
	});
	$('#signup-close-btn').click(function() {
		$('#wrapper').animate({'top': '-300px'}, 2000, 'easeOutExpo');
	});
});

function verify(f)
{
	clearErrors(f);
	
	// fields
	var name = document.getElementById("newsletter-name");
	var email = document.getElementById("newsletter-email");
	
	var fltrEmail = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	
	switch(true)
	{
		case name.value == "Your name":
			dspError(name, "enter your name");
			return false;
			break;
		case email.value == "Your email":
			dspError(email, "enter your email");
			return false;
			break;
		case !fltrEmail.test(email.value):
			dspError(email, "enter a valid email");
			return false;
			break;
	}
	
	return true;
}

function clearErrors(f)
{
	for(var i = 0; i < f.elements.length; i++)
	{
		if(f.elements[i].type == "text")
		{
			f.elements[i].style.backgroundColor = "#fff";	
		}
	}
	document.getElementById("error-msg").style.display = "none";	
}

function dspError(elm, msg)
{
	elm.style.backgroundColor = "#e4e0b3";
	document.getElementById("error-msg").innerHTML = "<p>Please " + msg + ".</p>";
	$("#error-msg").fadeIn("slow");
}