function showOverlay( myurl ) {
	$("#overlay-panel").load(myurl, function(){
		$("#overlay").animate({opacity: 'toggle', width: "900"}, 800, 'swing');
		$("a#hide-overlay").click(function(ev) {
			ev.preventDefault();
			$("#overlay").animate({opacity: 'toggle', width: "283"}, 800, 'swing');
		});
	});
}

$(document).ready( function(){
	// fades the document in
	$('#container').fadeIn(800);

	$("a.show-overlay").each(function(){
		$(this).click(function(ev) {
			ev.preventDefault();
			var myurl = $(this).attr("href");
			var mywidth = $(this).attr("boxwidth");
			showOverlay(myurl,mywidth);
		});
	});
	
});