(function($){  
	 $.fn.modalpopup = function() {
		$("#modal-overlay").fadeIn(300);
		$("#member-login").css("margin-left",-1*$("#member-login").width()/2+"px");
		$("#member-login").css("margin-top",-1*$("#member-login").height()/2+"px");
		$("#member-login").fadeIn(300);
	 };  
	 $.fn.mpclose = function() {
		$("#modal-overlay").fadeOut(300);
		$("#member-login").fadeOut(300);
	 };


})(jQuery); 

$(document).ready(function() {
	var popupLogin;
	//login form
	//When you click on a link with class of poplight and the href starts with a # 
	$('#member').click(function() {
		if(!check_null(popupLogin)){
			popupLogin = 
			'<div class="pop-up" id="member-login">' +
				'<div class="l-pop-up">' +
					'<form action="/index.php?sel=login" method="post" class="curvy-white">' +
						'<a href="#" class="popup-close"><img src="/templates/kd/img/close.gif" width="7" height="7" alt="" class="close" /></a>' +
						//'<a href="#" class="popup-close"></a>' +
						'<div class="cl"></div>' +
						'<h4>Member Login</h4>' +
						'<div class="fle">Login</div>' +
						'<div class="fri"><input type="text" name="login_lg" /></div>' +
						'<div class="cl"></div>' +
						'<div class="fle">Password</div>' +
						'<div class="fri"><input type="password" name="pass_lg" /></div>' +
						'<div class="cl"></div>' +
						'<p class="links"><a href="/registration.php">Not a member?</a>' +
						'&nbsp; <a href="/lost_pass.php">Forgot</a>' +
						'</p>' +			
						'<div class="rem-me">' +
							'<span><input type="checkbox" class="styled" name="remember_me" value="1" />Remember me</span>' +
						'</div>' +
						'<a class="button" href="#">Enter</a>' +			
					'</form>' +
				'</div>' +
			'</div>';
			//$("div.popup").css("display","none");
			$("body").prepend("<div id='modal-overlay'>" + popupLogin + "</div>"); 
			$("#modal-overlay").css({position:"fixed", display:"none"});
			Cufon.refresh();
		}
		$(document).modalpopup();
		return false;
	});

	$("a.popup-close").live("click", function() {
		$(document).mpclose();
	});
/*
	$("a.popup-close").click(function() {
		$(document).mpclose();
	});
	*/
});