

function init_email()
{
	$('#email-popup-link').click(function() {
		if( $('#email-popup').css('display') == 'block' )
		{
			$('#email-popup').css('display','none');
		}
		else
		{
			$('#email-popup').css('display','block')
			email_init_content();
		}
		return false;
	});
	
	
}

function email_init_content()
{
	$('#email-popup').html('<a href="javascript:;" id="email-x"><img src="/templates/images/close.jpg" /></a>'
		+	'<h2>Email this Tour to a Friend</h2>'
		+	'<form id="email-form" method="post" action="javascript:;">'
		+ 		'<table style="width:550px;" align="center">'
		+		'<tr><td align="right"><label for="email_your_name" id="email_your_name_label">Your Name:</label></td>'
		+		'<td><input type="text" name="email_your_name" id="email_your_name" class="text" size="15" /></td>'
		+		'<td align="right"><label for="email_your_email" id="email_your_email_label">Your Email:</label></td>'
		+		'<td><input type="text" name="email_your_email" id="email_your_email" class="text" size="15" /></td></tr>'
		+		'<tr><td align="right"><label for="email_friends_name" id="email_friends_name_label">Friend\'s Name:</label></td>'
		+		'<td><input type="text" name="email_friends_name" id="email_friends_name" class="text" size="15" /></td>'
		+		'<td align="right"><label for="email_friends_email" id="email_friends_email_label">Friend\'s Email:</label></td>'
		+		'<td><input type="text" name="email_friends_email" id="email_friends_email" class="text" size="15" /></td></tr>'
		+		'<tr><td align="right"><label for="email_message" id="email_your_name_label">Message:</label></td>'
		+		'<td colspan="3"><textarea name="email_message" id="email_message" class="text" rows="3" cols="40" style="width:400px; height:80px;" /></td></tr>'
		+		'<tr><td>&nbsp;</td><td><input type="submit" value="Send Message" id="email-submit" /></td>'
		+		'<td colspan="2" align="right"><span id="email-error"></span></td></tr>'
		+	'</table>'										
		+ 	'</form>');	
	
	$('#email-x').click(function(){
		$('#email-popup').css('display','none');
	});
	
	$('#email-submit').click(email_submit);//

}

function email_submit() {
	var errors = 0;
	
	// Set colour for Your Name field
	if( $('#email_your_name').val() == "" )
	{
		$('#email_your_name_label').css('color','red');
		errors++;
	}
	else $('#email_your_name_label').css('color','black');
	
	// Set colour for Your Email field
	if( $('#email_your_email').val() == "" )
	{
		$('#email_your_email_label').css('color','red');
		errors++;
	}
	else $('#email_your_email_label').css('color','black');
	
	// Set colour for Friends Name field
	if( $('#email_friends_name').val() == "" )
	{
		$('#email_friends_name_label').css('color','red');
		errors++;
	}
	else $('#email_friends_name_label').css('color','black');
	
	// Set colour for Friends Email field
	if( $('#email_friends_email').val() == "" )
	{
		$('#email_friends_email_label').css('color','red');
		errors++;
	}
	else $('#email_friends_email_label').css('color','black');
	
	// If no errors, send email
	if( errors == 0 ) 
	{
		var postData = {
			'email_your_name':$('#email_your_name').val(),
			'email_your_email':$('#email_your_email').val(),
			'email_friends_name':$('#email_friends_name').val(),
			'email_friends_email':$('#email_friends_email').val(),
			'email_message':$('#email_message').val(),
			'email_url':$('#email_url').val(),
			'email_name':$('#email_name').val() };

		$.ajax({
			 url:'https://booking.greatcanadianholidays.com/api/email.sendEmail.json?callback=?', 
			 data:postData,
			 dataType:'jsonp',
			 type:'POST',
			 success:function(data){
			
				$('#email-error').html('');
				$('#email-popup').html('<a href="javascript:;" id="email-x"><img src="/templates/images/close.jpg" /></a>'
					+ 	'<h2>Email this Tour to a Friend</h2>'
					+	'<div id="email-sent">'
					+	'<p>Your message has been sent!</p>'
					+	'<p><a id="email-close" href="javascript:;">Close</a> | '
					+	'<a id="email-resend" href="javascript:;">Send to Another Friend</a></p>'
					+	'</div>');
				
				$('#email-x').click(function(){
					$('#email-popup').css('display','none');
				});
				
				$('#email-close').click(function() {
					$('#email-popup').css('display','none');
				});
				
				$('#email-resend').click(function() {
					email_init_content();
				});
			
			}
		});
		
	}
	else
	{
		$('#email-error').html('Please fill in required items');
	}
	return false;
}

