// JavaScript Document

// Hide -> stores the hidden area name
var Hide = "";
// varHT -> the running total offset amount
var varHt = 0;
// Ht -> the TOTAL offset amount
var Ht = "";
// x -> whether the target is moving right (0) or moving to the left (1)
var x = 0;
// y -> the time delay between rounds... the speed
var y = 10;
// z -> the distance moved in each round
var z = 4;
// Speed -> holds the speed, taken from div
var Speed = "";
// Width of box
var w = 0;

var Os = "";
function setupSlide(trg, offset) {
	Hide = trg;
	Ht = 0;
	Speed = 7;
	Os = offset;
	w = offset;
	
	if (Speed == 1) { y = 100; z = 1; }
	if (Speed == 2) { y = 70; z = 1; }
	if (Speed == 3) { y = 40; z = 1; }
	if (Speed == 4) { y = 20; z = 1; }
	if (Speed == 5) { y = 10; z = 1; }
	if (Speed == 6) { y = 10; z = 2; }
	if (Speed == 7) { y = 10; z = 4; }
	if (Speed == 8) { y = 10; z = 7; }
	if (Speed == 9) { y = 10; z = 10; }
	buttonStatus();
}

function startSlide(eP) {
	var tempHt = Ht;
	Ht += eP;
	// if moving to the left
	if (eP > 0) {
		x = 0;
		// if move is okay, do it
		if (Ht <= 0) {
			toggle();
		// else just reset Ht to 0
		} else {
			document.getElementById("but_left").innerHTML = "<img src=\"../images/but_l-deactive.gif\" />";
			Ht = 0;
		}
	// moving to the right
	} else {
		x = 1;
		if (Ht >= (0 - Os + 908)) {
			toggle();
		} else {
			document.getElementById("but_right").innerHTML = "<img src=\"../images/but_r-deactive.gif\" />";
			Ht = (0 - Os + 908);
		}
	}
}

function buttonStatus() {
	if (w < 908) {
		document.getElementById("but_left").innerHTML = "<img src=\"../images/but_l-deactive.gif\" />";
		document.getElementById("but_right").innerHTML = "<img src=\"../images/but_r-deactive.gif\" />";
	} else {
		if (Ht == 0) {
			document.getElementById("but_left").innerHTML = "<img src=\"../images/but_l-deactive.gif\" />";
		} else {
			document.getElementById("but_left").innerHTML = "<img src=\"../images/but_l.gif\" onclick=\"startSlide(101);\" />";
		}
		
		if (Ht == (0 - Os + 908)) {
			document.getElementById("but_right").innerHTML = "<img src=\"../images/but_r-deactive.gif\" />";
		} else {
			document.getElementById("but_right").innerHTML = "<img src=\"../images/but_r.gif\" onclick=\"startSlide(-101);\" />";
		}
	}
}

function toggle() {
	if (x === 0) {
		document.getElementById(Hide).style.left = varHt+'px';
		if (((Ht-varHt) < z) && (varHt !== Ht)) {
			varHt = Ht;
		} else {
			varHt = varHt+z;
		}
		if (varHt <= Ht) {
			setTimeout('toggle()',y);
		}
		if (varHt > Ht) {
			varHt = Ht;
			buttonStatus();
		}
	} else {
		document.getElementById(Hide).style.left = varHt+'px';
		varHt -= z;
		if (varHt < Ht) {
			varHt = Ht;
			buttonStatus();
		} else {
			setTimeout('toggle()',y);
		}
	}
}