// ***** Background cycling managed by nextbg() and vars below *****

//Specify interval between backgrounds (in milliseconds)
var speed=7000

//Specify background pageWrapper2 background classes
var bgback=new Array()
bgback[0]="pageWrapper2-1"
bgback[1]="pageWrapper2-2"
bgback[2]="pageWrapper2-3"
bgback[3]="pageWrapper2-4"
bgback[4]="pageWrapper2-5"
bgback[5]="pageWrapper2-6"
bgback[6]="pageWrapper2-7"
bgback[7]="pageWrapper2-8"
bgback[8]="pageWrapper2-9"

//Specify foreground ContentHolder background classes
var bgfore=new Array()
bgfore[0]="contentBoxMenu-1"
bgfore[1]="contentBoxMenu-2"
bgfore[2]="contentBoxMenu-3"
bgfore[3]="contentBoxMenu-4"
bgfore[4]="contentBoxMenu-5"
bgfore[5]="contentBoxMenu-6"
bgfore[6]="contentBoxMenu-7"
bgfore[7]="contentBoxMenu-8"
bgfore[8]="contentBoxMenu-9"


//preload images
var loadedBack=new Array()
var loadedFore=new Array()
for (i=0;i<bgback.length;i++) {
  loadedBack[i]=new Image()
  loadedBack[i].src='objects/images/' + (i+1) + 'back.jpg'

  loadedFore[i]=new Image()
  loadedFore[i].src='objects/images/' + (i+1) + 'fore.jpg'
}



var bg_firstLoad=true
var inc=-1
var showbg

function nextbg() {
  //pick a random bg on first load
  if (bg_firstLoad) {
    var xx = Math.random()*bgback.length
    inc = Math.floor(xx)
    bg_firstLoad=false
  }
  
  if (inc<bgback.length-1) {
    inc++
  }
  else {
    inc=0
  }
  
  if (document.getElementById) {
    document.getElementById('bgBackHolder').className=bgback[inc]
    document.getElementById('bgForeHolder').className=bgfore[inc]
  }
}


function nextbg_click() {
  clearInterval(showbg)
  nextbg()
  showbg = setInterval("nextbg()",speed)
}


function prevbg_click() {
  clearInterval(showbg)
  inc=inc-2
  if (inc<0) {
    inc=bgback.length + inc
  }
  nextbg()
  showbg = setInterval("nextbg()",speed)
}