var curContainer = "";
var selectedCard = "";

function selectCard(cardID) {
	selectedCard = cardID;
	document.forms['cardForm'].cardid.value = cardID;
	document["card"].src = "/images/card"+cardID+".jpg";
	return false;
}

function sendCard() {
	noFormErrors = validateForm(document.forms['cardForm']);
	if (noFormErrors) {
		sendCardAjax();
		//document.forms['cardForm'].reset();
	}
	return false;
}

function sendCardAjax() {
	var pars = 'youremail='+(document.forms['cardForm'].youremail.value);
	pars += '&friendsemail='+(document.forms['cardForm'].friendsemail.value);
	pars += '&yourname='+(document.forms['cardForm'].yourname.value);
	pars += '&friendsname='+(document.forms['cardForm'].friendsname.value);
	pars += '&yourmessage='+(document.forms['cardForm'].yourmessage.value);
	pars += '&cardid='+(document.forms['cardForm'].cardid.value);
	new Ajax.Updater( { success: 'returncopy' },'send-card.php', {
		method: 'post',
		parameters: pars,
		asynchronous: true,
		onSuccess: sendSuccess,
		onFailure: sendFailure,
		evalScripts: true
	});
}

function sendFailure(response) {
    //alert("There was an error while loading more photos.  Please try again later.");
}

function sendSuccess(response) {
    //alert("There was success while loading more photos. ");
}

function showPreview() {
	noFormErrors = validateForm(document.forms['cardForm']);
	if (noFormErrors) {
		var thePreviewText = document.forms['cardForm'].yourmessage.value;
		thePreviewText = (thePreviewText.replace(/\n/g, "<br />"));

		var thePreviewTo = document.forms['cardForm'].friendsname.value;
		thePreviewTo = (thePreviewTo.replace(/\n/g, "<br />"));

		var thePreviewFrom = document.forms['cardForm'].yourname.value;
		thePreviewFrom = (thePreviewFrom.replace(/\n/g, "<br />"));

		document.getElementById('previewmessage').innerHTML = thePreviewText;
		document.getElementById('previewto').innerHTML = thePreviewTo;
		document.getElementById('previewfrom').innerHTML = thePreviewFrom;
		document.getElementById('theform').style.display='none';
		document.getElementById('previewarea').style.display='block';

	}
	return false;
}

function validateForm(formName) {
	var emailPat = /^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,5}|[0-9]{1,3})(\]?)$/;

	clearErrors();

    if (formName.length > 0) {
		var errors = 0;
		var nameMax = 64;
		var emailMax = 64;
		var messageMax = 150;

		if (selectedCard == "") {
			$('cardError').innerHTML = "Please select and E-Card to send.";
			errors++;
		}
		if (formName.yourname.value.length < 1) {
			$('yournameError').innerHTML = "Please enter your name.";
			errors++;
		}
		if (formName.yourname.value.length > nameMax) {
			$('yournameError').innerHTML = "Your name entry was too long.  It must be " + nameMax + " characters or less.";
			errors++;
		}
		if (formName.youremail.value.length < 1) {
			$('youremailError').innerHTML = "Please supply your email address.";
			errors++;
		}
		if ((formName.youremail.value.length > 0) && !emailPat.test(formName.youremail.value)) {
			$('youremailError').innerHTML = "Please check your email address entry to make sure it's correct.";
			errors++;
		}
		if (formName.youremail.value.length > emailMax) {
			$('youremailError').innerHTML = "Your email address entry was too long.  It must be " + emailMax + " characters or less.";
			errors++;
		}
		if (formName.friendsname.value.length < 1) {
			$('friendsnameError').innerHTML = "Please enter your friend's name.";
			errors++;
		}
		if (formName.friendsname.value.length > nameMax) {
			$('friendsnameError').innerHTML = "Your friend's name entry was too long.  It must be " + nameMax + " characters or less.";
			errors++;
		}
		if (formName.friendsemail.value.length < 1) {
			$('friendsemailError').innerHTML = "Please supply your friend's email address.";
			errors++;
		}
		if ((formName.friendsemail.value.length > 0) && !emailPat.test(formName.friendsemail.value)) {
			$('friendsemailError').innerHTML = "Please check your friend's email address entry to make sure it's correct.";
			errors++;
		}
		if (formName.friendsemail.value.length > emailMax) {
			$('friendsemailError').innerHTML = "Your friend's email address entry was too long.  It must be " + emailMax + " characters or less.";
			errors++;
		}
		if (formName.yourmessage.value.length < 1) {
			$('yourmessageError').innerHTML = "Please enter a message in the space provided.";
			errors++;
		}
		if (formName.yourmessage.value.length > messageMax) {
			$('yourmessageError').innerHTML = "Your message entry was too long.  It must be " + messageMax + " characters or less.";
			errors++;
		}
		if (errors > 0) {
	    	$('errors').innerHTML = "There is a problem with your entries.<br/>Please see details above.";
		    return false;
		}
		return true;
    } else { return false; }
}

function checkInput(obj,max) {
	var result = true;
	if (obj.value.length >= max) {
		alert("You have reached the maximum number of allowed characters.");
		result = false;
	}
	if (window.event) window.event.returnValue = result;
	return result;
} 

function clearErrors() {
	$('cardError').innerHTML = "";
	$('yournameError').innerHTML = "";
	$('youremailError').innerHTML = "";
	$('friendsnameError').innerHTML = "";
	$('friendsemailError').innerHTML = "";
	$('yourmessageError').innerHTML = "";
   	$('errors').innerHTML = "";
}

function showEdit() { 
	document.getElementById('previewarea').style.display='none';
	document.getElementById('theform').style.display='block';
}

var mouseovers = new Array();
if (document.images) {
	var mouseoversList = new Array('newsletter_signup','store','twitter','myspace','official_website','preview','send_it','send_a_card');
	for (var i=0; i<mouseoversList.length; i++) {
		mouseovers[mouseoversList[i]+'Off'] = new Image();
		mouseovers[mouseoversList[i]+'Off'].src = "/images/"+mouseoversList[i]+'_off.gif';
		mouseovers[mouseoversList[i]+'On'] = new Image();
		mouseovers[mouseoversList[i]+'On'].src = "/images/"+mouseoversList[i]+'_over.gif';
	}
}

// mouseover image functions
function imgOn(obj) {
	imgName = obj.firstChild.name;
	if (document.images) { document[imgName].src = mouseovers[imgName+'On'].src; }
}

function imgOff(obj) {
    // don't turn off current page's nav link
	imgName = obj.firstChild.name;
    if (document.images) { document[imgName].src = mouseovers[imgName+'Off'].src; }
}

function sendanother() {
	$('previewarea').style.display = 'none';
	$('cardsent').style.display = 'none';
	$('theform').style.display = 'block';
}