jQuery.noConflict();
jQuery(document).ready(function(){
	var toggle = function(){
		jQuery('#tfLI').slideToggle();
	}
	
	var send = function(){
		var name = jQuery('#tfLIName')[0].value;
		var email = jQuery('#tfLIEmail')[0].value ;
		var message = jQuery('#tfLIMessage')[0].value || jQuery('#tfLIMessage')[0].innerHTML;
		
		jQuery.ajax({
			type: "POST",
			url: "fileadmin/tellfriend/tellfriend.php",
			data: 'name=' + name + '&email=' + email + '&message='+ message,
			success: function(msg){
				if (msg != 'ok') {
					alert('Error: ' + msg);
				} else{
					alert("Deine Einladung wurde verschickt!");
					toggle();
				}
			},
			error: function(){
				alert('Error: Our server is currently not available');
			}
		});
	}
	
	var btn = jQuery("a[@href='ladeanderevaterei.html']",'#box_header_navigation');
	btn.css('cursor', 'pointer');
	btn[0].removeAttribute('href');	
	btn.wrap("<span style='position:relative'></span>");
	var form = "<div id='tfLI'>Dein Name:<br /><input type='text' size='30' name='name' id='tfLIName'/><br />Empfänger Email:<br /><input type='text' size='30' name='email' id='tfLIEmail'/><br />Deine Nachricht:<br /><textarea cols='29' rows='4' name='message' id='tfLIMessage'></textarea><br /><img id='tfLIBtn' src='fileadmin/tellfriend/send.gif' style='cursor:pointer;' /></div>"; 
	
	btn.after(form);
	
			
	btn.bind('click', toggle);
	jQuery('#tfLIBtn').bind('click', send);	
});