/*
 adapted from page 380 in the text
*/

var timeDelay = 1;

var myApps = new Array();
var app1;
var app2;

var lowLeft;
var highLeft;

var timer;

function moveObjectLeft(id) {
	var object = document.getElementById(id);
	var left = object.offsetLeft;
	/*
	if (
		blah ensure can only click right arrow
	)
	*/
	left -= 800;
	object.style.left = left + 'px';
}

function moveObjectRight(id) {
	var object = document.getElementById(id);
	var left = object.offsetLeft;
	/*
	if (
			blah ensure can only click left arrow
		)
	*/
	left += 800;
	object.style.left = left + 'px';
}

function initApps(app1ID, app2ID) {
	myApps[0] = document.getElementById(app1ID);
	myApps[1] = document.getElementById(app2ID);
	app1 = myApps[0];
	app2 = myApps[1];
	lowLeft = app1.offsetLeft < app2.offsetLeft ? app1.offsetLeft : app2.offsetLeft;
	highLeft = app1.offsetLeft > app2.offsetLeft ? app1.offsetLeft : app2.offsetLeft;
}

function swapApps() {
	/*
		Get lower valued left pixel to swap with, then swap the views
		an advanced version of this could animate the swap so it looks cool
	*/
	var app1 = myApps[0];
	var app2 = myApps[1];
	var lowLeft = app1.offsetLeft < app2.offsetLeft ? app1.offsetLeft : app2.offsetLeft;
	var highLeft = app1.offsetLeft > app2.offsetLeft ? app1.offsetLeft : app2.offsetLeft;
	if (app1.offsetLeft == lowLeft) {
		app1.style.left = highLeft + 'px';
		app2.style.left = lowLeft + 'px';
	}
	else {
		app1.style.left = lowLeft + 'px';
		app2.style.left = highLeft + 'px';
	}
}

function animateSwapLeft() {
	var left_1 = app1.offsetLeft < app2.offsetLeft ? app1.offsetLeft : app2.offsetLeft;
	var left_2 = app1.offsetLeft > app2.offsetLeft ? app1.offsetLeft : app2.offsetLeft;
	if (app2.offsetLeft > lowLeft) {
		app1.style.left = (left_1 - 50) + 'px';
		app2.style.left = (left_2 - 50) + 'px';
		timer = window.setTimeout('animateSwapLeft()', timeDelay);
		
	}
	else {
		window.clearTimeout(timer);
	}
}

function animateSwapRight() {
	var left_1 = app1.offsetLeft < app2.offsetLeft ? app1.offsetLeft : app2.offsetLeft;
	var left_2 = app1.offsetLeft > app2.offsetLeft ? app1.offsetLeft : app2.offsetLeft;

	if (app2.offsetLeft < highLeft) {
		app1.style.left = (left_1 + 50) + 'px';
		app2.style.left = (left_2 + 50) + 'px';
		timer = window.setTimeout('animateSwapRight()', timeDelay);
	}
	else {
		window.clearTimeout(timer);
	}
}

function doSwap() {

}