var errormessage;	
var initSendVideoMail=function(){	
		$('sendEmailToFriend').addEvent('click',toggleDiv);	
		$('submitFormVideoEmail').addEvent('click',emailFormSubmit);
		$('cancelmail').addEvent('click',toggleDivReverse);	
		$('eMailClose').addEvent('click',toggleDivReverse);
		$('faceBookVideoPageLink').addEvent('click',faceBookRedirect);
		$('twitterVideoPageLink').addEvent('click',twitterRedirect);
			
};
	
var toggleDiv=function(){
$('MainDiv').setStyle('display','none');
$('sendEmailDiv').setStyle('display','block');
$('divlabelemail').setStyle('display','block');
$('email-video').setStyle('display','block');
};

var faceBookRedirect=function()
{
var url=window.location.href;
window.open("http://www.facebook.com/share.php?u="+url+"");
}
var twitterRedirect=function()
{
var url=window.location.href;
window.open("http://www.addthis.com/bookmark.php?v=250&winname=addthis&pub=xa-4bb5a94b367a5c9b&source=men-250&lng=en&s=twitter&url="+url+"&title=TenMarks%3A&ate=AT-xa-4bb5a94b367a5c9b/-/-/4bcc92521f9b01d0/3/4b0cc3bf0beca017&uid=4b0cc3bf0beca017&CXNID=2000001.5215456080540439074NXC&tt=0");
}



var toggleDivReverse=function(){
$('sendEmailForm').reset();

$('MainDiv').setStyle('display','block');
$('premessagediv').setStyle('display','none');
$('friendEmailLabel').removeClass('error-login-label');
$('friendEmailName').removeClass('error-login-label');
$('email-video').setStyle('display','none');
$('sendEmailDiv').setStyle('display','none');
$('divlabelemail').setStyle('display','none');
$('messagediv').setStyle('display','none');
};

var emailFormSubmit=function()
{
	var url=window.location.href;	
	var emailList=$('friendEmailList').get('value');
	var emailsendername=$('friendEmailnametext').get('value');
	var sendmessage=$('friendEmailmesstext').get('value');
	if(validateFormVideoEmail())
	{		
		var req = new Request(
		{
		url:'send-email-link',
		onRequest:function()
		{	
			$('sendEmailDiv').setStyle('display','none');
			$('messagedivimage').setStyle('display','block');
			$('messagedivimage').addClass('ajax-loading');
			$('messagediv').set('html',"<div class='clear' style='padding-top:70px;'>Sending email</div>");

		},
		onSuccess: function(){				
			$('messagedivimage').removeClass('ajax-loading');
			$('messagedivimage').setStyle('display','none');
			$('messagediv').setStyle('display','block');
			$('messagediv').set('html',"<div class='clear txtcenter' style='padding-top:70px;'>Your e-mail was sent.</div><div class='clear txtcenter' style='padding-top:5px;'><input id='closebutton' onclick='toggleDivReverse()' type='button' style='background-image:url(../passive/images/close-btn.png);width:89px;height:26px;background-repeat:no-repeat;border:0px;cursor:pointer;'/></div>");
		},
		// Our request will most likely succeed, but just in case, we'll add an
		// onFailure method which will let the user know what happened.
		onFailure: function(){
			$('messagediv').set('html',"Some Error Occured during sending mail.please try again.");
		}

	});
	
	req.send({
    method: 'post',
    data:'videoEmailBean.videoEmailModel.email='+emailList+'&videoEmailBean.videoEmailModel.url='+url+'&videoEmailBean.videoEmailModel.name='+emailsendername+'&videoEmailBean.videoEmailModel.message='+sendmessage+''
    });
	}
	else
	{	
		
		return false;
	}
};
	
	var validateEmail=function(field) {
    var regex=/\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b/i;
    return (regex.test(field)) ? true : false;
    };

	var validateMultipleEmailsCommaSeparated=function(value) {
    var result = value.split(",");
    for(var i = 0;i < result.length;i++)
    if(!validateEmail(result[i])) 
      	return false;
                  
    return true;    
};

var validateFormVideoEmail=function()
{
	var emaillist=$('friendEmailList').value;
	var emailsendername=$('friendEmailnametext').value;
	isvalid=true;
	errormessage="<span class='clear whoop-sml error-login-msg'>Whoops, We noticed something...</span><ul style='padding-left:15px;'>";
	if(!validateMultipleEmailsCommaSeparated(emaillist))
	{
		$('friendEmailLabel').addClass('error-login-label');
		errormessage=errormessage+"<li class='error-login-msg'><span style='color:#000000;line-height:16px;'>Please enter the email</span><br>";
		isvalid=false;
	}
	else
	{
		$('friendEmailLabel').removeClass('error-login-label');
	}
	if(emailsendername=='')
	{
		$('friendEmailName').addClass('error-login-label');	
		errormessage=errormessage+"<li class='error-login-msg'><span style='color:#000000;line-height:16px;'>Please enter the name</span><br>";
		isvalid=false;
	}
	else
	{
		$('friendEmailName').removeClass('error-login-label');
	}
	if(isvalid)
	{
		hideErrorMessDiv();
	}
	else
	{
		showErrorMessDiv();
	}
	return isvalid;

};

var hideErrorMessDiv=function()
{
	$('premessagediv').setStyle('display','none');
};

var showErrorMessDiv=function()
{
	$('premessagediv').setStyle('display','block');
	$('premessagediv').setStyle('font-size','11px');
	$('premessagediv').set('html',errormessage);
};