// IMAGE, LINK-URL, TARGET, CAPTION
var headslides=new Array()

headslides[0]=["FAB100/FAB100-officer51.jpg", "", "", ""]
headslides[1]=["FAB100/FAB100-officer52.jpg", "", "", ""]
headslides[2]=["FAB100/FAB100-officer53.jpg", "", "", ""]
headslides[3]=["FAB100/FAB100-officer54.jpg", "", "", ""]
headslides[4]=["FAB100/FAB100-officer55.jpg", "", "", ""]
headslides[5]=["FAB100/FAB100-officer56.jpg", "", "", ""]
headslides[6]=["FAB100/FAB100-officer57.jpg", "", "", ""]
headslides[7]=["FAB100/FAB100-officer58.jpg", "", "", ""]
headslides[8]=["FAB100/FAB100-officer59.jpg", "", "", ""]
headslides[9]=["FAB100/FAB100-officer60.jpg", "", "", ""]
headslides[10]=["FAB100/FAB100-officer61.jpg", "", "", ""]
headslides[11]=["FAB100/FAB100-officer62.jpg", "", "", ""]
headslides[12]=["FAB100/FAB100-officer63.jpg", "", "", ""]
headslides[13]=["FAB100/FAB100-officer64.jpg", "", "", ""]
headslides[14]=["FAB100/FAB100-officer65.jpg", "", "", ""]
headslides[15]=["FAB100/FAB100-officer66.jpg", "", "", ""]
headslides[16]=["FAB100/FAB100-officer67.jpg", "", "", ""]
headslides[17]=["FAB100/FAB100-officer68.jpg", "", "", ""]
headslides[18]=["FAB100/FAB100-officer69.jpg", "", "", ""]
headslides[19]=["FAB100/FAB100-officer70.jpg", "", "", ""]
headslides[20]=["FAB100/FAB100-officer71.jpg", "", "", ""]
headslides[21]=["FAB100/FAB100-officer72.jpg", "", "", ""]
headslides[22]=["FAB100/FAB100-officer73.jpg", "", "", ""]
headslides[23]=["FAB100/FAB100-officer74.jpg", "", "", ""]
headslides[24]=["FAB100/FAB100-officer75.jpg", "", "", ""]
headslides[25]=["FAB100/FAB100-officer76.jpg", "", "", ""]
headslides[26]=["FAB100/FAB100-officer77.jpg", "", "", ""]
headslides[27]=["FAB100/FAB100-officer78.jpg", "", "", ""]
headslides[28]=["FAB100/FAB100-officer79.jpg", "", "", "Lt. Col. Sze, head of the 2nd group of 50"]
headslides[29]=["FAB100/FAB100-officer80.jpg", "", "", ""]
headslides[30]=["FAB100/FAB100-officer81.jpg", "", "", ""]
headslides[31]=["FAB100/FAB100-officer82.jpg", "", "", ""]
headslides[32]=["FAB100/FAB100-officer83.jpg", "", "", ""]
headslides[33]=["FAB100/FAB100-officer84.jpg", "", "", ""]
headslides[34]=["FAB100/FAB100-officer85.jpg", "", "", ""]
headslides[35]=["FAB100/FAB100-officer86.jpg", "", "", ""]
headslides[36]=["FAB100/FAB100-officer87.jpg", "", "", ""]
headslides[37]=["FAB100/FAB100-officer88.jpg", "", "", ""]
headslides[38]=["FAB100/FAB100-officer89.jpg", "", "", ""]
headslides[39]=["FAB100/FAB100-officer90.jpg", "", "", ""]
headslides[40]=["FAB100/FAB100-officer91.jpg", "", "", ""]
headslides[41]=["FAB100/FAB100-officer92.jpg", "", "", ""]
headslides[42]=["FAB100/FAB100-officer93.jpg", "", "", ""]
headslides[43]=["FAB100/FAB100-officer94.jpg", "", "", ""]
headslides[44]=["FAB100/FAB100-officer95.jpg", "", "", ""]
headslides[45]=["FAB100/FAB100-officer96.jpg", "", "", ""]
headslides[46]=["FAB100/FAB100-officer97.jpg", "", "", ""]
headslides[47]=["FAB100/FAB100-officer98.jpg", "", "", ""]
headslides[48]=["FAB100/FAB100-officer99.jpg", "", "", ""]


var fadebgcolor="white" 
var fadearray=new Array() // CACHE FADESHOW INSTANCES
var fadeclear=new Array() // CACHE CORRESPONDING CLEARINTERVAL POINTERS
 
