function focusOnFormElement(element) { element.parentNode.className = 'focused'; }
function blurFormElement(element) {	element.parentNode.className = ''; }
var li = '<li>';
var _li = '</\li>';

function sendEmailTo( recipient ) {
	display.hide('errors');
	errors = false;
	error_msg = "";
	var public_key = $( recipient + '_public_key' ).value;
	var private_key = $( recipient + '_private_key' ).value;
	
	if ( $(recipient + '_to').value == '' || !isEmailAddr($(recipient + '_to')) ) {
		error_msg += li + 'Please enter a valid email address the "To" field' + _li;
		errors = true;			
	}
	if ( $(recipient + '_from').value == '' || !isEmailAddr($(recipient + '_from') ) ) {
		error_msg += li + 'Please enter a valid email address for the "From" field' + _li;
		errors = true;			
	}
	if ( $(recipient + '_private_key').value == '' ) {
		error_msg += li + 'You must enter the verification code.' + _li;
		errors = true;			
	}
	
	if ( !errors ) {
		var pars  = 'method=checkCaptcha&public_key=' + public_key + '&private_key=' + private_key;
		var myAjax = new Ajax.Request('http://www.shopit.com/ajaxWrapper.php', 
		{ 
			method: 'post', 
			parameters: pars, 
			onComplete: function(req) {
				var response = parseInt( req.responseText );
				switch (response) {
					case 1:
						display.show('sending');
						sendEmail(recipient);
						break;
					default:
						$( recipient + '_private_key' ).value = '';
						display.show('errors');
						$('errors').innerHTML = '<img src="http://images.shopit.com/images/error_medium.gif" alt="Error!" \/><p>The verificaiton code you have entered is incorrect.<\/p>';
						break;
				}
				// need to refresh both captchas
				getNewCaptchaImage('friend_');
				getNewCaptchaImage('seller_');				
			}
		});		
	} else {
		display.show('errors');
		$('errors').innerHTML = '<img src="http://images.shopit.com/images/error_medium.gif" alt="Error!" \/><p>Please correct the following errors:<\/p><ul>' + error_msg + '<\/ul>';
	}
    scroll(0, 0);
}
function getNewCaptchaImage(prefix) {
	var pars  = "method=refreshCaptcha&prefix=" + prefix;
	var myAjax = new Ajax.Request('http://www.shopit.com/ajaxWrapper.php', 
	{ 
		method: 'post', 
		parameters: pars, 
		onComplete: function(req) {
			var response = req.responseText;
			$(prefix + 'captcha').innerHTML = response;
		}
	});
}

function sendEmail(recipient) {
	var to		= encodeURIComponent( $(recipient + '_to').value );
	var from	= encodeURIComponent( $(recipient + '_from').value );
	var name	= encodeURIComponent( $(recipient + '_name').value );
	var title	= encodeURIComponent( $('service_title').value );
	var message = encodeURIComponent( $(recipient + '_message').value );

	var pars  = 'method=emailService&recipient=' + recipient + '&to=' + to + '&from=' + from + '&name=' + name + '&title=' + title + '&message=' + message;
	var myAjax = new Ajax.Request('http://www.shopit.com/ajaxWrapper.php', 
		{ 
			method: 'post', 
			parameters: pars, 
			onComplete: function(req) {
				var response = parseInt( req.responseText );
				display.hide('sending');
				switch(response) {
					case 1:
						display.show('success');
						switch(recipient) {
							case 'friend':
								$('success').innerHTML = '<img src="http://images.shopit.com/images/success_medium.gif" alt="Success!" \/><p>You have shared <span style="font-style: italic;">"' + $('service_title').value + '"<\/span>.<\/p>';
								setTimeout("display.hide('success');", 5000);
								break;
							case 'seller':
								$('success').innerHTML = '<img src="http://images.shopit.com/images/success_medium.gif" alt="Success!" \/><p>Your message to <span style="font-style: italic;">' + $('service_store').value + '<\/span> was sent successfully<\/p>';
								setTimeout("display.hide('success');", 5000);
								break;
						}
						document.forms[recipient].reset();
						display.hide(recipient);
						break;
					default:
						display.show('errors');
						$('errors').innerHTML = '<img src="http://images.shopit.com/images/error_medium.gif" alt="Error!" \/><p>There was an error sending your message.<\/p>';
						break;
				}
			}
		});	
    scroll(0, 0);
}
// need to refactor
function showForm( form ) {
	var forms = new Array('friend', 'seller');
	for ( var i = 0; i < forms.length; i++ ) {
		if (forms[i] == form) { display.toggle(forms[i]); } else { display.hide(forms[i]); } 
	}
}