Logowanie AJAX, System okienek Opcje

[permanent]

W indexie mam pole logowania i akcje do login.php. Jak zrobić, że w index.php wywali mi wynik logowania bez przechodzenia do login.php:

(IMG:http://iv.pl/images/pj3zmxyuleydo5a27c.png)

Okienko wyświetlam tak:

[HTML] pobierz, plaintext 
<script type="text/javascript">
	$(function() {
		$("#normal").dialog({
			bgiframe: true,
			height: 140,
			modal: true
		});
	});
</script>
<div id="normal" title="Basic modal dialog">
	<p>ssssssss</p>
</div>
[HTML] pobierz, plaintext 

Czytałem coś o JSON'ie ale kompletnie nie wiem jak to zrobić, proszę o jakieś rady, nakierowania.  (IMG:style_emoticons/default/worriedsmiley.gif)

[permanent]

Znalazłem coś podobnego tylko "dymek" ze znikaniem. Mam coś takiego:

[HTML] pobierz, plaintext 
 
<script language="javascript">
$(document).ready(function()
{
	$("#LoginForm").submit(function()
	{
		$("#msgbox").removeClass().addClass('messagebox').text('Weryfikowanie danych...').fadeIn(0);
		$.post("site/login.php",{ username:$('#username').val(),password:$('#password').val(),rand:Math.random() } ,function(data)
        {
		  if(data=='yes')
		  {
		  	$("#msgbox").fadeTo(200,0.1,function()
			{ 
			  $(this).html('Trwa logowanie...').addClass('messageboxok').fadeTo(1500,1,
              function()
			  { 
				 document.location='index.php';
			  });
 
			});
		  }
		  else 
		  {
		  	$("#msgbox").fadeTo(200,0.1,function()
			{ 
			  $(this).html('Wpisane dane są niepoprawne.').addClass('messageboxerror').fadeTo(900,1);
			});		
          }
 
        });
 		return false;
	});
	$("#password").blur(function()
	{
		$("#LoginForm").trigger('submit');
	});
});
</script>
 
 
[HTML] pobierz, plaintext 

Działa - jeżeli w pliku login.php odczyta "yes" to wyświetla odpowiedni dymek z napisem "Trwa logowanie...". Problem w tym, że jeżeli wstawię dowolną funkcję php (poza echo - wyświetlaniem) to automatycznie wyświetla, że dane są niepoprawne.... Tak jakby nie chciał wykonywać skrypt.