var pauses = Array()
var firstElements = Array()
var secondElements = Array()
var containerSizes = Array()
var elementSizes = Array()
var starts = Array()
var stops = Array()
var containerIDs = Array()

function scrollInit (parentID) {
	//	CREATE THE TWO CHILD OBJECTS
	var parentElement = document.getElementById(parentID)
	var firstElement = document.createElement('div')
	var secondElement = document.createElement('div')
	firstElement.innerHTML = secondElement.innerHTML = parentElement.innerHTML
	parentElement.innerHTML = ""
	saveWidth = parentElement.style.width
	parentElement.style.width = "100000px"
	parentElement.appendChild(firstElement)
	parentElement.appendChild(secondElement)

	//	SET CSS OF TWO CHILD OBJECTS
	parentElement.style.position = "relative"
	parentElement.style.overflow = "hidden"
	parentElement.style.display = "block"
	firstElement.style.position = secondElement.style.position = "absolute"

	/*
	firstElement.style.left = secondElement.style.left = 0
	firstElement.style.width = secondElement.style.width = "100%"
	*/
	firstElement.style.top = secondElement.style.top = 0
	firstElement.style.height = secondElement.style.height = "10px"

	//	INITIALIZE THE VARIOUS HEIGHT/POSITION-RELATED VARIABLES
	var containerSize = parseInt(saveWidth)
	var elementSize = firstElement.clientWidth
	parentElement.style.width = saveWidth

	/*
	var containerSize = parseInt(parentElement.style.height)
	var elementSize = firstElement.clientHeight
	*/
	var start = containerSize
	var stop = start + elementSize

	firstElement.style.width = secondElement.style.width = elementSize

	/*
	firstElement.style.top = start + "px"
	secondElement.style.top = stop + "px"
	*/
	firstElement.style.left = start + "px"
	secondElement.style.left = stop + "px"

	//	PUSH ALL OF THE NECESSARY VARIABLES INTO THE GLOBAL SCROLL-RELATED ARRAYS
	pauses[parentID] = false
	firstElements.push(firstElement)
	secondElements.push(secondElement)
	containerSizes.push(containerSize)
	elementSizes.push(elementSize)
	starts.push(start)
	stops.push(stop)
	containerIDs.push(parentID)

	//	HANDLE MOUSEOVER AND MOUSEOUT
	var myMouseover = function () {
		pauses[parentID] = true
	}
	var myMouseout = function () {
		pauses[parentID] = false
	}

	if (browserType() == "IE") {
		parentElement.onmouseover = myMouseover
		parentElement.onmouseout = myMouseout
	}
	else {
		parentElement.addEventListener("mouseover", myMouseover, false)
		parentElement.addEventListener("mouseout", myMouseout, false)
	}
}

function doPause (myObject, myValue) {
	pauses[myObject.id] = myValue
}

function scroll () {
	for (var i = 0; i < firstElements.length; i++) {
		if (!pauses[containerIDs[i]]) {
			starts[i]--
			stops[i]--
			if (Math.abs(starts[i]) > elementSizes[i]) {
				tempElement = firstElements[i]
				firstElements[i] = secondElements[i]
				secondElements[i] = tempElement
				starts[i] = stops[i]
				stops[i] = starts[i] + elementSizes[i]
			}
			/*
			firstElements[i].style.top = starts[i] + "px"
			secondElements[i].style.top = stops[i] + "px"
			*/
			firstElements[i].style.left = starts[i] + "px"
			secondElements[i].style.left = stops[i] + "px"
		}
	}
}