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');
	
	//create Form
	
	var fEmailDiv = document.createElement('div');
	fEmailDiv.id = 'fEmailDiv';
	fEmailDiv.style.display = 'none';
	fEmailDiv.className = 'EmailVersendenForm'
	
	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>";

	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(){
	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))
		{
			alert("Bitte fuellen Sie das Formular vollstaendig und korrekt aus.");
			return false;
		}
		
		
		$('fEmailDiv').innerHTML = '<center><img src="data/lightbox/loading.gif" border="0"/></center>';
		
		var param = {
			'emailAbsender': emailAbsender,
			'nameAbsender': nameAbsender,
			'emailEmpfaenger': emailEmpfaenger,
			'nameEmpfaenger': nameEmpfaenger,
			'nachricht': nachricht,
			'bild': emailImageUrl
		};
		
		var AjaxRequest = new Ajax.Request('data/send_email.cfm',	{
			method:'get', 
			parameters: param,
			onSuccess: openEmailForm
	    });
		
	})
}





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;
	}
}