function potw__show() {
	overlayObj.style.visibility = 'visible';
	contentObj.style.visibility = 'visible';
}

function potw__hide() {
	overlayObj.style.visibility = 'hidden';
	contentObj.style.visibility = 'hidden';
}

function potw__setup() {
	//make sure the shell covers the entire window, including scroll height
	//window size
	var winWidth = 0, winHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		winWidth = window.innerWidth;
		winHeight = window.innerHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		winWidth = document.body.clientWidth;
		winHeight = document.body.clientHeight;
	}
	
	//document size
	var xScroll = 0, yScroll = 0;
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	overlayObj.style.width = (xScroll > winWidth) ? xScroll : winWidth ;
	overlayObj.style.height = (yScroll > winHeight) ? yScroll : winHeight ;
	
	//size the container divs based on photo size
	titleshellObj	= document.getElementById('potw_titleshell');
	photoshellObj	= document.getElementById('potw_photoshell');
	infoshellObj	= document.getElementById('potw_infoshell');
	
	contentObj.style.width = photoWidth + 20;
	contentObj.style.height = photoHeight + 20;
	titleshellObj.style.width = photoWidth + 20;
	photoshellObj.style.width = photoWidth + 20;
	photoshellObj.style.height = photoHeight + 20;
	infoshellObj.style.width = photoWidth + 20;
	
	//center the content DIV
	content_posX = (winWidth/2)-(photoWidth + 20)/2;
	contentObj.style.left = content_posX + "px";
}

function roundCorners() {
	settings = {
		tl: { radius: 5 },
		tr: { radius: 5 },
		bl: { radius: 5 },
		br: { radius: 5 },
		antiAlias: true,
		autoPad: true,
		validTags: ["div"]
	} 
	
	//objects to be rounded
	var divObj = document.getElementById("potw_photoshell");

	var cornersObj = new curvyCorners(settings, divObj);
	cornersObj.applyCornersToAll();
}