jQuery.fn.show_login = function(settings) {
	settings = jQuery.extend({
		modal : false,
		width : false,
		height: false, 
		opacity: 0.6, 
		animationSpeed: 'slow'
	}, settings);
	return this.each(function(){
		$(this).click(function(){
			buildoverlay();
			buildpopin();
			
			// Load the content
			$.get('/login_form.html',function(responseText){
				$('.loginPopup .loginContent .loginContent-container').html(responseText);
				
				if(!settings.width){
					settings.width = $('.loginPopup .loginContent .loginContent-container').width() + parseFloat($('.loginPopup .loginContent .loginContent-container').css('padding-left')) + parseFloat($('.loginPopup .loginContent .loginContent-container').css('padding-right'));
					$('.loginPopup .loginContent .loginContent-container').width(settings.width);
				}else{
					$('.loginPopup .loginContent .loginContent-container').width(settings.width);
				};
				
				if(!settings.height){
					settings.height = $('.loginPopup .loginContent .loginContent-container').height() + parseFloat($('.loginPopup .loginContent .loginContent-container').css('padding-top')) + parseFloat($('.loginPopup .loginContent .loginContent-container').css('padding-bottom'));
					$('.loginPopup .loginContent .loginContent-container').height(settings.height);
					
					settings.height = $('.loginPopup .loginContent .loginContent-container').height() + parseFloat($('.loginPopup .loginContent .loginContent-container').css('padding-bottom'));
					$('.loginPopup .loginContent .loginContent-container').width('auto').height('auto');
				}else{
					$('.loginPopup .loginContent .loginContent-container').height(settings.height);
					$('.loginPopup .loginContent .loginContent-container').width('auto').height('auto');
				};
				
				displayPopin();
			});
			return false;
		});
		
		var displayPopin = function() {
			var scrollPos = getScroll();

			$('.loginPopup').animate({
				'top': ($(window).height()/2) + scrollPos['scrollTop'] - (settings.height/2),
				'left': ($(window).width()/2) + scrollPos['scrollLeft'] - (settings.width/2),
				'width' : settings.width,
				'height' : settings.height
			},settings.animationSpeed, function(){
				displayContent();
			});
		};
		
		var buildpopin = function() {
			$('body').append('<div class="loginPopup"><a href="#" id="b_close">Close</a><div class="loginContent"><img src="img//loader.gif" alt="Loading" class="loader" /><div class="loginContent-container"></div></div></div>');
			
			var scrollPos = getScroll();
			
			// Show the popin
			$('.loginPopup').width(45).height(45).css({
				'top': ($(window).height()/2) + scrollPos['scrollTop'],
				'left': ($(window).width()/2) + scrollPos['scrollLeft']
			}).hide().fadeIn(settings.animationSpeed);
			
			$('a#b_close').click(function(){ closeOverlay(); return false; });
		};
		
		var buildoverlay = function() {
			$('body').append('<div id="overlay"></div>');
			
			// Set the proper height
			$('#overlay').css('height',$(document).height());
			
			// Fade it in
			$('#overlay').css('opacity',0).fadeTo(settings.animationSpeed,settings.opacity);
			
			if(!settings.modal){
				$('#overlay').click(function(){
					closeOverlay();
				});
			};
		};
		
		var displayContent = function() {
			var scrollPos = getScroll();
			
			$c = $('.loginPopup .loginContent .loginContent-container'); // The container
			$c.parent().find('.loader').hide();
			$c.parent().parent().find('#b_close').show();
			$c.fadeIn(function(){
				// Focus on the first form input if there's one
				$(this).find('input[type=text]:first').trigger('focus');

				// Submit the form in ajax
				$('form').bind('submit',function(){
					$theForm = $(this);
					// Fade out the current content
					$c.fadeOut(function(){
						$c.parent().find('.loader').show();
						
						// Submit the form
						$.post('login.php', $theForm.serialize(),function(responseText){
							// Replace the content
							if(responseText == 1)
							{
							$('#site_response').html('Logging in...<br /><img src="img/loader.gif" alt="Loading" />');
					 		setTimeout("window.location = 'fisierele-mele/index.html'",600);
							}
							else if(responseText == 0)
							$('#site_response').html('Userul sau parola nu sunt corecte');
							else							
							$('#site_response').html('Eroare, reincearca');
							

							settings.width = $c.width() + parseFloat($c.css('padding-left')) + parseFloat($c.css('padding-right'));
							settings.height = $c.height() + parseFloat($c.css('padding-top')) + parseFloat($c.css('padding-bottom'));

							$('.loginPopup').animate({
								'top': ($(window).height()/2) + scrollPos['scrollTop'] - (settings.height/2),
								'left': ($(window).width()/2) + scrollPos['scrollLeft'] - (settings.width/2),
								'width' : settings.width,
								'height' : settings.height
							}, settings.animationSpeed,function(){
								displayContent();
							});
						});
					});
					return false;
				});
			});
			$('a#b_cancel').click(function(){ closeOverlay(); });
		};
		
		var closeOverlay = function() {
			$('#overlay').fadeOut(settings.animationSpeed,function(){ $(this).remove(); });
			$('.loginPopup').fadeOut(settings.animationSpeed,function(){ $(this).remove(); });
		};
		
		var getScroll = function() {
			scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0;
			scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || 0;
			return {scrollTop:scrollTop,scrollLeft:scrollLeft};
		};
		
	});
};