var pauses = Array()
var topElements = Array()
var bottomElements = Array()
var containerHeights = Array()
var elementHeights = Array()
var tops = Array()
var bottoms = Array()
var containerIDs = Array()

function scrollInit (parentID) {

	//	CREATE THE TWO CHILD OBJECTS
	var parentElement = document.getElementById(parentID)
	var topElement = document.createElement('div')
	var bottomElement = document.createElement('div')
	topElement.innerHTML = 	bottomElement.innerHTML = parentElement.innerHTML
	parentElement.innerHTML = ""
	parentElement.appendChild(topElement)
	parentElement.appendChild(bottomElement)

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

	//	UNFORTUNATELY, HAD TO ADD THIS LINE HERE FOR THE IE SITE
	document.getElementById("loadingDiv").style.display = "none"

	topElement.style.position = bottomElement.style.position = "absolute"
	topElement.style.left = bottomElement.style.left = 0
	topElement.style.width = bottomElement.style.width = "100%"

	//	INITIALIZE THE VARIOUS HEIGHT/POSITION-RELATED VARIABLES
	var containerHeight = parseInt(parentElement.style.height)
	var elementHeight = topElement.clientHeight
	var top = containerHeight
	var bottom = top + elementHeight
	topElement.style.top = top + "px"
	bottomElement.style.top = bottom + "px"

	//	THIS CODE NO LONGER DOES ANYTHING, BUT IT'S COOL CODE TO COPY CSS FROM OBJECT1 TO OBJECT2
	var myStyles = topElement.style.cssText.split(/; /)
	for (i in myStyles)
		if (myStyles[i]) {
			thisStyle = myStyles[i].replace(/:.*$/, "").toLowerCase()
			styleParts = thisStyle.split(/\-/)
			if (styleParts.length > 1) {
				for (j = 1; j < styleParts.length; j++)
					styleParts[j] = styleParts[j].substr(0, 1).toUpperCase() + styleParts[j].substr(1)
					thisStyle = styleParts.join("")
			}
			eval("bottomElement.style." + thisStyle + " = topElement.style." + thisStyle)
		}
	
	//	PUSH ALL OF THE NECESSARY VARIABLES INTO THE GLOBAL SCROLL-RELATED ARRAYS
	pauses[parentID] = false
	topElements.push(topElement)
	bottomElements.push(bottomElement)
	containerHeights.push(containerHeight)
	elementHeights.push(elementHeight)
	tops.push(top)
	bottoms.push(bottom)
	containerIDs.push(parentID)

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

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

function scroll () {
	for (var i = 0; i < topElements.length; i++) {
		if (!pauses[containerIDs[i]]) {
			tops[i]--
			bottoms[i]--
			if (Math.abs(tops[i]) > elementHeights[i]) {
				tempElement = topElements[i]
				topElements[i] = bottomElements[i]
				bottomElements[i] = tempElement
				tops[i] = bottoms[i]
				bottoms[i] = tops[i] + elementHeights[i]
			}
			topElements[i].style.top = tops[i] + "px"
			bottomElements[i].style.top = bottoms[i] + "px"
		}
	}
}