var dom=(document.getElementById) // MODERN DOM BROWSERS
var iebrowser=document.all

 
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
 this.pausecheck=pause
 this.mouseovercheck=0
 this.delay=delay
 this.degree=10 //initial opacity degree (10%)
 this.curimageindex=0
 this.nextimageindex=1
 fadearray[fadearray.length]=this
 this.slideshowid=fadearray.length-1
 this.canvasbase="canvas"+this.slideshowid
 this.curcanvas=this.canvasbase+"_0"
 if (typeof displayorder!="undefined"){
  theimages.sort(function() {return 0.5 - Math.random();}) 
 }
 this.theimages=theimages
 this.imageborder=parseInt(borderwidth)
 this.postimages=new Array() //preload images
 for (p=0;p<theimages.length;p++){
  this.postimages[p]=new Image()
  this.postimages[p].src=theimages[p][0]
 }
 
 var fadewidth=fadewidth+this.imageborder*2
 var fadeheight=fadeheight+this.imageborder*2
 
 if (iebrowser&&dom||dom){ //if IE5+ or modern browsers (ie: Firefox)
  var fadeheightEXTRA = fadeheight+20
  document.write('<div id="master'+this.slideshowid+'" style="position:relative; width:'+fadewidth+'px; overflow:visible; height:'+fadeheightEXTRA+'px;">');
  document.write('<div id="'+this.canvasbase+'_0" style="z-index:4; position:absolute; margin-top:0px; margin-bottom:10px; margin-left: 0px;width:'+fadewidth+'px; height:'+fadeheightEXTRA+'px; top:0; left:0; filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1; background-color:'+fadebgcolor+'">');
  document.write('</div>');
  document.write('<div id="'+this.canvasbase+'_1" style="z-index:4; position:absolute; margin-top:0px; margin-bottom:10px; margin-left: 0px;width:'+fadewidth+'px; height:'+fadeheightEXTRA+'px; top:0; left:0; filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1; background-color:'+fadebgcolor+'">');
  document.write('</div>');
  document.write('</div>');
 }else{
  document.write('<div style="margin-top: 0px;margin-bottom: 10px;margin-left: 0px;"><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages [0].src+'></div>');
 } 
 if (iebrowser&&dom||dom){ //if IE5+ or modern browsers such as Firefox
  this.startit();
 }else{
  this.curimageindex++
  setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay);
 }



}

function fadepic(obj){
 if (obj.degree<100){
  obj.degree+=10
  if (obj.tempobj.filters&&obj.tempobj.filters[0]){
   if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
    obj.tempobj.filters[0].opacity=obj.degree
   else //else if IE5.5-
    obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
  }else if (obj.tempobj.style.MozOpacity)
   obj.tempobj.style.MozOpacity=obj.degree/101
  else if (obj.tempobj.style.KhtmlOpacity)
   obj.tempobj.style.KhtmlOpacity=obj.degree/100
  else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
   obj.tempobj.style.opacity=obj.degree/101
 }else{
  clearInterval(fadeclear[obj.slideshowid])
  obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
  obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
  obj.populateslide(obj.tempobj, obj.nextimageindex)
  obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
  setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
 }
}
 
fadeshow.prototype.populateslide=function(picobj, picindex){
 var captiontext=""
 var officernum=picindex+51;

 if (this.theimages[picindex][3]!="") { //if caption text exists for images
  captiontext=this.theimages[picindex][3]
 }else{
  this.theimages[picindex][0]
  captiontext='Officer \#'+officernum+'<br>-- name unknown --<p class="caption">Pls. <a href="../contact.htm">contact</a> Zak if you can identify him</p>'
 }

 var slideHTML=""
 if (this.theimages[picindex][1]!="") //if associated link exists for image
  slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
  slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'

 slideHTML+='<div style="font:12px/12px Arial, Helvetica, sans-serif; overflow:visible;">'+captiontext+'</div>'

 if (this.theimages[picindex][1]!="") //if associated link exists for image
  slideHTML+='</a>'
  picobj.innerHTML=slideHTML

}
 
 
fadeshow.prototype.rotateimage=function(){
 if (this.pausecheck==1) //if pause onMouseover enabled, cache object
  var cacheobj=this
 if (this.mouseovercheck==1)
  setTimeout(function(){cacheobj.rotateimage()}, 100)
 else if (iebrowser&&dom||dom){
  this.resetit()
  var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
  crossobj.style.zIndex++
  fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
  this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
 }else{
  var ns4imgobj=document.images['defaultslide'+this.slideshowid]
  ns4imgobj.src=this.postimages[this.curimageindex].src
 }
 this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
 
fadeshow.prototype.resetit=function(){
 this.degree=10
 var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
 if (crossobj.filters&&crossobj.filters[0]){
  if (typeof crossobj.filters[0].opacity=="number") //if IE6+
   crossobj.filters(0).opacity=this.degree
  else //else if IE5.5-
   crossobj.style.filter="alpha(opacity="+this.degree+")"
 }else if (crossobj.style.MozOpacity)
  crossobj.style.MozOpacity=this.degree/101
 else if (crossobj.style.KhtmlOpacity)
  crossobj.style.KhtmlOpacity=this.degree/100
 else if (crossobj.style.opacity&&!crossobj.filters)
  crossobj.style.opacity=this.degree/101
}
 
 
fadeshow.prototype.startit=function(){
 var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
 this.populateslide(crossobj, this.curimageindex)
 if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
  var cacheobj=this
  var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
  crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
  crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
 }
this.rotateimage()
}