// JavaScript Document

function CheckForm() {
	len = document.giftform.message.value.length;
	if (len > 500) {
		alert('Your message cannot be longer than 500 characters. Currently it is ' + len + ' characters long.');
		return false;
	}
	else{
		if( len == 0 ){
			alert('Please type a message.');
			return false;
		}
	}
	if (isNaN(parseFloat(document.giftform.amount.value))) {
		alert('Please enter a valid amount.');
		return false;
	}
	if (document.giftform.fromname.value == '') {
		alert('Please fill in the From field.');
		return false;
	}
	if (document.giftform.fromemail.value == '') {
		alert('Please enter Your Email Address.');
		return false;
	}
	if (document.giftform.toName1.value == '') {
		alert('Please fill in the To field.');
		return false;
	}
	if (document.giftform.toEmail1.value == '') {
		alert('Please enter the Recipient\'s Email Address.');
		return false;
	}
	if (document.giftform.toEmail1.value != document.giftform.toEmail21.value) {
		alert('The email addresses you entered did not match.');
		return false;
	}

	return true;
}

/* Adds another Gift Certificate Recipient */

function addRecipient() {
	currentRecipient = ++$('recipientCount').value;
	
	var separatorRow = new Element('tr');
	separatorRow.id = "recipient" + currentRecipient + "_1";
	Element.insert($('endRecipients'), {before:separatorRow});
	
	rowData = "";
	rowData += '<td colspan="2" class="sectionWithBorderBottom">&nbsp;</td>';
	
	separatorRow.update(rowData);
	
	var removerRow = new Element('tr');
	removerRow.id = "recipient" + currentRecipient + "_2";
	Element.insert($('endRecipients'), {before:removerRow});
	
	rowData = "";
	rowData += '<td colspan="2"><a href="javascript:removeRecipient(\'recipient' + currentRecipient + '\');">- Remove this recipient</a></td>';
	
	removerRow.update(rowData);
	
	var nameRow = new Element('tr');
	nameRow.id = "recipient" + currentRecipient + "_3";
	Element.insert($('endRecipients'), {before:nameRow});
	
	rowData = "";
	rowData += '<td width="130"><b>To</b></td>';
	rowData += '<td><input class="required inputBorder" title="Enter recipient\'s name" type="text" name="toName' + currentRecipient + '" id="toName' + currentRecipient + '" size="30" maxlength="50" value=""><br />(up to 50 characters)</td>';
	
	nameRow.update(rowData);
	
	var emailRow = new Element('tr');
	emailRow.id = "recipient" + currentRecipient + "_4";
	Element.insert($('endRecipients'), {before:emailRow});
	
	rowData = "";
	rowData += '<td width="130"><b>Recipient\'s Email Address</b></td>';
	rowData += '<td><input class="required validate-email validate-email-match inputBorder" type="text" name="toEmail' + currentRecipient + '" id="toEmail' + currentRecipient + '" size="30" maxlength="50" value=""></td>';
	
	emailRow.update(rowData);
	
	var email2Row = new Element('tr');
	email2Row.id = "recipient" + currentRecipient + "_5";
	Element.insert($('endRecipients'), {before:email2Row});
	
	rowData = "";
	rowData += '<td width="130"><b>Confirm Recipient\'s Email Address</b></td>';
	rowData += '<td><input class="required validate-email inputBorder" type="text" name="toEmail' + currentRecipient + '_2" id="toEmail' + currentRecipient + '_2" size="30" maxlength="50" value=""></td>';
	
	email2Row.update(rowData);
}

/* Removes a Gift Certificate Recipient */

function removeRecipient(rowID) {
	$('recipientTable').removeChild($(rowID + "_1"));
	$('recipientTable').removeChild($(rowID + "_2"));
	$('recipientTable').removeChild($(rowID + "_3"));
	$('recipientTable').removeChild($(rowID + "_4"));
	$('recipientTable').removeChild($(rowID + "_5"));
}