$(function(){
				var loginForm = $('#loginForm');
				var loginFade = 200;
				var formLogin = $('#myForm');
				var loginLoader = $('#loginLoading');
				var loginMessage = $('#loginError');
				
				$('.loginLink').click(function(){
					loginLoader.hide();
					loginMessage.hide();
					loginForm.fadeIn(loginFade);
					return false; 	
				});
				$('#loginClose').click(function(){ loginClose(); });
				
				formLogin.submit(function(){
					loginLoader.fadeIn(100);
					if(login(this)) {
						var items = $(this).serialize();
						
						$.ajax({
							type: 'POST',
							url: '?loggin=login',
							data: items,
							success: function(data){ 
								switch(data) {
									case 'error':
										loginMessage.empty().append('Username or Password Incorrect').fadeIn(100, function(){
											$(this).animate({ opacity: 1 }, 2500, function(){
												$(this).fadeOut(100);
												loginLoader.fadeOut(100);	
											});	
										});
									break;
									case 'ok':
										loginMessage.empty().append('Logged in successfully').fadeIn(100, function(){
											$(this).animate({ opacity: 1}, 2500, function(){ loginClose('cleanUp'); });	
										});									
									break;	
								}
							},
							dataType: 'html'
						});
					}
					return false;	
				});
				
				function loginClose(clean) {
					loginForm.fadeOut(loginFade,function(){
						loginLoader.hide();
						loginMessage.hide();	
						if(clean) {
							$('.loginLink').fadeOut(100,function(){
								$(this).remove();
								$('#logoutText').fadeIn(100);	
							});
							loginForm.remove();
						}
					});	
				}
			});