/* --------- expand gallery pics ------------- modified 14 June 2010  ------------ */
//
// ----------  positions of various moving layers  -----------------------
// bdr_bdy: z=0, ddBkg(dwn): z=1, PgCvr(dwn):z=1, collBot(dwn) z=2,  
// ddBkg(up): z=6,  Navbar: z=7, PgCvr(up):z=8,  
// -------------------------------------------------------------------------------------
 var prevBorderObj=null, thisPicObjRef=null;       // global
 function expGal(obj)
  { // coming from click on thumbnail
// save picture object for use in expand to very large picture
   thisPicObjRef=obj;
//get ref to galBox  
   var elem=document.getElementById("galBox"); 
// get src of pic to expand
    var newSrc=obj.src.replace("_sml","_lg");
// build info into picture box div
   var build='<div id="tLft"><img class="cursr" border="0" src="images/big_1.jpg" onmouseover="getNxt(this,1)" onmouseout="getNxt(this,2)" onclick="expLg()" width="59" height="22"><\/div>\n';
   build+='<p class>'+T[obj.name].titL+'<\/p>\n';
// Note: loader parent div is target here , not the gif image as in script below
   build+='<p><img src="'+newSrc+'" onload="setTimeout(\'loaded1()\',500)" width="'+T[obj.name].wide+'" height="'+T[obj.name].high+'"><\/p>\n';   
   build+='<p class="a12S">Copyright (c) Kendall Perkins 2009 - 2010<\/p>\n';
   build+='<div id="codeA" class="a11G">'+obj.name+'<\/div>\n';
   elem.innerHTML=build;
// make loader gif visible
   document.getElementById("ldr").style.visibility="visible";  
// set new border hilite
// reset previous border
  if(prevBorderObj){ prevBorderObj.style.border="1px solid #000"; }  
// set new border
   obj.style.border="1px solid #FF0";
// save this obj ref
   prevBorderObj=obj;
  }
//  
// ---------------
// set initial border
 function setBdr1()
  { var elem=document.getElementById("bdr1");
    elem.style.border="1px solid #FF0";
    prevBorderObj=elem;
  }
 // --------------
// hide loading bar display
 function loaded1() { document.getElementById("ldr").style.visibility="hidden";   } 
//  ----------------