$(function() {
	$("#sendtofriend[rel]").overlay();
});

$(document).ready(function(){
	
	$("#videobox").load("video/clips/5.html");
	
	
	$("#episode1").click(function(){
		
		$("#videobox").empty();
		
		$("#videobox").load("video/clips/1.html");
		
	});
	
	$("#episode2").click(function(){
		
		$("#videobox").empty();
		
		$("#videobox").load("video/clips/2.html");
		
	});
	
	$("#episode3").click(function(){
		
		$("#videobox").empty();
		
		$("#videobox").load("video/clips/3.html");
		
	});
	
	$("#episode4").click(function(){
		
		$("#videobox").empty();
		
		$("#videobox").load("video/clips/4.html");
		
	});
	
	$("#episode5").click(function(){
		
		$("#videobox").empty();
		
		$("#videobox").load("video/clips/5.html");
		
	});
	
	$("#submit").click(function(){
		
		var yourname = $("#yourname").val();
		
		var youremail = $("#youremail").val();
		
		var friendsname = $("#friendsname").val();
		
		var friendsemail = $("#friendsemail").val()
		
		var messageVal = $("#message").val();
		
		if(yourname != "" && youremail != "" && friendsname != "" && friendsemail != ""){
		
			$.post("email.php", {message: messageVal, yourname: yourname, youremail: youremail, friendsname: friendsname, friendsemail: friendsemail}, function(){
			
					$("#formmessage").empty();
					$("#formmessage").html("<p class='success'><img src='images/wrapper/accept.jpg' /> Your message was sent</p>");
			
			});
	
	
		}else{
			
			$("#formmessage").empty();
			$("#formmessage").html("<p class='error'><img src='images/wrapper/error.jpg' /> Error sending the form. Please fill out all fields.</p>");
			
		}
	
		return false;
	
	
	});
		
	
});