function getStyleObject(objectId) {
	if(document.getElementById && document.getElementById(objectId)) {
		return document.getElementById(objectId).style;
	} else if (document.all && document.all(objectId)) {
		return document.all(objectId).style;
	} else if (document.layers && document.layers[objectId]) {
		return document.layers[objectId];
	} else {
		return false;
	}
} // returns of a given element's style

function getObject(objectId) {
	if(document.getElementById && document.getElementById(objectId)) {
		return document.getElementById(objectId);
    } else if (document.all && document.all(objectId)) {
		return document.all(objectId);
    } else if (document.layers && document.layers[objectId]) {
		return document.layers[objectId];
    } else {
		return false;
    }
} // returns of a given element

function toggleShow(el) {
	var styleObj = getStyleObject(el);
	if (styleObj) {
		if (!styleObj.display || styleObj.display == 'none') {
			styleObj.display = 'block';
		}else  {
			styleObj.display = 'none';
		}
	}
} // toggles the display of a given element

function searchOn() {
	var box = getObject('searchbox');
	if (box) {
		box.style.color = '#efefef';
		if (box.value == 'search the site')
			box.value = '';
	}
}
function searchOff(comment, idn) {
	var box = getObject('searchbox');
	if (box) {
		box.style.color = '#707070';
		if (box.value == '')
			box.value = 'search the site';
	}
}

function newPotdWindowDim(imgsrc, width, height) {
	var left = parseInt((screen.availWidth/2) - (width/2));
    var top = parseInt((screen.availHeight/2) - (height/2));

	var script = '\<script type="text/javascript">function back() {window.close();}\</script\>';
	var newWindow = window.open('', 'Description', 'height=' + height + ',width=' + width + ',resizable=1,scrollbars=1,left=' + left + ',top=' + top);

	var header = '<html><head><title>Image - Full Size (Click to go back)</title>' + script + '</head><body scroll="yes" bgcolor="#434547" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">';
	var content = '<img src="' + imgsrc + '" onclick="back();" />';
	var footer = '</body></html>';

    // accumulate HTML content for new page
    var newPage = header + content + footer;
	newWindow.document.write(newPage);
	newWindow.document.close();
}

function newPotdWindow(imgsrc) {
    newPotdWindowDim(imgsrc, 640, 320);
}