////Injects onload event to start Image rotation routines////
window.addEventListener?window.addEventListener("load",rotatingImages,false):window.attachEvent("onload",rotatingImages);

////Determin browser capability////
ie5  = (document.all && document.getElementById);
ns6 = (!document.all && document.getElementById);

////Image Opacity vars////
var imageopac1 = 100;
var imageopac2 = 100;
var imageopac3 = 100;

////Toggle vars for shuffling images front-to-back////
var imagetoggle1 = 0;
var imagetoggle2 = 0;
var imagetoggle3 = 0;

////Vars for ensuring that last random image isn't selected////
var ranLastImage1 = -1;
var ranLastImage2 = -1;
var ranLastImage3 = -1;

////These come from the server-side code////
//var waitTimer1 = 7000;
//var waitTimer2 = 8000;
//var waitTimer3 = 9000;
//var fadeTimer = 50;
////////////////////////////////////////////

function rotatingImages()
{
	if((typeof image1path != 'undefined')  && document.getElementById("image1_slide1") && document.getElementById("image1_slide2"))
	{
		//confirm("image1");
		document.getElementById("image1_slide1").style.backgroundImage = "url(" + image1path + "/" + image1images[randomImage1()] + ")";
		document.getElementById("image1_slide2").style.backgroundImage = "url(" + image1path + "/" + image1images[randomImage1()] + ")";
		setTimeout('opacGo1()', waitTimer1);
	}
	if ((typeof image2path != 'undefined')  && document.getElementById("image2_slide1") && document.getElementById("image2_slide2"))
	{
		//confirm("image2");
		document.getElementById("image2_slide1").style.backgroundImage = "url(" + image2path + "/" + image2images[randomImage2()] + ")";
		document.getElementById("image2_slide2").style.backgroundImage = "url(" + image2path + "/" + image2images[randomImage2()] + ")";
		setTimeout('opacGo2()', waitTimer2);
	}
	if ((typeof image3path != 'undefined') && document.getElementById("image3_slide1") && document.getElementById("image3_slide2"))
	{
		//confirm("image3");
		document.getElementById("image3_slide1").style.backgroundImage = "url(" + image3path + "/" + image3images[randomImage3()] + ")";
		document.getElementById("image3_slide2").style.backgroundImage = "url(" + image3path + "/" + image3images[randomImage3()] + ")";
		setTimeout('opacGo3()', waitTimer3);
	}
}

////Functions to rotate images front-to-back and reset opacity vars//// 
function flipImages1()
{
	if(imagetoggle1 == 0)
	{
		document.getElementById("image1_slide2").style.zIndex = 20;
		document.getElementById("image1_slide1").style.zIndex = 10;
		if(ie5) document.getElementById("image1_slide1").filters.alpha.opacity = 100;
		if(ns6) document.getElementById("image1_slide1").style.MozOpacity = 1;
		nextImage1();
		imagetoggle1 = 1;
	}
	else
	{
		document.getElementById("image1_slide1").style.zIndex = 20;
		document.getElementById("image1_slide2").style.zIndex = 10;
		if(ie5) document.getElementById("image1_slide2").filters.alpha.opacity = 100;
		if(ns6) document.getElementById("image1_slide2").style.MozOpacity = 1;
		nextImage1();
		imagetoggle1 = 0;
	}	
	imageopac1 = 100;
	setTimeout('opacGo1()', waitTimer1);
}

function flipImages2()
{
	if(imagetoggle2 == 0)
	{
		document.getElementById("image2_slide2").style.zIndex = 20;
		document.getElementById("image2_slide1").style.zIndex = 10;
		if(ie5) document.getElementById("image2_slide1").filters.alpha.opacity = 100;
		if(ns6) document.getElementById("image2_slide").style.MozOpacity = 1;
		nextImage2();
		imagetoggle2 = 1;
	}
	else
	{
		document.getElementById("image2_slide1").style.zIndex = 20;
		document.getElementById("image2_slide2").style.zIndex = 10;
		if(ie5) document.getElementById("image2_slide2").filters.alpha.opacity = 100;
		if(ns6) document.getElementById("image2_slide2").style.MozOpacity = 1;
		nextImage2();
		imagetoggle2 = 0;
	}	
	imageopac2 = 100;
	setTimeout('opacGo2()', waitTimer2);
}

function flipImages3()
{
	if(imagetoggle3 == 0)
	{
		document.getElementById("image3_slide2").style.zIndex = 20;
		document.getElementById("image3_slide1").style.zIndex = 10;
		if(ie5) document.getElementById("image3_slide1").filters.alpha.opacity = 100;
		if(ns6) document.getElementById("image3_slide1").style.MozOpacity = 1;
		nextImage3();
		imagetoggle3 = 1;
	}
	else
	{
		document.getElementById("image3_slide1").style.zIndex = 20;
		document.getElementById("image3_slide2").style.zIndex = 10;
		if(ie5) document.getElementById("image3_slide2").filters.alpha.opacity = 100;
		if(ns6) document.getElementById("image3_slide2").style.MozOpacity = 1;
		nextImage3();
		imagetoggle3 = 0;
	}	
	imageopac3 = 100;
	setTimeout('opacGo3()', waitTimer3);
}

