/* ------- expand pics scripts --------------  modified 18 January 2007  --------------- */

// initialise all object references
var  largePicsObj, coverAllObj;      // global references to objects on init
 function init()
  {  largePicsObj=document.getElementById("largePics");
     coverAllObj=document.getElementById("coverAll");
// collect thumbnail images and apply onclick handler
     var picImgs=document.images;
      for(var i=0;i<picImgs.length; i++)
        {  if(picImgs[i].parentNode.id=="picL") { picImgs[i].onclick=bigPic; }  
              
        } 
 } 
// ------
// show bigpics
function bigPic(evt)
 {   evt=(evt)?evt : ((window.event)?event : null)
      var obj=(evt.target)? evt.target : evt.srcElement;   // this is the img being clicked
 //
   var thisPic=obj.src.substr(obj.src.lastIndexOf("/")+1);
   thisPic=thisPic.replace("_lg","_vlg");
 //
   coverAllObj.style.zIndex="30";       // raise cover object
   coverAllObj.style.display="block";       // hide page area
   largePicsObj.style.zIndex="50";      // raise big pic over covered area
   largePicsObj.style.display="block";      // show big pic
   pageOffset();                         // get page scroll depth
 // delay loader display   
// write pic to screen   
   largePicsObj.innerHTML='<div id="ld2">\n<img border="0" src="../images/pageLoad1.gif" width="256" height="32"></div>\n<p><img border="0" onload="picLoaded()" src="../images/'+thisPic+'"><\/p>\n';
 }
// ------------------
function pageOffset() {
 // determine scroll offset for page
 var fini;
 if( typeof document.body.scrollTop !="undefined")
   { fini= document.body.scrollTop          // offset to top of page IE & NN7
 }else{
   if(typeof window.scrollY !="undefined"){ 
   fini= window.scrollY }       // offset to top of page NN6 
}
 fini=(fini<135)?135 : fini;            // start below page header
 largePicsObj.style.top=fini+5  
}
// ---------------
function picLoaded()
 { // display back button
    var elem=document.getElementById("ld2");
    elem.innerHTML='<img style="cursor:pointer" border="0" src="../images/back1.gif" onclick="backOne()" width="256" height="32">';
 }
// --------------
function backOne()
 {// remove large pic from page and associated cover and panel layers.
   largePicsObj.style.display="none";
   largePicsObj.innerHTML="";
   largePicsObj.style.zIndex="2";
  // move cover obj down below rest of page
   coverAllObj.style.zIndex=1;
   coverAllObj.style.display="none";
 }
// 

