$(document).ready(function(){
	/* recommend */
	
	$(".recommend").livequery(function() {
		var jobj=$(this);
		var pageid=$(this).attr('rel');
		var alt=$(this).attr('alt');
		alt=alt.replace(/<br>/g," ");
		var smalid=pageid.split(',');
		var secode="";
		var recvalue = "<p>&nbsp;</p>";
		recvalue+="<p class='recomicons'>";
		recvalue+="<a href='#' class='recom_mail'><span>E-Mail</span></a>";

		/* facebook share */
		recvalue+="<a href='http://www.facebook.com/sharer.php";
		recvalue+="?u="+encodeURIComponent("http://www.theaterhaus.com/theaterhaus/?id="+pageid);
		recvalue+="&t="+encodeURIComponent(alt+' - im Theaterhaus');
		recvalue+="' class='recom_facebook' target='_blank'><span>Share</span></a>";

		/* twitter retweet */
		recvalue+="<a href='http://twitter.com/home";
		recvalue+="?status="+encodeURIComponent(alt+" - im Theaterhaus http://www.theaterhaus.com/theaterhaus/?id="+pageid);
		recvalue+="' class='recom_twitter' target='_blank'><span>Tweet</span></a>";
		recvalue+="</p>";
		recvalue+="<p id='recpanel"+smalid[2]+"' class='seperatetop'>Diese Veranstaltung weiterempfehlen:</p>";

		recvalue+="<div style='display:none;' class='recpanel terminator'>";
		recvalue+= "<p>&nbsp;</p>";

		recvalue+="<form id='recform"+smalid[2]+"' class='normform'>";
		recvalue+="<p><label for='amail'>Ihre E-Mail:</label><input class='grey' type='text' id='amail' name='amail' value='' size='60' maxlength='50' /></p>";
		recvalue+="<p><label for='email'>Empf&auml;nger E-Mail:</label><input class='grey' type='text' id='email' name='email' value='' size='60' maxlength='200' /></p>";
		recvalue+="<p class='small'><label>&nbsp;</label>mehrere Empf&auml;nger durch Komma trennen</p>";
		recvalue+="<p><label for='atext'>Ihre Nachricht:</label><textarea class='grey' id='atext' name='atext' cols='51' rows='3' /></textarea></p>";
		recvalue+="<p class='small'><label>&nbsp;</label>Ihre Nachricht wird um einen <a href='http://www.theaterhaus.com/theaterhaus/?id="+pageid+"'>Link zu dieser Veranstaltung</a> erg&auml;nzt.</p>";
		recvalue+="<div id='msgbox"+smalid[2]+"'><input type='submit' value='absenden' /></div></form></div>";
		$(jobj).html(recvalue);
		
		/* Slide-Panel */
		$('.recomicons .recom_mail',jobj).click(function(){
			$('.recpanel',jobj).toggle();
			return false;
		});  

		/* Statistics */
		
		$('.recomicons .recom_facebook',jobj).click(function(){
			return pageTracker._trackPageview('/recom/facebook_'+smalid[2]);
		});
		$('.recomicons .recom_twitter',jobj).click(function(){
			return pageTracker._trackPageview('/recom/twitter_'+smalid[2]);
		});
		
		/* Mail */

		$('#recform'+smalid[2]).submit(function()
		{
			// start fading
			$("#msgbox"+smalid[2]).html('<img src="images/loading_small.gif" /> ...').fadeIn(1000);
			
			// get secode
			$.post("estemp/functions/recommend.php", { p_pageid:pageid,p_secode:"getsecode"}, function (secode) 
			{
					
				// check data	
				$.post("estemp/functions/recommend.php",{ p_amail:$('#recform'+smalid[2]+' #amail').val(),p_email:$('#recform'+smalid[2]+' #email').val(),p_atext:$('#recform'+smalid[2]+' #atext').val(),p_pageid:pageid,p_secode:secode }, function (data)
				{
					if(data=='OK') // if correct login detail
					{
						$("#msgbox"+smalid[2]).fadeTo(200,0.1,function()	//start fading the messagebox
						{
							//add message and change the class of the box and start fading
							$('#recpanel'+smalid[2]).html('Ihre Empfehlung wurde versendet. Vielen Dank!');
							$('.recomicons .recom_mail',jobj).trigger("click").unbind("click");
							
							/* statistic */
							pageTracker._trackPageview('/recom/mail_'+smalid[2]);

						});
					}
					else
					{
						if(data.indexOf("(#") != -1)
						{
							$("#msgbox"+smalid[2]).fadeTo(200,0.1,function()	//start fading the messagebox
							{
								//add message and change the class of the box and start fading
								$('#recpanel'+smalid[2]).html(data);
								$('.recomicons .recom_mail',jobj).trigger("click").unbind("click");
							});
						}
						else
						{
							$("#msgbox"+smalid[2]).fadeTo(200,0.1,function() //start fading the messagebox
							{
								//add message and change the class of the box and start fading
								$(this).html("<input type='submit' value='absenden' \/>&nbsp;"+data).fadeTo(900,1);
							});
						}
					}
				});
			});
			
			return false;//not to post the form physically
		});
	});
});