$(document).ready(function(){
    $(".history_info").hide();
	$(".send_to_friend").prepend("<a href='#' class='close'>X</a>");
	$(".haiku_options").append("<a href='#' class='history_lesson'>history lesson</a><a href='#' class='send_button'>send to a friend</a>");
	$(".history_info").append("<a href='#' class='close_bio'>close bio &raquo;</a>");
	$(".history_lesson").click(function(){
	if(this.className =="history_lesson")
	{
	this.className="history_hover";
	}
	else
	{
	this.className="history_lesson";
	}
	var brief = $(this).parent().parent().parent()[0];
	var h2 = brief.getElementsByTagName('p')[0];
	var div = brief.getElementsByTagName('div')[1];
	$(h2).slideToggle("fast");
	$(div).slideToggle("fast");
	return false;
    });
	
	
	$(".close_bio").click(function(){
	var brief = $(this).parent().parent().parent()[0];
	var mainbtn = $(this).parent().parent().parent()[0];
	mainbtn = mainbtn.getElementsByTagName('a')[2];
	if(mainbtn.className =="history_lesson")
	{
	mainbtn.className="history_hover";
	}
	else
	{
	mainbtn.className="history_lesson";
	}
	var h2 = brief.getElementsByTagName('p')[0];
	var div = brief.getElementsByTagName('div')[1];
	$(div).slideToggle("fast");
	$(h2).slideToggle("fast");
	$(brief).ScrollTo(300);
	return false;
    });
	
	
	$(".send_button").mouseover(function(){
	this.className = "send_hover";
	});
	$(".send_button").mouseout(function(){
	this.className = "send_button";
	});
    $(".send_button").click(function(){
	$(this.parentNode.firstChild).show("fast");
	return false;
    });
	$(".close").click(function(){
	$(this.parentNode).hide("fast");
	return false;
    });
    
	$("form input.submit").click(
	function(e)
	{
		var email = /^.+@.+\..{2,3}$/;
		var form = this.parentNode.parentNode.parentNode;
		var fields = form.getElementsByTagName("input");
		for(i=0;i<fields.length;i++)
		{
			if(fields[i].name == "sender")
			{
				if(fields[i].value == "" || fields[i].value == "Your Name")
				{
					alert("Your name is a required field");
					fields[i].focus();
					return false;
				}
			}
			if(fields[i].name == "recipient")
			{
				if(fields[i].value == "" || fields[i].value == "Friend's Name")
				{
					alert("Your friend's Name is a required field");
					fields[i].focus();
					return false;
				}			
			}
			if(fields[i].name == "email")
			{
				if(fields[i].value == "" || fields[i].value == "Friend's Email")
				{
					alert("Your friend's email is a required field");
					fields[i].focus();
					return false;
				}
				if( !email.test(fields[i].value))
				{
					alert("Invalid email address");
					fields[i].focus();
					return false;
				}
			}
		}
	});    
       
    
  });