$(function(){
		var frameHeight = $(window).height();
		var frameWidth = $(window).width();
			
	$('#smgrpLogin').click(function(){
		var scrollHeight = $(window).scrollTop();
		var bHeight = $('body').height();
		
		$("<div id='skin'>")
			.css({
				'position': 'absolute',
				'height': bHeight,
				'top': '0px',
				'left': '0px',
				backgroundColor: 'black',
				'opacity': '0.75',
				'width': '100%',
				zIndex: 50000
			}).hide().appendTo("body").fadeIn("slow");
		$('<div id="showLogin"><div style="text-align:right"><a id="closeIt" href="#">Close</a></div><form method="post" name="login" action="http://www.myabundantlife.com/next_steps/report/"><label for="p">Password:</label><br /><input type="password" id="p" name="p"/><br /><input type="checkbox" id="rm" name="rm" value="1"> <label for="rm">Remember Me</label><br /><button type="submit">Login</button></form></div>')
			.css({
				backgroundColor: 'white',
				'position' : 'absolute',
				'top': frameHeight/2-130+scrollHeight,
				'left': frameWidth/2-150,
				margin: 0,
				width: 300,
				height: 130,
				padding: 10,
				zIndex: 60000,
				overflow: 'hidden'
			}).hide().appendTo("body").fadeIn("slow");
		
		
	$('#closeIt').click(function() {
		$('#showLogin').fadeOut(300, function(){
			$(this).remove();
		})
		$('#skin').fadeOut(300, function(){
			$(this).remove();
		});
		return false
	});
	/*close it all!	*/
		
		return false;
		});/*smgrpLogin Click Function */
		

	
});
/*main function*/