////Functions to fade the opacity of the top image to 0////
function opacGo1() 
{
	//confirm(imageopac);
    if(imageopac1 > 0)
    {
		imageopac1-=5;
		if(imagetoggle1 == 0)
		{
			if(ie5) document.getElementById("image1_slide1").filters.alpha.opacity = imageopac1;
			if(ns6) document.getElementById("image1_slide1").style.MozOpacity = imageopac1/100;
        }
        else
        {
			if(ie5) document.getElementById("image1_slide2").filters.alpha.opacity = imageopac1;
			if(ns6) document.getElementById("image1_slide2").style.MozOpacity = imageopac1/100;
        }
        
        if(imageopac1 <= 0)
        {
			flipImages1();
		}
		else
		{
	       setTimeout('opacGo1()', fadeTimer);
	    }
    }
}

function opacGo2() 
{
	//confirm(imageopac2);
    if(imageopac2 > 0)
    {
		imageopac2-=5;
		if(imagetoggle2 == 0)
		{
			if(ie5) document.getElementById("image2_slide1").filters.alpha.opacity = imageopac2;
			if(ns6) document.getElementById("image2_slide1").style.MozOpacity = imageopac2/100;
        }
        else
        {
			if(ie5) document.getElementById("image2_slide2").filters.alpha.opacity = imageopac2;
			if(ns6) document.getElementById("image2_slide2").style.MozOpacity = imageopac2/100;
        }
        
        if(imageopac2 <= 0)
        {
			flipImages2();
		}
		else
		{
	       setTimeout('opacGo2()', fadeTimer);
	    }
    }
}

function opacGo3() 
{
	//confirm(imageopac3);
    if(imageopac3 > 0)
    {
		imageopac3-=5;
		if(imagetoggle3 == 0)
		{
			if(ie5) document.getElementById("image3_slide1").filters.alpha.opacity = imageopac3;
			if(ns6) document.getElementById("image3_slide1").style.MozOpacity = imageopac3/100;
        }
        else
        {
			if(ie5) document.getElementById("image3_slide2").filters.alpha.opacity = imageopac3;
			if(ns6) document.getElementById("image3_slide2").style.MozOpacity = imageopac3/100;
        }
        
        if(imageopac3 <= 0)
        {
			flipImages3();
		}
		else
		{
	       setTimeout('opacGo3()', fadeTimer);
	    }
    }
}

////Functions to replace the back image////
function nextImage1()
{
	if (typeof image1path != 'undefined')
	{
		if(imagetoggle1 == 0)
		{
			document.getElementById("image1_slide1").style.backgroundImage = "url(" + image1path + "/" + image1images[randomImage1()] + ")";
		}
		else
		{
			document.getElementById("image1_slide2").style.backgroundImage = "url(" + image1path + "/" + image1images[randomImage1()] + ")";
		}
	}
}

function nextImage2()
{
	if (typeof image2path != 'undefined')
	{
		if(imagetoggle2 == 0)
		{
			document.getElementById("image2_slide1").style.backgroundImage = "url(" + image2path + "/" + image2images[randomImage2()] + ")";
		}
		else
		{
			document.getElementById("image2_slide2").style.backgroundImage = "url(" + image2path + "/" + image2images[randomImage2()] + ")";
		}
	}
}

function nextImage3()
{
	if (typeof image3path != 'undefined')
	{
		if(imagetoggle3 == 0)
		{
			document.getElementById("image3_slide1").style.backgroundImage = "url(" + image3path + "/" + image3images[randomImage3()] + ")";
		}
		else
		{
			document.getElementById("image3_slide2").style.backgroundImage = "url(" + image3path + "/" + image3images[randomImage3()] + ")";
		}
	}
}

////Functions to pick the next random image (last image picked can not be picked again)////
function randomImage1()
{
  var length = image1images.length;
  var ran;
   
  do
  {
   	ran = Math.floor(Math.random() * length);
  }
  while(ranLastImage1 == ran)
  
  ranLastImage1 = ran;
  return(ran);
}

function randomImage2()
{
  var length = image2images.length;
  var ran;
   
  do
  {
   	ran = Math.floor(Math.random() * length);
  }
  while(ranLastImage2 == ran)
  
  ranLastImage2 = ran;
  return(ran);
}

function randomImage3()
{
  var length = image3images.length;
  var ran;
   
  do
  {
   	ran = Math.floor(Math.random() * length);
  }
  while(ranLastImage3 == ran)
  
  ranLastImage3 = ran;
  return(ran);
}