//CACHE IMAGE FUNCTIONS
function cacheImages() {
	for(i = 0; i < arrImages.length; i++) {
		arrCache.push(0);
		img = new Image;
		img.onLoad = completeImage(i);
		img.src = conDir+arrImages[i];
	}
	checkImageLoad();
}

function completeImage(i) {
	arrCache[i] = 1;
}

function checkImageLoad() {
	intTemp = 0;
	for(i = 0; i < arrCache.length; i++) {
		intTemp = intTemp + parseInt(arrCache[i]);
	}

	if (intTemp < arrImages.length) {
		timer = setTimeout('checkImageLoad();',1000);
	} else {
		document.write(placeImages());
		timer = setTimeout('moveImages('+(conInterval * conDirection)+');',500);
	}
}

//PLACE ALL IMAGES ONCE
function placeImages() {
	var strTemp;
	strTemp = '<div id="outer" style="position:relative;overflow:hidden;width:755px;height:97px;">';
	strTemp += '<div id="left" style="width:25px;position:absolute;top:10px;z-index:100;"><img src="pixscroll-support/borderL.png"></div>';
	strTemp += '<div id="right" style="width:25px;position:absolute;top:10px;right:0px;z-index:100;"><img src="pixscroll-support/borderR.png"></div>';
	strTemp += '<div id="inner" style="overflow:visible;white-space:nowrap;position:relative;margin-top:10px;left:'+conStartPos+'px;">';
	for(i = 0; i < arrImages.length; i++) {
		strTemp += '<img id="'+arrImages[i]+'" src="'+conDir+arrImages[i]+'">';
	}
	strTemp += '</div>';
	strTemp += '</div>';
	
	return strTemp;
}

//MOVE IMAGES
function moveImages(interval) {
	if (!blnCheckOnce) {
		blnCheckOnce = true;
		for(i = 0; i < arrImages.length; i++) {
			conStopPos += document.getElementsByTagName("img")[arrImages[i]].offsetWidth;
			conStopPos += 15; //CSS IMAGE SPACING
		}
		conStopPos *= conDirection;
		//TEMP
		conStopPos = -628;
	}

	if (intPos > conStopPos ) { //MOVING LEFT ONLY!!
		document.getElementById("inner").style.left = intPos+"px";
		intPos += interval;
		timer = setTimeout('moveImages('+interval+');',66);
	} else {
		document.getElementById("outer").innerHTML = '<img src="pixscroll-support/banner.jpg" style="margin-top:15px;">';
	}
}


//-----------------------------------------------
//GET IMAGE LIST
var conDir = "pixscroll/";
var arrImages = new Array("image1.jpg","image2.jpg","image3.jpg","image4.jpg","image5.jpg");
var arrCache = new Array();

//MOVE IMAGES
var blnCheckOnce = false;
var conInterval = 8;
var conDirection = -1;
var conStartPos = 780;
var conStopPos = 0; //RESET AFTER IMAGES LOADED
var intPos = conStartPos;

//CACHE BANNER
banner = new Image;
banner.src = 'banner.jpg';