var slideActive = false;
var doneSlide = false;
var slideTarg = null;
var slideCount = 0;
var slideAmount = 0;

function fixFirefox() { // This function removes an extra font object that firefox puts in for some reason which breaks everything
	thing = document.getElementById('scroll')
	if(thing.firstChild.tagName.toLowerCase()=='font') {
		while(thing.firstChild.firstChild) thing.appendChild(thing.firstChild.firstChild)
		thing.removeChild(thing.firstChild)
	}
}


function slideLeft() {
	fixFirefox()
	clearBorders()
	if (!slideActive && scrollOn) {
		slideTarg = document.getElementById('scroll')
		slideCount = 0;
		slideAmount = -4;
		slideActive = true;
	} else {
		if (currImage==maxImage) {
			setImageActive(0)	
		} else {
			setImageActive(currImage+1)
		}
	}
}

function slideRight() {
	fixFirefox()
	clearBorders()
	if (!slideActive && scrollOn) {
		slideTarg = document.getElementById('scroll')
		slideCount = 0;
		slideAmount = 4;
		slideActive = true;
	} else {
		if (currImage==0) {
			setImageActive(maxImage)	
		} else {
			setImageActive(currImage-1)
		}
	}
}

window.setInterval("doSlide()", 12);

function doSlide() {
	if (slideActive) {
		slideCount++
		var oldMarg = slideTarg.style.marginLeft
		oldMarg = oldMarg.substr(0,oldMarg.length-2)
		slideTarg.style.marginLeft = parseInt(oldMarg)+slideAmount + 'px'
		if (slideCount == 25) {
			slideActive  = false;
			if (slideAmount>0) {
				var oldFirst = slideTarg.removeChild(slideTarg.lastChild)
				slideTarg.insertBefore(oldFirst,slideTarg.firstChild)
			} else {
				var oldFirst = slideTarg.removeChild(slideTarg.firstChild)
				slideTarg.appendChild(oldFirst)
			}
			doneSlide = true;
			nextTarg = slideTarg.firstChild
			nextTarg = nextTarg.nextSibling.nextSibling.nextSibling.name
			setImageActive(nextTarg)
			slideTarg.style.marginLeft = '-100px'
		}
	}
}

function setImageActive(num) {
	clearBorders()
	slideTarg = document.getElementById('scroll')
	var targ = document.getElementById('mainImage')
	targ.src = imageDir + images[num] + '.jpg'
	currImage = num
	var targ2 = document.getElementById('img' + images[num]);
	//alert ('img' + images[num] + targ2);
	targ2.style.border = '2px solid #FFBB00'
	targ2.style.margin = '2px'
	if (scrollOn && !doneSlide) {
		var arr = document.getElementById('scroll').getElementsByTagName('IMG')
		var i = 0;
		do {
			i++	
		} while (arr[i]!=targ2)
		if (i>3) {
			for (var j=3; j<i; j++) {
				var oldFirst = slideTarg.removeChild(slideTarg.firstChild)
				slideTarg.appendChild(oldFirst)
			}
		} else if (i<3) {
			for (var j=i; j<3; j++) {
				var oldFirst = slideTarg.removeChild(slideTarg.lastChild)
				slideTarg.insertBefore(oldFirst,slideTarg.firstChild)
			}
		}
	}
	doneSlide = false
}

function clearBorders() {
	var targ = document.getElementById('scroll').getElementsByTagName('IMG')
	for (var i = 0; i < targ.length; i++) {
		targ[i].style.border = 	'0'
		targ[i].style.margin = '4px'
	}
}