$(document).ready(function() {
		$("a.greybox").click(function(e) {
			e.preventDefault();
			var offTop = $(window).scrollTop();
			var offTop = (offTop + 20);
			$('body').prepend('<div id="mask"></div>');
			$('body').prepend('<div id="greybox">' +
							  	'<div class="greybox-border">' +
								   	'<div class="greybox-body">' +
									   	'<a class="greybox-close" href="">close <span style="font-size:16px;">x</span></a>' +
								   		'<div class="greybox-content">' +
									   	'</div>' +
									   	'<a class="greybox-close" href="">close <span style="font-size:16px;">x</span></a>' +
									   	'<div style="clear:both;" />' +
								   	'</div>' +
								 '</div>' +
							   '</div>');
			$('.greybox-border').css('top', (offTop + "px"));
			$('.greybox-content').load($(this).attr('href'));
			$('.greybox-close').click(function(e) {
				$('#greybox').remove();
				$('#mask').remove();
				return false;
			});
			$('#mask').click(function(e) {
				$('#greybox').remove();
				$('#mask').remove();
				return false;
			});
			return false;
		});
	});