function tell_a_friend(event){
	this.style.position = 'relative';
	var form_box = document.createElement('div');
	var html = '<span class="close" onclick="this.parentNode.parentNode.removeChild(this.parentNode)">close</span><input type="text" name="my_name" id="my_name" /><br class="clear"/><input type="text" name="friend_email" id="friend_email" /><button onclick="return sendToFriend();">send</button><input type="hidden" name="link" value="'+location.href+'"/>';
	form_box.className = 'tell-a-friend';
	form_box.innerHTML = html;
	form_box.id = 'tell-a-friend';
	form_box.style.left = this.offsetLeft-220+'px';
	form_box.style.top = this.offsetTop-150+'px';
	document.body.appendChild(form_box);
	$('friend_email').focus();
	return false;
}
function tell_a_friend_init(){
	$elements = document.getElementsByTagName('a');
	for(var i = 0; i < $elements.length;i++){
		var string = '';
		if($elements[i].getAttribute('href').indexOf("#tell-a-friend") != -1){
			Event.observe($elements[i], 'click', tell_a_friend);
			$elements[i].onclick = function(){return false;};
		}
	}
}
function sendToFriend(){
	var email = $('friend_email');
	var my_name = $('my_name');
	if(email.value.indexOf('@') != -1 && my_name){
		new Ajax.Request(
			location.href,
			{
 				method: 'post',
				parameters: {
					action:'tell_a_friend', 
					my_name:my_name.value,
					friend_email:email.value,
					url:location.href
				},
 				onSuccess: function(data){
 					alert('Thank you!');
 					$('tell-a-friend').parentNode.removeChild($('tell-a-friend'));
				}
			}
		);
	}else{
		email.style.borderColor = 'red';
		email.style.backgroundColor = '#FCF1E5';
		my_name.style.borderColor = 'red';
		my_name.style.backgroundColor = '#FCF1E5';
	}
}
Event.observe(window, 'load', tell_a_friend_init, false);