$(document).ready(function() {



   $("#main_menu > *").hover(function() {
     $(this).next().addClass("remove_slashes");
   },function(){
     $(this).next().removeClass("remove_slashes");
   });

  $("#login_link").click(function(){
  	$("#login_div").show("slow");
  	$("#login_link").hide();
  	return false;

  		});
   $("#cancel_submit").click(function(){
  	$("#login_div").hide("slow");
  	$("#login_link").show();
  	return false;

  		});


   $("#login_submit").click(function(){
	$(".error").hide();
		var hasError = false;

		var usernameField = $("#modlgn_username").val();
		if(usernameField == '') {
			$("#modlgn_username").after('<span class="error">You forgot to enter your Username</span>');
			hasError = true;
		}


		var passwordField = $("#modlgn_passwd").val();
		if(passwordField == '') {
			$("#modlgn_passwd").after('<span class="error">You forgot to enter your Password.</span>');
			hasError = true;
		}

		var rememberField = $('#modlgn_remember').is(':checked');

		if(hasError == false) {
			$("#login_div").hide("slow");
			$("#login_div").before('<div id="temp"><img src="/images/loadingAnimation.gif" alt="Loading" id="loading" /></div>');
			$("#temp").show("slow");
			$.post("/",
   				{option:'com_ntblogin',format:'raw', view:'login', remeber: rememberField, username: usernameField, password: passwordField},
   					function(data){
						$(".moduletable_login").hide();
						$(".moduletable_login").before('<div class="moduletable_login" align="right"><div class="login_right">Welcome, '+data.username+' <input type="submit" value="Logout" id="logout_submit" name="Submit"/></div></div>');
						}, 'json');
		}

		return false;
   	});


   	 $("#logout_submit").submit(function(){
   alert("test");
  	$("#login_div").hide("slow");
  	$("#login_link").show();
  	return false;

  		});


 });




<div class="moduletable_login">
						<div id="login_div" style="display: none;"><form id="form-login" name="login" method="post" action="/component/content/">
		<span id="mod_login_usernametext_cblogin">
		<label for="modlgn_username">Username</label>
		<input size="18" alt="username" class="inputbox" name="username" id="modlgn_username" type="text">
	</span>
	<span id="form-login-password">
		<label for="modlgn_passwd">Password</label>
		<input alt="password" size="18" class="inputbox" name="passwd" id="modlgn_passwd" type="password"></span><input alt="Remember Me" value="yes" class="inputbox" name="remember" id="modlgn_remember" type="checkbox">
		<span id="modlgn_remember_text"><label for="modlgn_remember">Remember Me</label></span>
		<input value="Login" name="Submit" id="login_submit" type="submit">
		<input value="Cancel" name="Submit" id="cancel_submit" type="submit">

	<input value="com_user" name="option" type="hidden">
	<input value="login" name="task" type="hidden">
	</form>
</div><div class="login_right"><a href="#" mce_href="#" id="login_link">Login </a>| <a href="/component/juser/register" mce_href="/component/juser/register">Register</a></div>		</div>
	</div>