// JavaScript Document

function showHideEtafBox(element)
{

	if($("#mainEtafLinkContainer_"+ element).css("display") == "none")
	{
		$("#etafLinkNotifications_"+ element).hide();
		$("#etafLinkBoxMainContent_"+ element).show();
		$("#mainEtafLinkContainer_"+ element).css("display", "block");
		$("#recipientName_"+ element).focus();
	}
	else
	{
		$("#etafLinkNotifications_"+ element).hide();
		$("#etafLinkBoxMainContent_"+ element).show();
		$("#mainEtafLinkContainer_"+ element).css("display", "none");
	}
}

function checkEmailAddress(str)
{
	var emailCorrect = false;
	
	var filter = /^.+@.+\..{2,3}$/;

	if(filter.test(str))
	{
    	emailCorrect = true;
 	}
	
	return emailCorrect;
}

function handleEtafSend(element)
{
	
	var recipientName  = $("#recipientName_"+ element).val();
	var recipientEmail = $("#recipientEmail_"+ element).val();
	var yourName       = $("#yourName_"+ element).val();
	var sendDomain     = document.location.href.replace(/&/g, "{AND}");
	
	var etafErrors   = 0;
	var etafErrorMsg = "Please correct the following errors:\r\n\r\n";
	
	if(recipientName == "")
	{
		etafErrorMsg += "Enter the recipient name!\r\n";
		etafErrors++;
	}
	
	if(recipientEmail == "")
	{
		etafErrorMsg += "Enter the recipient email!\r\n";
		etafErrors++;
	}
	else if(!checkEmailAddress(recipientEmail))
	{
		etafErrorMsg += "Enter a valid recipient email!\r\n";
		etafErrors++;
	}
	
	if(yourName == "")
	{
		etafErrorMsg += "Enter the your name!\r\n";
		etafErrors++;
	}
	
	if(etafErrors == 0)
	{
		$.getJSON("/vcl/widgets/includes/php/emailafriend.php?recipientName=" + recipientName + "&recipientEmail=" + recipientEmail + "&yourName=" + yourName + "&sendDomain=" + sendDomain, function(data)
		{
			if(data.result.match(/Email sent/))
			{
				
				$("#recipientName_"+ element).val("");
				$("#recipientEmail_"+ element).val("");
				$("#yourName_"+ element).val("");
				$("#etafLinkBoxMainContent_"+ element).hide();
				$("#etafLinkNotifications_"+ element).html(data.result);
				$("#etafLinkNotifications_"+ element).show();
				
			}
			else
			{
				alert(data.result);
			}
		});
	}
	else
	{
		alert(etafErrorMsg);
	}
}

function loadEmailFriend(element) {
	
	var pageOutput = '<style type="text/css">';
	pageOutput += '#etafLinkShowBox_'+element+' {display: block; height: 20px; width: 60px; overflow: hidden; text-decoration: none; text-align:center; background: url(/images/email.gif) top left no-repeat;}';//http://www.mobileshop.com
	pageOutput += '#etafLinkBoxMainContent_'+element+ ' p {margin: 0px 0px 0px 0px;}';	
	if(identifyBrowser() == "ie6" || identifyBrowser() == "ie7")
	{
		pageOutput += '#etafLinkShowBox_'+element+':hover{background-position: 0 -20px;}';
	}
	else
	{
		pageOutput += '#etafLinkShowBox_'+element+':hover{background-position: 0 -20px}';
	}
	
	pageOutput += '.etafFormContentWidth{width: 100%; padding: 0; margin: 0; text-align: left;}';
	pageOutput += '#closeEtafLinkBox_'+element+'{float: none; display: block; margin: 10px 0 10px 0; width: 100%; overflow: hidden; padding: 3px 0 3px 0; text-align: center; color: #fff; border-top: 1px #f1f1f1 solid;}';
	pageOutput += '#etafLinkBoxBg_'+element+'{background-color: #333; position: absolute; top: 20px; right: 0; width: 240px; height: 250px; z-index: 1999; opacity:0.9; filter:alpha(opacity=90);}';
	pageOutput += '</style>';
	pageOutput += '<span style="position: relative; z-index: 2000;">';
	pageOutput += '<a id="etafLinkShowBox_'+element+'" onclick="javascript: showHideEtafBox(\''+element+'\'); urchinTracker(\'/emailafriend/showform\'); return false;" title="Email a friend" href="#"></a>';
	pageOutput += '<span id="mainEtafLinkContainer_'+element+'" style="display: none;">';
		
	if(identifyBrowser() == "ie8")
	{
		pageOutput += '<div style="position: absolute; width: 200px; padding: 10px 20px 10px 20px; top: 20px; right: -40px; z-index: 2000; color: #fff; background-color: #333;">';
	}	
	else
	{
		pageOutput += '<div style="position: absolute; width: 200px; padding: 10px 20px 10px 20px; top: 20px; right: 0; z-index: 2000; color: #fff;">';
	}
			
	pageOutput += '<h3 style="font-size: 14px;">Email to yourself or a friend!</h3>';
	pageOutput += '<span id="etafLinkBoxMainContent_'+element+'">';
	pageOutput += '<p style="margin-top: 10px;" class="etafFormContentWidth">Recipient&rsquo;s Name:</p><input style="margin-bottom: 10px;" class="etafFormContentWidth" type="text" id="recipientName_'+element+'" />';
	pageOutput += '<p class="etafFormContentWidth">Recipient&rsquo;s Email:</p><input style="margin-bottom: 10px;" class="etafFormContentWidth" type="text" id="recipientEmail_'+element+'" />';
	pageOutput += '<p class="etafFormContentWidth">Your Name:</p><input style="margin-bottom: 10px;" class="etafFormContentWidth" type="text" id="yourName_'+element+'" />';
	pageOutput += '<input type="submit" value="Send" id="sendEmafLink_'+element+'" onclick="javascript: handleEtafSend(\''+element+'\'); urchinTracker(\'/emailafriend/sendemail\'); return false;" />';
	pageOutput += '</span>';
	pageOutput += '<span id="etafLinkNotifications_'+element+'" style="display: none;"></span>';
	pageOutput += '<a id="closeEtafLinkBox_'+element+'" onclick="javascript: showHideEtafBox(\''+element+'\'); return false;" title="Close" href="#">Close</a>';
	pageOutput += '</div>';
	
	if(identifyBrowser() != "ie8")
	{
		pageOutput += '<div id="etafLinkBoxBg_'+element+'"></div>';
	}
	
	pageOutput += '</span>';
	pageOutput += '</span>';
	
	document.write('<script type="text/javascript" src="/includes/javascript/lib/jquery-1.3.2.js"></script>' + pageOutput);
	
}