function galBright(e) {
	var el = xGetElementById(e);
	el.style.opacity = "1.0";
	el.style.filter = "alpha(opacity=100)";
	}
function galDim(e) {
	var el = xGetElementById(e);
	el.style.opacity = "0.5";
	el.style.filter = "alpha(opacity=50)";
	}	
function galShow(i) {
	var g = xGetElementById('gallery');
	var z = xGetElementById('zoom');
	var z2 = xGetElementById('zoom_nav');

	g.style.display="none";
	z.style.display="block";	
	z2.style.display="block";	
	galImage(i);		
	}
	
function galImage(i) {
	var nav = "<table width=100% cellpadding=0 cellspacing=0 style='margin-top:5px;margin-bottom:5px'>";
	if (i>0) 
		nav += "<td width=33%><a href=javascript:galImage("+(i-1)+")>&lt; Previous</a></td>";
	else 
		nav += "<td width=33%><Br></td>";

	nav += "<td align=center><A href=javascript:galClose()>Close</a></td>";

	if (i < img.length-1) 
		nav += "<td align=right width=33%><a href=javascript:galImage("+(i+1)+")>Next &gt;</a></td>";
	else 
		nav += "<td width=33%><Br></td>";
	nav += "</table>"								

	xInnerHtml("zoom",
		"<table width=420 height=420 border=0 cellpadding=0 cellspacing=0>" +
		"<tr><Td align=center valign=center>" +
		"<img src=" + img[i] + ">" +
		"</td></tr></table>"
		);

	xInnerHtml("zoom_nav",nav);
	}

function galClose() {
	var g = xGetElementById('gallery');
	var z = xGetElementById('zoom');
	var z2 = xGetElementById('zoom_nav');
	z.style.display="none";
	z2.style.display="none";
	g.style.display="block";	
	}