var fadetimer;
var currentphotos = new Array(4);
var photodivs = new Array(4);
var currentop = 99;
var currentphoto = 1;

currentphotos[0] = "kitchen.jpg";
currentphotos[1] = "bedroom.jpg";
currentphotos[2] = "dining.jpg";
currentphotos[3] = "model.jpg";

function initfade()
{
	photodivs[0] = document.getElementById("mainphoto");
	photodivs[1] = document.getElementById("thumb1");
	photodivs[2] = document.getElementById("thumb2");
	photodivs[3] = document.getElementById("thumb3");
	fadetimer = setTimeout("dofadeout()", 1000);
}

function dofadeout()
{
	currentop -= 5;
	setOpacity();

	if (currentop <= 5)
	{
		timer = setTimeout("swapImage(currentphoto)", 25);
		fadetimer = setTimeout("dofadein()",25);
	} else {
		fadetimer = setTimeout("dofadeout()", 25);
	}
}

function dofadein()
{
	currentop += 5;
	setOpacity();

	if (currentop >= 95)
	{
		currentop = 99;
		setOpacity();
		currentphoto++;
		if (currentphoto > 3) currentphoto = 1;
		setTimeout("dofadeout()", 5000);
	} else {
		fadetimer = setTimeout("dofadein()", 25);
	}
}


function swapImage(num)
{
	var temp = currentphotos[0];
	currentphotos[0] = currentphotos[num];
	currentphotos[num] = temp;
	
	photodivs[0].style.visibility = "hidden";
	photodivs[num].style.visibility = "hidden";

	photodivs[0].innerHTML = '<img src="images/front/' + currentphotos[0] + '" width="309" height="302">';
	photodivs[num].innerHTML = '<img src="images/front/tn/' + currentphotos[num] + '" width="90" height="83">';

	photodivs[0].style.visibility = "visible";
	photodivs[num].style.visibility = "visible";
}

function setOpacity()
{
	photodivs[currentphoto].style.filter = "alpha(opacity:"+currentop+")";
	photodivs[currentphoto].style.KHTMLOpacity = currentop/100;
	photodivs[currentphoto].style.MozOpacity = currentop/100;
	photodivs[currentphoto].style.opacity = currentop/100;

	photodivs[0].style.filter = "alpha(opacity:"+currentop+")";
	photodivs[0].style.KHTMLOpacity = currentop/100;
	photodivs[0].style.MozOpacity = currentop/100;
	photodivs[0].style.opacity = currentop/100;
}