$(document).ready(function(){
	$('a').click(function(e){
		var name = $(this).attr('name');
		var ref = $(this).attr("href");
		if(name == 'pop'){
			$.get(ref, function(data){
				var pop1 = $('#large').html(data);
				//var pop2 = pop1.center();
				// center code here
				var windowWidth = $(window).width();
				var windowHeight = $(window).height();
				var popHeight = pop1.height();
				var popWidth = pop1.width();
				
				var top = (windowHeight - popHeight) / 2 + $(window).scrollTop();
				var left = (windowWidth - popWidth) / 2+$(window).scrollLeft();
				pop1.css({
					"position":"absolute",
					"top": top,
					"left": left
				});
				var pop3 = pop1.fadeIn("slow");
				$('#background').css({"opacity" : "0.7"}).fadeIn("slow");
				$('#background').css("height", $(document).height());
			});
			return false;
		}
		if(name =="slide"){
			$.get($(this).attr("href"), function(data) {
				$('.slide').empty().html(data).fadeIn('slow');
			});
			return false;
		}
	});

	$(document).keydown(function(e){
		if(e.keyCode==27){
			$("#large").fadeOut("slow");
			$("#background").fadeOut("slow");
			$('.slide').slideUp('slow');
		}
	});
	$("#background").click(function(){
		$("#large").fadeOut("slow");
		$("#background").fadeOut("slow");
		$('.slide').slideUp('slow');
	});
});

// Because This code won't be recognized more than once, I'm not using it.  It just stays here.
jQuery.fn.center = function () {
	var windowWidth = $(window).width();
	var windowHeight = $(window).height();
	var popHeight = this.height();
	var popWidth = this.width();
	
	var top = (windowHeight - popHeight) / 2 + $(window).scrollTop();
	var left = (windowWidth - popWidth) / 2+$(window).scrollLeft();
	this.css({
		"position":"absolute",
		"top": top,
		"left": left
	});
}