function popupDoc(){
	var myHeight = document.body.scrollHeight;
	
	var viewportwidth;
	var viewportheight;
	// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
	if (typeof window.innerWidth != 'undefined'){
		viewportwidth = window.innerWidth,
		viewportheight = window.innerHeight
	}	else if(typeof document.documentElement != 'undefined'
						&& typeof document.documentElement.clientWidth !=
						'undefined' && document.documentElement.clientWidth != 0){
		viewportwidth = document.documentElement.clientWidth,
		viewportheight = document.documentElement.clientHeight
	}	else{
		viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
		viewportheight = document.getElementsByTagName('body')[0].clientHeight
	}
	
	var leftborder;
	
	vpwidth = viewportwidth / 2;
	leftborder = vpwidth - 390;
	$("#docPopup").css("left", leftborder);
	$("#docPopupClose").css("left", (leftborder + 752));
	
	$("#docPopup").fadeIn();
	$("#docPopupClose").fadeIn();
	$("#shadows").fadeIn();
	$("#shadows").css("height", (myHeight + 20));
}

function closePopup(){
	$("#docPopup").fadeOut();
	$("#docPopupClose").fadeOut();
	$("#shadows").fadeOut();
}