function toggle_nav() {
        var nav;
        var hidenav;
        var main;
	var border;
	var right;
	var width;
	if (! window.innerWidth) {
		width = document.body.clientWidth;
	}
        nav = document.getElementById("leftnav");
        hidenav = document.getElementById("shownav");
        main = document.getElementById("main");
        main2 = document.getElementById("main2");
        slide = document.getElementById("slide");
	preview = document.getElementById("preview_info");
        if (shownav == true) {
                nav.style.display = "none";
                hidenav.style.display = "block";
                main.style.left="25px";
                main2.style.left="25px";
		if (slide) {
	                slide.style.left="25px";
		}
		if (preview) {
			preview.style.width="370px";
		}
		if (! window.innerWidth) {
        		main.style.width=(width-60)+"px";
		}
                shownav = false;
        } else {
                nav.style.display = "block";
                hidenav.style.display = "none";
                main.style.left="181";
                main2.style.left="181";
		if (slide) {
	                slide.style.left="155px";
		}
		if (preview) {
			preview.style.width="250px";
		}
		if (! window.innerWidth) {
        		main.style.width=(width-153)+"px";
		}
                shownav = true;
        }
}

function refresh() {
	var idx;
	if (imageinfo.length == 0) {
		return 0;
	}
//	for (i = (page-1)*page_size, idx = 0; idx < page_size ; i++, idx++) {
	numtoskip = (page-1)*page_size;
	skps = 0;
	for (ct = 0; ct < imageinfo.length && skps < numtoskip; ct++) {
		if (imageinfo[ct].show) {
			skps++;
		}
	}
	for (i = ct, idx = 0; idx < page_size ; i++, idx++) {
		while (i < imageinfo.length && (!imageinfo[i].show)) {
			i++;
		}
		if (i >= imageinfo.length) {
			document.getElementById("t"+idx).style.display = "none";
			document.getElementById("d"+idx).style.display = "none";
		} else {
			revlookup[idx] = imageinfo[i].imagenum;
			document.getElementById("t"+idx).style.display = "block";
			document.getElementById("d"+idx).style.display = "block";
			document.getElementById("ti"+idx).innerHTML = "";
//			document.getElementById("ti"+idx).innerHTML = "<a href='javascript:pop_up("+i+")'><img src='"+imageinfo[i].thumb+"' border='0' hspace='"+Math.round(imageinfo[i].xshim)/2+"' vspace='"+(5+imageinfo[i].yshim)+"'></a>";
			document.getElementById("ti"+idx).innerHTML = "<a href='javascript:pop_up("+i+")'><img src='"+imageinfo[i].thumb+"' border='0'></a>";
//			document.getElementById("th"+idx).innerHTML = "";
//			document.getElementById("th"+idx).innerHTML = "<a href='/ximagi/search.php?exactheadline[]=" + escape(imageinfo[i].headline) + "'>" + imageinfo[i].headline + "</a>";
			document.getElementById("tdcr"+idx).innerHTML = "";
			document.getElementById("tdcr"+idx).innerHTML = imageinfo[i].date;
			document.getElementById("tn"+idx).innerHTML = "";
			document.getElementById("tn"+idx).innerHTML = imageinfo[i].warnings+"<br />"+imageinfo[i].people;
//			document.getElementById("td"+idx).href = "javascript:download(" + imageinfo[i].imagenum + ")";
			document.getElementById("td"+idx).href = "javascript:download(" + i + ")";
//			document.getElementById("tt"+idx).innerHTML = "";
//			document.getElementById("tt"+idx).innerHTML = imageinfo[i].caption;
//			document.mainform.elements['timage_id[]'][idx].checked = imageinfo[i].selected;
			document.getElementById("di"+idx).innerHTML = "";
			document.getElementById("di"+idx).innerHTML = "<table border='0' cellpadding='0' cellspacing='0'><tr><td><img src='/ximagi/img/shim.gif' border='0' width='1' height='135'></td><th style='text-align: center' valign='middle'><a href='javascript:pop_up("+i+")'><img src='"+imageinfo[i].thumb+"' border='0'></a></th><td><img src='/ximagi/img/shim.gif' border='0' width='1' height='135'></td></tr><tr><td colspan='3'><img src='/ximagi/img/shim.gif' height='20' width='164'></td></tr></table>";
//			document.getElementById("dd"+idx).href = "javascript:download(" + imageinfo[i].imagenum + ")";
			document.getElementById("dd"+idx).href = "javascript:download(" + i + ")";
			document.getElementById("dh"+idx).innerHTML = "";
			document.getElementById("dh"+idx).innerHTML = "<a href='/ximagi/search.php?exactheadline[]=" + escape(imageinfo[i].headline) + "'>" + imageinfo[i].headline + "</a>&nbsp;&nbsp;&nbsp;&nbsp|&nbsp;&nbsp&nbsp;&nbsp;" + imageinfo[i].date;
			document.getElementById("dp"+idx).innerHTML = "";
			document.getElementById("dp"+idx).innerHTML = "<strong>People:</strong>&nbsp;" + imageinfo[i].people;
			document.getElementById("dc"+idx).innerHTML = "";
			document.getElementById("dc"+idx).innerHTML = "<strong>Photographer</strong>&nbsp;" + imageinfo[i].photographer; // + " / " + imageinfo[i].credit;
			document.getElementById("dn"+idx).innerHTML = "";
			document.getElementById("dn"+idx).innerHTML = imageinfo[i].file;
			document.getElementById("dt"+idx).innerHTML = "";
			document.getElementById("dt"+idx).innerHTML = imageinfo[i].caption;
		
//			if (document.mainform.elements['dlbi_annotation[]']) {
//				document.mainform.elements['dlbi_annotation[]'][idx].value = imageinfo[i].caption;
//			}
//			document.mainform.elements['dimage_id[]'][idx].checked = imageinfo[i].selected;
		}
	}
	if (document.getElementById("np")) {
		document.getElementById("np").style.display = "block";
	}
}

function adjustmainwidth() {
	var main;
	var main2;
	var main_top_full;
	var main_top_closed;
	var right;
	var width;
	if (! window.innerWidth) {
		width = document.body.clientWidth;
	}
	main = document.getElementById("main");
	main2 = document.getElementById("main2");
	main.style.left = "25px";
	main2.style.left = "25px";
        if (shownav) {
		right = (width-153)+"px";
		main.style.left="181px";
		main2.style.left="181px";
		if (! window.innerWidth) {
			main.style.width=right;
			main2.style.width=right;
		}
        } else {
		right = (width-35)+"px";
                main.style.left="25px";
                main2.style.left="25px";
		if (! window.innerWidth) {
			main.style.width=right;
			main2.style.width=right;
		}
	}
}