var home = document.getElementById("home");
var email = document.getElementById("email");
var response = document.getElementById("response");
var demo = document.getElementById("demo");
var val = document.getElementById("validation");
var wmp = document.getElementById("wmp");

var emailSent = 0;
var valid = 1;
var fadeLevel = 100;

function goHome()
{
	home.style.display = "inline";
	demo.style.display = "none";
	email.style.display = "none";
	response.style.display = "none";
	Playa.doStop();
}
function goEmail()
{
	home.style.display = "none";
	demo.style.display = "none";
	if (emailSent == 0)
	{
		email.style.display = "inline";
		response.style.display = "none";
	} else
	{
		email.style.display = "none";
		response.style.display = "inline";
	}
	Playa.doStop();
}
function goDemo()
{
	home.style.display = "none";
	demo.style.display = "inline";
	email.style.display = "none";
	response.style.display = "none";
	Playa.doStop();
}
function sendMail()
{
	var from = document.getElementById("from").value;
	var subject = document.getElementById("subject").value;
	var message = document.getElementById("message").value;
	var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	var messageText = "Please ";

	if (!filter.test(from))
	{
		messageText = messageText + "provide a valid email address "
		valid = 0;
	}
	if (message == "")
	{
		if (valid == 0)
		{
			messageText = messageText + "and ";
		}
		messageText = messageText + "enter a message ";
		valid = 0;
	}
	if (valid == 1)
	{
		WebService.sendEmail(from, subject, message, mailsent, mailNotSent);
	} else
	{
		val.innerHTML = messageText;
	}
}


function mailsent(result)
{
	response.innerHTML = result;
	emailSent = 1;
	home.style.display = "none";
	demo.style.display = "none";
	email.style.display = "none";
	response.style.display = "inline";
}

function mailNotSent()
{
	emailSent = 0;
	alert("Your email was not sent. Please try again later.");
}

function keypress()
{
	if (valid == 0)
	{
		valid = 1;
		fadeOut();
	}
}

function fadeOut()
{
	val.style.opacity = fadeLevel / 10;
	val.style.filter = 'alpha(opacity=' + fadeLevel + ')';
	if (fadeLevel > 1)
	{
		fadeLevel = fadeLevel - 5;
		setTimeout("fadeOut()", 100);
	} else
	{
		val.innerHTML = "";
		val.style.opacity = 1;
		val.style.filter = 'alpha(opacity=100)';
		fadeLevel = 100;
	}
}