var emailImageUrl;

function openEmailForm(){
	if($('fEmailDiv')) 
	{
		new Effect.Parallel
		(
			[ 
				new Effect.SlideUp( 'fEmailDiv', { sync: true, duration: 0.45}), 
				new Effect.Fade('fEmailDiv', { sync: true, duration: 0.45 })
			], 
			{ duration: 0.45 , afterFinish: function(){$('imageDetails').removeChild($('fEmailDiv'));}}
		);
		return true;
	}
	var caller = this;
	if(this.title)
		emailImageUrl = this.title;
	else
		emailImageUrl = $(ecardOpener).title;
		
	var parent = $('imageDetails');
	
	var language = getCookie("LANGUAGE");
	
	//create Form
	
	var fEmailDiv = document.createElement('div');
	fEmailDiv.id = 'fEmailDiv';
	fEmailDiv.style.display = 'none';
	fEmailDiv.className = 'EmailVersendenForm'
	
	if(language == 'D')
	{
		fEmailDiv.innerHTML = "<label for='fNameEmpfaenger'>Name Empf&auml;nger</label>"						+
							  "<input class='edit_input1 mussfeld' type='text' id='fNameEmpfaenger'><br>"		+
							  "<label for='fEmailEmpfaenger'>E-Mail Empf&auml;nger</label>"						+
							  "<input class='edit_input1 mussfeld' type='text' id='fEmailEmpfaenger'><br>"		+
							  "<label for='fNameAbsender'>Name Absender</label>"								+
							  "<input class='edit_input1 mussfeld' type='text' id='fNameAbsender'><br>"			+
							  "<label for='fEmailAbsender'>E-Mail Absender</label>"								+
							  "<input class='edit_input1 mussfeld' type='text' id='fEmailAbsender'><br>"		+
							  "<label for='fNachricht'>Nachricht</label><br>"									+
							  "<textarea class='edit_textarea1' id='fNachricht'></textarea><br>"				+
							  "<a id='emailFormSend' style='cursor:pointer'>E-Card versenden</a>";
	}
	else if(language == 'e')
	{
		fEmailDiv.innerHTML = "<label for='fNameEmpfaenger'>Name Receiver</label>"						+
							  "<input class='edit_input1 mussfeld' type='text' id='fNameEmpfaenger'><br>"		+
							  "<label for='fEmailEmpfaenger'>E-MailReceiver</label>"					+
							  "<input class='edit_input1 mussfeld' type='text' id='fEmailEmpfaenger'><br>"		+
							  "<label for='fNameAbsender'>Your Name</label>"								+
							  "<input class='edit_input1 mussfeld' type='text' id='fNameAbsender'><br>"			+
							  "<label for='fEmailAbsender'>Your E-Mail</label>"							+
							  "<input class='edit_input1 mussfeld' type='text' id='fEmailAbsender'><br>"		+
							  "<label for='fNachricht'>Message</label><br>"									+
							  "<textarea class='edit_textarea1' id='fNachricht'></textarea><br>"				+
							  "<a id='emailFormSend' style='cursor:pointer'>Send E-Card</a>";
	}
	else
	{
		fEmailDiv.innerHTML = "<label for='fNameEmpfaenger'>Naam Ontvanger</label>"						+
							  "<input class='edit_input1 mussfeld' type='text' id='fNameEmpfaenger'><br>"		+
							  "<label for='fEmailEmpfaenger'>E-Mail Ontvanger</label>"					+
							  "<input class='edit_input1 mussfeld' type='text' id='fEmailEmpfaenger'><br>"		+
							  "<label for='fNameAbsender'>Uw naam</label>"								+
							  "<input class='edit_input1 mussfeld' type='text' id='fNameAbsender'><br>"			+
							  "<label for='fEmailAbsender'>Uw E-Mail</label>"							+
							  "<input class='edit_input1 mussfeld' type='text' id='fEmailAbsender'><br>"		+
							  "<label for='fNachricht'>Bericht</label><br>"								+
							  "<textarea class='edit_textarea1' id='fNachricht'></textarea><br>"				+
							  "<a id='emailFormSend' style='cursor:pointer'>Verzend e-Kaart</a>";
	}
	parent.appendChild(fEmailDiv);
	
	new Effect.Parallel
	(
		[ 
		 	new Effect.SlideDown( 'fEmailDiv', { sync: true, duration: 0.45, from: 0.0, to: 1.0 }), 
		 	new Effect.Appear('fEmailDiv', { sync: true, duration: 0.45 })
		], 
		{ duration: 0.45 , afterFinish: createSubmitLink}
	);
}

function createSubmitLink(){
	var language = getCookie("LANGUAGE");
	Event.observe($('emailFormSend'),'click',function(){
		var emailAbsender 	= $('fEmailAbsender').value;
		var nameAbsender  	= $('fNameAbsender').value;
		var emailEmpfaenger = $('fEmailEmpfaenger').value;
		var nameEmpfaenger	= $('fNameEmpfaenger').value; 
		var nachricht		= $('fNachricht').value.replace(/\n/g, "<br />");
		
		if(!RTrim(emailAbsender) || !RTrim(nameAbsender) || !RTrim(emailEmpfaenger) || !RTrim(nameEmpfaenger) || !checkEmail(emailEmpfaenger) || !checkEmail(emailAbsender))
		{
			if(language == 'D') alert("Bitte fuellen Sie das Formular vollstaendig und korrekt aus.");
			else if(language == 'e') alert("Please fill out all form fields correctly.");
			else alert("Gelieve te vullen correct alle vormgebieden in.");
			return false;
		}
		
		
		$('fEmailDiv').innerHTML = '<center><img src="assets/lightbox/loading.gif" border="0"/></center>';
		
		var param = "emailAbsender="+emailAbsender+"&nameAbsender="+nameAbsender+"&emailEmpfaenger="+emailEmpfaenger+"&nameEmpfaenger="+nameEmpfaenger+"&nachricht="+nachricht+"&bild="+emailImageUrl;
		
		var AjaxRequest = new Ajax.Updater('fEmailDiv','email.cfm', {method:'get', parameters: param, onComplete: function(){
      if (language == 'D')
        $('fEmailDiv').innerHTML = '<span style="position:relative;bottom:10px;">Ihre E-Card wurde versendet.</span>';
      else if(language == 'e')
       $('fEmailDiv').innerHTML = '<span style="position:relative;bottom:10px;">Your e-card has been sent.</span>';
      else
      $('fEmailDiv').innerHTML = '<span style="position:relative;bottom:10px;">Uw e-kaart is verzonden.</span>';  
    } 
    });
		
	})
}





function RTrim(s) {
	var i;
			
	for (i=s.length-1; s.charCodeAt(i)==32; i--) {}
	s=s.substring(0,i+1);

	return s;
}
			
function checkEmail(s) {
	if (s != '')
	{
		res = (s.search('@') >= 1 &&
		s.lastIndexOf('.') > s.search('@') &&
		s.lastIndexOf('.') >= s.length-5)
			
		if (res == false)
		{
			return false;
		}
		return true;
	}
}