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.75";
   el.style.filter = "alpha(opacity=50)";
   }
function galShow(i) {
   var g = xGetElementById('gallery');
   var z = xGetElementById('zoom');
   var z2 = xGetElementById('zoom_nav');
   var z3 = xGetElementById('zoom_lg');

   g.style.display="none";
   z.style.display="block";
   z2.style.display="block";
   z3.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% align=right><a href=javascript:galImage("+(i-1)+")><span class=med_text>&lt; Previous</span></a></td>";
   else
      nav += "<td width=33%>&nbsp;</td>";

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

   if (i < img.length-1)
      nav += "<td align=left width=33%><a href=javascript:galImage("+(i+1)+")><span class=med_text>Next &gt;</span></a></td>";
   else
      nav += "<td width=33%>&nbsp;</td>";
   nav += "</table>";
   
   xInnerHtml("zoom_nav",nav);
   xInnerHtml("zoom",
      "<table width=100% border=0 cellpadding=0 cellspacing=0>" +
      "<tr><td align=center>" +
      "<img src=" + img[i] + ">" +
      "</td></tr></table>"
      );

   if (lrg[i]) {
      xInnerHtml("zoom_lg","<br><center><a class=med_text target=_blank href=lg-" + img[i] + ">Click for larger version</a></center>");
      }
   else { xInnerHtml("zoom_lg","<br>"); }
   }

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