addLoadListener(function()
{
	// quickload first images into frames.
	objTop = document.getElementById('slides').getElementsByTagName('div')[0].getElementsByTagName('div')[0].getElementsByTagName('img')[0];
	objTop.src = 'images/slides/'+slidesArrayTop[0];
	objBottom = document.getElementById('slides').getElementsByTagName('div')[2].getElementsByTagName('div')[0].getElementsByTagName('img')[0];
	objBottom.src = 'images/slides/'+slidesArrayBottom[0];

	if (slidesArrayTop.length > 1) {
		slidesTop = true;
		slideTopBottom = 't';
		
		newImg = document.createElement('img');
		newImg.setAttribute('alt',slidesArrayTop[1]);
		newImg.setAttribute('width','290');
		newImg.setAttribute('height','218');
		newImg.setAttribute('src','images/slides/'+slidesArrayTop[1]);
		objTop.parentNode.insertBefore(newImg, objTop.nextSibling);
	}
	
	if (slidesArrayBottom.length > 1) {
		slidesBottom = true;
		slideTopBottom = (slidesTop) ? 't':'b'; // Are there more than 1 slide in the top section? If so keep the start at the top. If not start at the bottom.
		
		newImg = document.createElement('img');
		newImg.setAttribute('alt',slidesArrayBottom[1]);
		newImg.setAttribute('width','290');
		newImg.setAttribute('height','218');
		newImg.setAttribute('src','images/slides/'+slidesArrayBottom[1]);
		objBottom.parentNode.insertBefore(newImg, objBottom.nextSibling);
	}

	st = document.getElementById('slides_top').getElementsByTagName('img');
	oST1 = st[0];
	oST2 = st[1];
	sb = document.getElementById('slides_bottom').getElementsByTagName('img');
	oSB1 = sb[0];
	oSB2 = sb[1];

	opType = (typeof oST1.style.opacity != 'undefined') ? 'w3c':'ie';

	if (slidesTop || slidesBottom) {
		setTimeout("slidesInit()", slideTime - 2000);
	}
});

var slidesArrayTop = ['river_lounge.jpg','lodge_front.jpg','rogue_river_lodge_12168.jpg','lodge_back.jpg'];
var slidesArrayBottom = ['back_benches.jpg','lodge_back2.jpg','river_raft.jpg','lodge_side_back.jpg','river_night.jpg'];
var slidesTop = false;
var slidesBottom = false;
var slideTime = 5000;

var opType = null;
var slideTopCount = slidesArrayTop.length;
var slideBottomCount = slidesArrayBottom.length;
var slideTopCurrent = 1; // Start the count at 1 (which is the second image), as we have already loaded the first two images.
var slideBottomCurrent = 1; // Same as above.
var slideTopBottom = null;
var oST1 = null;
var oST2 = null;
var oSB1 = null;
var oSB2 = null;

function slidesInit() {
	slideTrans();
	setInterval("slideTrans()", slideTime);
}

function slideTrans(step) {
if (slideTopBottom == 't') {
	if (!step) { // Start transition
		slideChange(oST1);
	} else { // Transition finished. Clean things up.
		oST1.src = oST2.src;
		resetOpacity('t');
		
		slideTopCurrent = (slideTopCurrent < slideTopCount-1) ? slideTopCurrent + 1:0;
		oST2.src = 'http://www.therogueriverlodge.com/images/slides/'+slidesArrayTop[slideTopCurrent];
		slideTopBottom = (slidesBottom) ? 'b':'t';
	}
} else {
	if (!step) { // Start transition
		slideChange(oSB1);
	} else { // Transitions finished. Clean things up.
		oSB1.src = oSB2.src;
		resetOpacity('b');
		
		slideBottomCurrent = (slideBottomCurrent < slideBottomCount-1) ? slideBottomCurrent + 1:0;
		oSB2.src = 'http://www.therogueriverlodge.com/images/slides/'+slidesArrayBottom[slideBottomCurrent];
		slideTopBottom = (slidesTop) ? 't':'b';
	}
}
}

function slideChange(obj) {
opacityTween = new OpacityTween(obj,'', 100, 0, 2); // Leave the tween type blank to make in a linear tween.
opacityTween.onMotionFinished = function() {
	slideTrans(true);
}

opacityTween.onMotionStarted = function() {
	inMotion = true;
}

opacityTween.start();
}

function resetOpacity(tb) {
if (tb == 't') {
	if (opType == 'ie') {
		oST1.filters.alpha['opacity'] = 100;
	} else {
		oST1.style.opacity = '1';
	}
} else {
	if (opType == 'ie') {
		oSB1.filters.alpha['opacity'] = 100;
	} else {
		oSB1.style.opacity = '1';
	}
}
}