var ss_src = new Array(
	'ourlendingpanel.jpg',
	'amp.gif',
	'westpac2.jpg',
	'bankwest.gif',
	'suncorp.gif',
	'anz.jpg',
	'stgeorge.gif',
	'latrobe.gif',
	'austunity.gif',
	'Merchantmortgages.gif',
	'bibby.jpg',
	'collins.gif',
	'therock.jpg',
	'pioneer.gif',
	'domain.jpg',
	'provident.jpg',
	'adelaidebank.gif',
	'banksa.gif',
	'challenger.jpg',
	'citibank2.jpg',
	'bankqld.jpg',
	'pmp.jpg',
	'wide_bay.jpg',
	'macquarie.gif',
	'leasechoice.gif',
	'tptl.jpg',
	'alongwith.jpg',
	'cbfc.gif',
	'homeside.jpg',
	'nab.jpg',
	'ing.jpg',
	'littlelease.jpg',
	'pepper.jpg',
	'ourserviceproviders.jpg',
	'depositunderwriters.jpg',
	'dba.jpg',
	'debtrescue.jpg',
	'depreciator.jpg',
	'pisces.gif'
);

// GLOBALS
INTERVAL = 30;
DECREMENT = 2;
WEB_PATH = 'http://www.ausloanco.com.au/slideshow/';

// declare loaded images array (or img objects)
var ss_loaded = new Array();
function buildImgArray() {

	for(i=ss_loaded.length; i<ss_src.length; i++) 
	{
		imobj = new Image();
		imobj.src = WEB_PATH + ss_src[i];
		
		ss_loaded[i] = imobj;
	}
}

var scrollUpdate; // global to hold PeriodicalExecuter/Interval object

function startScroll()
{
	var newelem = $('scroller_images');
	var scrollerWidth = Element.getDimensions('scroller').width;
	
	// hide so it can be repositioned
	Element.hide(newelem);
	newelem.style.marginLeft = scrollerWidth + "px";
	
	var scrGo = function() { movePosition(newelem) };
	scrollUpdate = window.setInterval(scrGo, INTERVAL);
}

function movePosition(elem)
{
	Element.show(elem);
	var width = Element.getDimensions(elem).width;
	var scrollerWidth = Element.getDimensions('scroller').width;
	
	var leftMargin = parseInt(elem.style.marginLeft);
	//$('pos').innerHTML = leftMargin;
	
	if(isNaN(leftMargin)) {
		
		leftMargin = scrollerWidth;
		elem.style.marginLeft = leftMargin + "px";
		
	} else {
		leftMargin -= DECREMENT;
		elem.style.marginLeft = leftMargin + "px";
	}
	
	checkPos(elem);
}

function checkPos(elem)
{
	var leftMargin = parseInt(elem.style.marginLeft);
	var width = Element.getDimensions(elem).width;
	//$('children').innerHTML = width;
	
	if(!isNaN(leftMargin)) {
	
		if(leftMargin < -width) {
			window.clearInterval(scrollUpdate);
			startScroll();
		}	
	}
}

window.onload = function() {

	// load the remaining images
	for(i=ss_loaded.length; i<ss_src.length; i++) 
	{
		imobj = new Image();
		imobj.src = WEB_PATH + ss_src[i];
		
		ss_loaded[i] = imobj;
	}
	
	// Fill the scroller with images
	for(i=0; i<ss_loaded.length; i++) {
		
		var newelem = document.createElement('img');
		newelem.setAttribute('src', ss_loaded[i].src);
		newelem.setAttribute('alt', ss_loaded[i].src);
		$('scroller_images').appendChild(newelem);
	}
	
	//$('children').innerHTML = Element.getDimensions('scroller_images').width;
	startScroll();
};

function setUpdateInterval(val) {
	//alert(val);
	INTERVAL = val;
	window.clearInterval(scrollUpdate);
	startScroll();
}

function setDecrement(val) {
	DECREMENT = val;
	//alert(val);
}