$(document).ready(function(){

	// email active functionality
	$('#email').focus(function()
	{		 
		$('#email').attr('value', "");
	});

	// friend's email active functionality
	$('#friend_email').focus(function()
	{		 
		$('#friend_email').attr('value', "");
	});
	
	// preload the rollover states on the buttons
	$.preloadImages("../../images/btn_submit_o.gif", "../../images/btn_preview_o.gif", "../../images/btn_reset_o.gif");	

	
	// clear the form
	$('#btn_reset').click(function()
	{
		$('#frm_send_friend').clearForm();
	});
	
	
	// clear the form
	$('#ibSubmit').click(function()
	{
		var message = $('#presnt_state').val();
				
		if (message == "")
		{
			alert ("Plese choose a message");
			
			return false;
		}
		else
		{
			return true;
		};
		
	});
	
	

	
	// card preview update functionality
	$('#presnt_state').change(function()
	{
		previewImage();
	});
	
	$('#radio1').click(function()
	{
		previewImage();
	});

	$('#radio2').click(function()
	{
		previewImage();
	});
	
	$('#radio3').click(function()
	{
		previewImage();
	});
	
	$(function() 
	{
		$('a.lightbox').lightBox(); // Select all inputs with lightbox class
	});
	
	// default card values
	getPreview(1); 
	
	// business opportunity form validation
	$('#frm_send_friend').validate({ 
		rules:
		{
			name:
			{
				required: true
			},
			friend_email:
			{
				required: true
			},
			liame:
			{
				required: true,
				email: true
			}
		}

	});
	

});
// -- end DOM ready events -- //

// build preview images
function previewImage()
{
	var card = $('input[name=radio0]:checked').val();  // get card 
	var msg = $('#presnt_state').val();                // get message
										 
										 if (card == 1 && msg == 1)
										 {
											 getPreview(1);
										 }
										 if (card == 1 && msg == 2)
										 {
											 getPreview(2);
										 }
										 if (card == 1 && msg == 3)
										 {
											 getPreview(3);
										 }
										 
										 if (card == 2 && msg == 1)
										 {
											 getPreview(4);
										 }
										 if (card == 2 && msg == 2)
										 {
											 getPreview(5);
										 }
										 if (card == 2 && msg == 3)
										 {
											 getPreview(6);
										 }
										 
										 if (card == 3 && msg == 1)
										 {
											 getPreview(7);
										 }
										 if (card == 3 && msg == 2)
										 {
											 getPreview(8);
										 }
										 if (card == 3 && msg == 3)
										 {
											 getPreview(9);
										 }
										 
										 
										 // if preview with no selection
										 if (card == 1 && msg == "")
										 {	
										 	
											 getPreview(1);
										 }
										 if (card == 2 && msg == "")
										 {	
										 	
											 getPreview(4);
										 }
										 if (card == 3 && msg == "")
										 {	
										 	
											 getPreview(7);
										 }
}

function getPreview(i_card)
{	
	switch (i_card)
	{
		case 1:		
		$("#btn_preview").attr("href","/forms/emails/images/1-1.jpg");
		break;

		case 2:
		$("#btn_preview").attr("href","/forms/emails/images/1-2.jpg");
		break;
		
		case 3:
		$("#btn_preview").attr("href","/forms/emails/images/1-3.jpg");
		break;
		
		case 4:
		$("#btn_preview").attr("href","/forms/emails/images/2-1.jpg");
		break;

		case 5:
		$("#btn_preview").attr("href","/forms/emails/images/2-2.jpg");
		break;
		
		case 6:
		$("#btn_preview").attr("href","/forms/emails/images/2-3.jpg");
		break;
		
		case 7:
		$("#btn_preview").attr("href","/forms/emails/images/3-1.jpg");
		break;

		case 8:
		$("#btn_preview").attr("href","/forms/emails/images/3-2.jpg");
		break;
		
		case 9:
		$("#btn_preview").attr("href","/forms/emails/images/3-3.jpg");
		break;
	}
}

function noPreview()
{
	$("#btn_preview").attr("href","");
	return false;
	
}