$.preloadImages("/code/slide/badboys2.jpg");    
$.preloadImages("/code/slide/kusicielka2.jpg");    

$(window).bind('load', function() {
	$('body').append('<div id="recommend"><img src="/code/recommend/close.gif" onclick="hideRecommend();" /><div id="rdata"><form name="rform" id="rform" action=""><table cellpadding="0" cellspacing="0"><tr><td width="310"><input type="text" name="rfrom" id="rfrom" tabindex="1" /></td><td width="20"></td></tr><tr><td><input type="text" name="remail" id="remail" tabindex="2" /></td><td></td></tr><tr><td colspan="2" class="submit"><input type="submit" name="rsubmit" id="rsubmit" tabindex="3" value="Wyślij info do znajomego" /></td></tr></form></div></div>');
	$('#recommend').css('visibility', 'hidden');	
	$('#recommend').css('display', 'inline');
	$('#recommend').css('left', -$('#recommend').innerWidth()-10);
	$('#recommend').css('top', 300);
	$('#recommend').css('visibility', 'visible');		
	$("#rform").validate({
	   rules: {
	     remail: {
	       required: true,
	       email: true
	     }
	   },
	   errorElement: "span",
	   errorPlacement: function(error, element) {
			error.appendTo( element.parent("td").next("td") );
		},
	   success: function(label) {
			label.text("").addClass("success");
	   },
	   messages: {
	     remail: {
	       required: " ",
	       email: " "
	     }
	   },
	   submitHandler: function(form) {
	    	hideRecommend();
			$.post('http://'+location.host+'/code/recommend/mail.php', {f: $('#rfrom').val(), m: $('#remail').val()}, confirmRecommend);
       }
	});
});

function showRecommend() {
	$('#recommend').animate({
	  left: ($(window).innerWidth() - $('#recommend').innerWidth()) / 2
	}, 600);
	return false;	
}

function hideRecommend() {
	$('#recommend').animate({
	  left: -$('#recommend').innerWidth()-10
	}, 600);	
}

function confirmRecommend(data, textStatus) {
	if (textStatus == 'success')
	{
		$('#remail').val('');
	}
}