/*
Example data object:

HomePageImages = {
  height: 881,
  width:1278,
  folder: "/assets/images/homepage/",
  timer: 5,             //time between images, in seconds
  background: '#F00',   //you can use '#F00', or 'url(/image/path)'
  effect: 'BlindDown',  //Appear, Grow, BlindDown
  effectTime: 2.0,      //in seconds
  
  images : [
    {src: "1.jpg", caption:"caption"},
    {src: "2.jpg", caption:"caption"},
  ]
}
*/

HomePageImages = {
  height: 600,
  width: 900,
  folder: "images/",
  timer: 3,             //time between images, in seconds
  background: 'url(image/RBrown-06.jpg)',   //you can use '#F00', or 'url(/image/path)'
  effect: 'Appear',  //Appear, Grow, BlindDown
  effectTime: 2.0,      //in seconds
  
  images : [
    {src: "RBrown-06.jpg", caption:""},
    {src: "RBrown-07.jpg", caption:""},
    {src: "RBrown-08.jpg", caption:""},
    {src: "RBrown-09.jpg", caption:""},
    {src: "RBrown-10.jpg", caption:""},
    {src: "RBrown-12.jpg", caption:""},
    {src: "RBrown-13.jpg", caption:""},
    {src: "RBrown-14.jpg", caption:""},
    {src: "RBrown-15.jpg", caption:""},
	{src: "RBrown-01.jpg", caption:""},
    {src: "RBrown-16.jpg", caption:""},
    {src: "RBrown-17.jpg", caption:""},
    {src: "RBrown-18.jpg", caption:""},
    {src: "RBrown-19.jpg", caption:""},
	{src: "RBrown-02.jpg", caption:""},
  ]
}

var currentImage = null
var loadCount = 0;


function preLoadImage(imageObj){
  if(imageObj == undefined) return false
  
  var image = document.createElement("img")  
  imageObj.img = image
  image.onload = function(){
    imageLoaded()    
  }
  image.src = HomePageImages.folder+imageObj.src
}

function imageLoaded(){
  if(loadCount++ == HomePageImages.images.length-2){
    imageTimer = setInterval(function(t){setImage()}, (HomePageImages.timer+HomePageImages.timer) * 1000)
  }
}

function checkImageLoad(){
  if(currentImage++ >= HomePageImages.images.length-1) {
    currentImage = 0
  }
  
  if(cachedImages[HomePageImages.images[currentImage]] == undefined){
    currentImage--
    return false    
  }
  return true
}

function imageSrc(){
  return "url("+HomePageImages.folder+HomePageImages.images[currentImage].src+")"
}

function setBottomImage(){
  $('image_0').setStyle({"backgroundImage":imageSrc()});
}

function setTopImage(){
  var target = $('image_1')
  target.setStyle({"display":'none'});  
	target.setStyle({"backgroundImage":imageSrc()});
  
	$('photocredit').innerHTML = HomePageImages.images[currentImage].caption
	$('header').style.width = target.getWidth()+"px"
	
	Effect[HomePageImages.effect]('image_1', {duration:HomePageImages.effectTime})	
	
}


function setImage(){
  (currentImage == null) ? currentImage = -1 : setBottomImage()
  
  if(currentImage++ >= HomePageImages.images.length-1) {
    currentImage = 0
  }
  
  setTopImage()
  
	
	return currentImage;
}


var fun = function(){
  
  var s = function(t){
    $(t).style.height     = HomePageImages.height +"px"
    $(t).style.width      = HomePageImages.width +"px"
    $(t).style.background = HomePageImages.background
    $(t).style.backgroundRepeat = "no-repeat"
  }
  
  s('image_0')
  s('image_1')
  
  setImage();
  for(var i=1; i < HomePageImages.images.length;i++){preLoadImage(HomePageImages.images[i])}
}

Event.observe( window, 'load', fun, false);