var homeImages = new Array;
//homeImages[0] = new Array('images/home-1.jpg','#302d2b');
homeImages[0] = new Array('images/home-1.jpg','#302d2b','');
homeImages[1] = new Array('images/home-2.jpg','#302d2b','');
homeImages[2] = new Array('images/home-3.jpg','#302d2b','');
homeImages[3] = new Array('images/home-4.jpg','#302d2b','');


currentImage=0; 

var delayPerFrame = 33;  //in milliseconds

var numberOfMillisecondsPerTransform = 400;

var readyForTransition = true;


function fadeThrough(imageDivToFadeIn,imageDivToFadeOut)
{
  changeOpacity(100,imageDivToFadeIn);
  fade(imageDivToFadeOut,100,0,400); //fade out the top div to expose the one below
  setTimeout("rearrangeImageContainerOrder('"+imageDivToFadeOut+"','"+imageDivToFadeIn+"')",500);
}

function rearrangeMainImageOrder(imageDivToFadeOut,imageDivToFadeIn)
{
  document.getElementById(imageDivToFadeIn).style.zIndex=2;
  document.getElementById(imageDivToFadeOut).style.zIndex=1;
}





function rearrangeImageContainerOrder(divToFadeOut,divToFadeIn)
{
  document.getElementById(divToFadeIn).style.zIndex=4;
  document.getElementById(divToFadeOut).style.zIndex=3;
  changeOpacity(100,divToFadeOut);
}

function changeImage(newFilename,newBackgroundColor,newLink)
{
  
  if (document.getElementById('mainImage1').style.zIndex==4)
  {
    imageDivToFadeIn = "mainImage2";
    imageDivToFadeOut = "mainImage1";
  }
  else
  {
    imageDivToFadeIn = "mainImage1";
    imageDivToFadeOut = "mainImage2";
  }
  
  var currentImageURLArray = document.getElementById(imageDivToFadeOut).src.split("/");
  var currentFilename = currentImageURLArray[(currentImageURLArray.length-2)]+"/"+currentImageURLArray[(currentImageURLArray.length-1)];
  
  if (currentFilename!=newFilename)
  {
	document.getElementById(imageDivToFadeIn).src=newFilename;
	document.getElementById(imageDivToFadeIn+"Link").href=newLink;
    setTimeout("fadeThrough('"+imageDivToFadeIn+"','"+imageDivToFadeOut+"')",400);
    setTimeout("changeBackground('"+newBackgroundColor+"')",800);
  }
}

function initialiseImageRotate()
{
  fade('loader',100,0,400);
  setTimeout("rotateImages()",600);
}

function rotateImages()
{
  if (document.getElementById('loader').style.zIndex==5)
  {
    document.getElementById('loader').style.zIndex=0;
	document.getElementById('loader').style.display=none;
  }
  if (currentImage==(homeImages.length-1))
  {
	currentImage=0;  
  }
  else
  {
    currentImage++;  
  }
  //alert('changeImage("'+homeImages[currentImage][0]+'","'+homeImages[currentImage][1]+'");');
  changeImage(homeImages[currentImage][0], homeImages[currentImage][1], homeImages[currentImage][2]);
  setTimeout("rotateImages()",8000);
}