/* -------------- gallery scripts ------------ modified 30 September 2007 --------- */
var lastBdr=null, seriesX=0;   // global: 
//  
 function thumbs(obj,lowLimit,hiLimit)
  { var i, build="", newSrc=null; 
  // get series [1 or 2] - starts with first series [0] on page load
    lowLimit+=seriesX;  // adds 0 or 50 to limits to select series 1 or 2
    hiLimit+=seriesX;
//
    for(i=lowLimit; i<hiLimit+1; i++)
      { build+='<img name="'+i+'" border="0" src="images/'+P[i].sml+'" onclick="clk(this)" width="100" height="130">' }
    document.getElementById("txtL").innerHTML=build;
// check for Opera browser
// to avoid errors in Opera on setting border colour
//if(operaBrowser==true){ return }        
//
  // change previous border colour
    if(lastBdr){ lastBdr.style.border="1px solid #000"; }
  // change this border to red  
    obj.style.border="1px solid red"; 
  // save object ref to this border  
    lastBdr=obj;
    return true; 
  }
// ------  
// set initial nav bar border colour
 var operaBrowser=(navigator.userAgent.toLowerCase().indexOf("opera")== -1)?false : true;
 function init()
 {  if(operaBrowser==true){ return }
    var elem=document.getElementById("firstBdr");
    elem.style.border="1px solid #FF0000";
    lastBdr=elem;
   }
// ----------------   
// sets initial bg colours (yellow, black) & fg color (grey, white)
var sButton=new Array(); // global
var bgDefault="#C0C0C0"; fgDefault="#FFF";    // global
var bgHilite="#FF0"; fgHilite="#000";         // global

sButton[0]=null;
sButton[1]= {Bg:bgHilite, Fg:fgHilite };
sButton[2]= {Bg:bgDefault, Fg:fgDefault };
sButton[3]= {Bg:bgDefault, Fg:fgDefault };
//
// MOver: toggle series-button background colour on mouseover
 function tgL(obj,numbr)
  { // save bg and fg colours
    sButton[numbr].Bg=obj.style.backgroundColor;
    sButton[numbr].Fg=obj.style.color;
   // show hilite colour
    obj.style.backgroundColor="F00";
    obj.style.color="000";
    return true; 
  }
//   
// MOut: toggle series-button background colour on mouseout
 function tgL2(obj,numbr)
  { // recover and apply saved colours
    obj.style.backgroundColor=sButton[numbr].Bg;
    obj.style.color=sButton[numbr].Fg;   
    return true;
  }
  
// ---------
// handle click on series buttons
var clickedObj=null; // global
 function setSeries(obj,setX,numbr)
  {// set series number, 0 or 50 
    seriesX=setX; 
   // simulate click on 1st box [1-16]
    clickedObj=document.getElementById("firstBdr");
   // load first group (1-16) of series 1 or 2
    thumbs(clickedObj,1,16)
   // change hilite on clicked series button and save new bg and fg colours    
    sButton[numbr].Bg=bgHilite;
    sButton[numbr].Fg=fgHilite;
   // change other buttons 
    var ind=(numbr==1)?2:1;
     if(numbr==1)
       { sButton[2].Bg=bgDefault; sButton[2].Fg=fgDefault;
         sButton[3].Bg=bgDefault; sButton[3].Fg=fgDefault;
        }
      else if(numbr==2)
       { sButton[1].Bg=bgDefault; sButton[1].Fg=fgDefault;
         sButton[3].Bg=bgDefault; sButton[3].Fg=fgDefault;
        }
       else if(numbr==3)
       { sButton[1].Bg=bgDefault; sButton[1].Fg=fgDefault;
         sButton[2].Bg=bgDefault; sButton[2].Fg=fgDefault;
       }
   // apply changes 
    sButn();
    return true;
  }  
// -------
// set background color of all series buttons on load
 function sButn()
 { var firstButnObj=document.getElementById("firstButn");
   firstButnObj.style.backgroundColor=sButton[1].Bg;
   firstButnObj.style.color=sButton[1].Fg;
  // 
   var secButnObj=document.getElementById("secButn");
   secButnObj.style.backgroundColor=sButton[2].Bg;
   secButnObj.style.color=sButton[2].Fg;
  // 
   var thirdButnObj=document.getElementById("thirdButn");
   thirdButnObj.style.backgroundColor=sButton[3].Bg;
   thirdButnObj.style.color=sButton[3].Fg;
 }   
// ----------