function newImage(arg) {
 if (document.images) {
  rslt = new Image();
  rslt.src = arg;
  return rslt;
 }
}

function changeImages() {
 if (document.images && (preloadFlag == true)) {
  for (var i=0; i<changeImages.arguments.length; i+=2) {
   document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
  }
 }
}

var preloadFlag = false;
function preloadImages(pfadeimages) {
 if (document.images) {
  //StanMSauerwein = newImage("img/employees/StanSauerwein.jpg");
  //ScottLOlson = newImage("img/employees/ScottOlson.jpg");
  //JeffCReyes = newImage("img/employees/JeffReyes.jpg");
  //MichaelWoodward = newImage("img/employees/MichaelWoodward.jpg");
  //AmyBraford = newImage("img/employees/AmyBraford.jpg");
  //DavidGallo = newImage("img/employees/DavidGallo.jpg");
  //DavidKohlway = newImage("img/employees/DavidKohlway.jpg");
  //GarrinSauerwein = newImage("img/employees/GarrinSauerwein.jpg");
	
  preloadFlag = true;
 }
}

function popwin(url,w,h){
 window.open(url,null,'width='+w+',height='+h+',scrollbars');
}

preloadImages(fadeimages);

//Fade-in image slideshow- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var slideshow_width='100px' //SET IMAGE WIDTH
var slideshow_height='125px' //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="img/employees/StanSauerwein.jpg"
fadeimages[1]="img/employees/ScottOlson.jpg"
fadeimages[2]="img/employees/JeffReyes.jpg"
fadeimages[3]="img/employees/MichaelWoodward.jpg"
fadeimages[4]="img/employees/AmyBraford.jpg"
fadeimages[5]="img/employees/DavidGallo.jpg"
fadeimages[6]="img/employees/DavidKohlway.jpg"
fadeimages[7]="img/employees/GarrinSauerwein.jpg"

	//MichaelWoodward = newImage("img/employees/MichaelWoodward.jpg");
  //AmyBraford = newImage("img/employees/AmyBraford.jpg");
  //DavidGallo = newImage("img/employees/DavidGallo.jpg");
  //DavidKohlway = newImage("img/employees/DavidKohlway.jpg");
  //GarrinSauerwein = newImage("img/employees/GarrinSauerwein.jpg");

////NO need to edit beyond here/////////////

var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
 preloadedimages[p]=new Image()
 preloadedimages[p].src=fadeimages[p]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
 document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div  id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
 document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')

var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1

function fadepic(){
 if (curpos<100){
  curpos+=10
  if (tempobj.filters)
   tempobj.filters.alpha.opacity=curpos
  else if (tempobj.style.MozOpacity)
   tempobj.style.MozOpacity=curpos/100
 }
 else{
  clearInterval(dropslide)
  nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
  tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
  tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
  nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
  setTimeout("rotateimage()",pause)
 }
}

function rotateimage(){
 if (ie4||dom){
  resetit(curcanvas)
  var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
  crossobj.style.zIndex++
  var temp='setInterval("fadepic()",40)'
  dropslide=eval(temp)
  curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
 }
 else
  document.images.defaultslide.src=fadeimages[curimageindex]
 curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function resetit(what){
 curpos=10
 var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
 if (crossobj.filters)
  crossobj.filters.alpha.opacity=curpos
 else if (crossobj.style.MozOpacity)
  crossobj.style.MozOpacity=curpos/100
}

function startit(){
 var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
 crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
 rotateimage()
}

if (ie4||dom)
 window.onload=startit
else
 setInterval("rotateimage()",pause)