var iterations = 16
var slideShowSpeed = 4500
var blendspeed = 2500

var Pic = new Array()
Pic[0] = 'm_judy&mike.jpg'
Pic[1] = 'm_bi_airport.jpg'
Pic[2] = 'm_PEJE_board.jpg'
Pic[3] = 'm_contact.jpg'
Pic[4] = 'm_4teens.jpg'
Pic[5] = 'm_8kids.jpg'
Pic[6] = 'm_5girls.jpg'
Pic[7] = 'm_dancingWsoldiers.jpg'
Pic[8] = 'm_MHS_CRBw_kids.jpg'
Pic[9] = 'm_3girls.jpg'

var p = Pic.length
var preLoad = new Array()
for (ii = 0; ii < p; ii++){
   preLoad[ii] = new Image()
   preLoad[ii].src = Pic[ii]
}

function blendimage(divid,imageid,imagefile,millisec){ 
var speed = Math.round(millisec / 100); 
var timer = 1; 
document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; 
changeOpac(0,imageid); 
document.getElementById(imageid).src = imagefile; 
for(i = 0; i <= 100; i++){ 
   setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
   timer++;} 
}

function changeOpac(opac,id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opac / 100); 
    object.MozOpacity = (opac / 100); 
    object.filter = "alpha(opacity=" + opac + ")"; 
}

var n = 0
var j = 0
var picstring = ","
var lastpic

function runSlideShow(){
   blendimage('blenddiv','blendimage',Pic[j],blendspeed)
   lastpic = j
   j = random(p)
   if (j == lastpic) {j = j - 1}
   if (j < 0) {j = 0}
   n = n + 1
   if (n < iterations) {
      t = setTimeout('runSlideShow()', slideShowSpeed)
   }

}

function random(bound) {
  return Math.floor(Math.random() * bound);
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		imageArray = new Array("menu_1_ON.gif","menu_1_OFF.gif","menu_2_ON.gif","menu_2_OFF.gif","menu_3_ON.gif","menu_3_OFF.gif","menu_4_ON.gif","menu_4_OFF.gif","menu_5_ON.gif","menu_5_OFF.gif");
		loadArray = new Array;
		for (i=0;i<imageArray.length;i++) {
		loadArray[i] = new Image;
		loadArray[i].src = (imageArray[i]);
		}
		preloadFlag = true;
	}
}
if (document.images) {
  but1ON = new Image();
    but1ON.src = "menu_1_ON.gif";
  but1OFF = new Image();
    but1OFF.src = "menu_1_OFF.gif";

  but2ON = new Image();
    but2ON.src = "menu_2_ON.gif";
  but2OFF = new Image();
    but2OFF.src = "menu_2_OFF.gif";

  but3ON = new Image();
    but3ON.src = "menu_3_ON.gif";
  but3OFF = new Image();
    but3OFF.src = "menu_3_OFF.gif";

  but4ON = new Image();
    but4ON.src = "menu_4_ON.gif";
  but4OFF = new Image();
    but4OFF.src = "menu_4_OFF.gif";

  but5ON = new Image();
    but5ON.src = "menu_5_ON.gif";
  but5OFF = new Image();
    but5OFF.src = "menu_5_OFF.gif";
}
if (document.images) {
  but1aON = new Image();
    but1aON.src = "menu_1_ON.gif";
  but1aOFF = new Image();
    but1aOFF.src = "menu_1_OFF.gif";

  but2aON = new Image();
    but2aON.src = "menu_2_ON.gif";
  but2aOFF = new Image();
    but2aOFF.src = "menu_2_OFF.gif";

  but3aON = new Image();
    but3aON.src = "menu_3_ON.gif";
  but3aOFF = new Image();
    but3aOFF.src = "menu_3_OFF.gif";

  but4aON = new Image();
    but4aON.src = "menu_4_ON.gif";
  but4aOFF = new Image();
    but4aOFF.src = "menu_4_OFF.gif";

  but5aON = new Image();
    but5aON.src = "menu_5_ON.gif";
  but5aOFF = new Image();
    but5aOFF.src = "menu_5_OFF.gif";
}
function buttonOn(imgName) {
   if (document.images) {
      document[imgName].src = eval(imgName + "ON.src");
   }
}
function buttonOff(imgName) {
   if (document.images) {
      document[imgName].src = eval(imgName + "OFF.src");
   }
}
