if(navigator.appName == "Netscape") {
	nav = "ns4"
	doc = "document";
	sty = "";
} else {
	nav = "ie4"
	doc = "document.all";
	sty = ".style";
}



var count = 0;

function preLoad() {
	sphere1 = new Image();
	sphere1.src = "images/sphere1.gif";
	sphere1.onLoad = loadCheck();

	sphere2 = new Image();
	sphere2.src = "images/sphere2.gif";
	sphere2.onLoad = loadCheck();

	sun = new Image();
	sun.src = "images/sun.gif";
	sun.onLoad = loadCheck();

	carriage = new Image();
	carriage.src = "images/carriage.gif";
	carriage.onLoad = loadCheck();

	crane = new Image();
	crane.src = "images/crane.gif";
	crane.onLoad = loadCheck();

	eye_open = new Image();
	eye_open.src = "images/eye_open.gif";
	eye_open.onLoad = loadCheck();

	eye_partial = new Image();
	eye_partial.src = "images/eye_partial.gif";
	eye_partial.onLoad = loadCheck();

	eye_closed = new Image();
	eye_closed.src = "images/eye_closed.gif";
	eye_closed.onLoad = loadCheck();

	eye_center1 = new Image();
	eye_center1.src = "images/eye_center1.gif";
	eye_center1.onLoad = loadCheck();

	eye_center2 = new Image();
	eye_center2.src = "images/eye_center2.gif";
	eye_center2.onLoad = loadCheck();

	eye_north = new Image();
	eye_north.src = "images/eye_north.gif";
	eye_north.onLoad = loadCheck();

	eye_northeast = new Image();
	eye_northeast.src = "images/eye_northeast.gif";
	eye_northeast.onLoad = loadCheck();

	eye_east = new Image();
	eye_east.src = "images/eye_east.gif";
	eye_east.onLoad = loadCheck();

	eye_southeast = new Image();
	eye_southeast.src = "images/eye_southeast.gif";
	eye_southeast.onLoad = loadCheck();

	eye_south = new Image();
	eye_south.src = "images/eye_south.gif";
	eye_south.onLoad = loadCheck();

	eye_southwest = new Image();
	eye_southwest.src = "images/eye_southwest.gif";
	eye_southwest.onLoad = loadCheck();

	eye_west = new Image();
	eye_west.src = "images/eye_west.gif";
	eye_west.onLoad = loadCheck();

	eye_northwest = new Image();
	eye_northwest.src = "images/eye_northwest.gif";
	eye_northwest.onLoad = loadCheck();

	button_up = new Image();
	button_up.src = "images/button_up.gif";
	button_up.onLoad = loadCheck();

	button_dn = new Image();
	button_dn.src = "images/button_dn.gif";
	button_dn.onLoad = loadCheck();
}

function loadCheck() {
	count++;
	if(count == 20) {
		positionLayers();
	}
}



function positionLayers() {
	sunObj = eval(doc + '["sunLyr"]' + sty);
	sunObj.left = 0;
	sunObj.top = 190;

	handObj = eval(doc + '["handLyr"]' + sty);
	handObj.left = available_width-131;
	handObj.top = available_height-236;

	craneObj = eval(doc + '["craneLyr"]' + sty);
	craneObj.left = available_width-134;
	craneObj.top = 10;

	carriageObj = eval(doc + '["carriageLyr"]' + sty);
	carriageObj.left = parseInt(craneObj.left);
	carriageObj.top = 20;

	eyeballImg = eval(doc + '["eyeballLyr"]' + '.document');
	eyeballObj = eval(doc + '["eyeballLyr"]' + sty);
	eyeballObj.left = parseInt(carriageObj.left) + 17;
	eyeballObj.top = parseInt(carriageObj.top) + 212;

	eyelidImg = eval(doc + '["eyelidLyr"]' + '.document');
	eyelidObj = eval(doc + '["eyelidLyr"]' + sty);
	eyelidObj.left = parseInt(carriageObj.left) + 17;
	eyelidObj.top = parseInt(carriageObj.top) + 212;

	buttonImg = eval(doc + '["menuLyr"]' + '.document');
	menuObj = eval(doc + '["menuLyr"]' + sty);
	menuObj.left = 8;
	menuObj.top = 0;

	overviewObj = eval(doc + '["overviewLyr"]' + sty);
	overviewObj.left = 160;
	overviewObj.top = 10;

	environmentObj = eval(doc + '["environmentLyr"]' + sty);
	environmentObj.left = 160;
	environmentObj.top = 10;

	graphicsObj = eval(doc + '["graphicsLyr"]' + sty);
	graphicsObj.left = 160;
	graphicsObj.top = 10;

	layersObj = eval(doc + '["layersLyr"]' + sty);
	layersObj.left = 160;
	layersObj.top = 10;

	domsObj = eval(doc + '["domsLyr"]' + sty);
	domsObj.left = 160;
	domsObj.top = 10;

	preloadingObj = eval(doc + '["preloadingLyr"]' + sty);
	preloadingObj.left = 160;
	preloadingObj.top = 10;

	positioningObj = eval(doc + '["positioningLyr"]' + sty);
	positioningObj.left = 160;
	positioningObj.top = 10;

	animationObj = eval(doc + '["animationLyr"]' + sty);
	animationObj.left = 160;
	animationObj.top = 10;

	interactivityObj = eval(doc + '["interactivityLyr"]' + sty);
	interactivityObj.left = 160;
	interactivityObj.top = 10;

	sourceObj = eval(doc + '["sourceLyr"]' + sty);
	sourceObj.left = 160;
	sourceObj.top = 10;

	arrowObj = eval(doc + '["arrowLyr"]' + sty);
	arrowObj.left = available_width-40;
	arrowObj.top = 20;

	sphere1Img = eval(doc + '["sphere1Lyr"]' + '.document');
	sphere1Obj = eval(doc + '["sphere1Lyr"]' + sty);
	sphere1Obj.left = 7;
	sphere1Obj.top = available_height-200;

	sphere2Img = eval(doc + '["sphere2Lyr"]' + '.document');
	sphere2Obj = eval(doc + '["sphere2Lyr"]' + sty);
	sphere2Obj.left = parseInt(sphere1Obj.left) + 40;
	sphere2Obj.top = parseInt(sphere1Obj.top) + 74;

	sunObj.visibility = "visible";
	craneObj.visibility = "visible";
	carriageObj.visibility = "visible";
	eyeballObj.visibility = "visible";
	eyelidObj.visibility = "visible";
	menuObj.visibility = "visible";
	arrowObj.visibility = "visible";
	handObj.visibility = "visible";

	setTimeout("animate()", 2500);

	menuToggle('overview');
	buttonOver('overview');
}



function changeLayers() {
	sphere2Obj.left=7;
	sphere2Obj.top=available_height-200;
	sphere1Obj.left=parseInt(sphere2Obj.left)+40;
	sphere1Obj.top=parseInt(sphere2Obj.top)+74;
	setTimeout("resetLayers()", 3000);
}

function resetLayers() {
	sphere1Obj.left=7;
	sphere1Obj.top=available_height-200;
	sphere2Obj.left=parseInt(sphere1Obj.left)+40;
	sphere2Obj.top=parseInt(sphere1Obj.top)+74
}



function animateLayers() {
	var x_pos1 = parseInt(sphere1Obj.left);
	var x_pos2 = parseInt(sphere2Obj.left);
	if(x_pos1 < 47) {
		sphere1Obj.left = x_pos1+2;
		sphere2Obj.left = x_pos2-2;
		setTimeout("animateLayers()", 1);
	} else {
		resetLayers();
	}
}



var counter = 0;

function animateImage() {
	if(counter < 10) {
		sphere1Img.sphere1_image.src = sphere2.src;
		setTimeout("sphere1Img.sphere1_image.src=sphere1.src", 500);
		setTimeout("animateImage()", 1000);
		counter++;
	} else {
		counter = 0;
	}
}

var sphereArray = new Array()
	sphereArray[0]="sphere1";
	sphereArray[1]="sphere2";

function randomImage() {
	if(counter < 10) {
		sphere1Img.sphere1_image.src = eval(sphereArray[Math.round((sphereArray.length-1)*Math.random())] + ".src");
		sphere2Img.sphere2_image.src = eval(sphereArray[Math.round((sphereArray.length-1)*Math.random())] + ".src");
		setTimeout("randomImage()", 1000);
		counter++;
	} else {
		counter = 0;
	}
}



var eyelidArray = new Array()
	eyelidArray[0]="eye_open";
	eyelidArray[1]="eye_partial";

var eyeballArray = new Array()
	eyeballArray[0]="eye_center1";
	eyeballArray[1]="eye_center2";
	eyeballArray[2]="eye_north";
	eyeballArray[3]="eye_northeast";
	eyeballArray[4]="eye_east";
	eyeballArray[5]="eye_southeast";
	eyeballArray[6]="eye_south";
	eyeballArray[7]="eye_southwest";
	eyeballArray[8]="eye_west";
	eyeballArray[9]="eye_northwest";

var horizArray = new Array()
	horizArray[0]=391;
	horizArray[1]=195;
	horizArray[2]=130;
	horizArray[3]=97;
	horizArray[4]=10;

var vertArray = new Array()
	vertArray[0]=-10;
	vertArray[1]=-40;
	vertArray[2]=-70;
	vertArray[3]=-100;
	vertArray[4]=-130;
	vertArray[5]=-160;
	vertArray[6]=-185;

var xArray = new Array()
	xArray[0]="left";
	xArray[1]="right";

var yArray = new Array()
	yArray[0]="up";
	yArray[1]="down";

var moveArray = new Array()
	moveArray[0]="moveVert";
	moveArray[1]="moveHoriz";


function randomizer(list) {
	return list[Math.round((list.length-1)*Math.random())];
}


var limit = false;
var move_poser = true;
var zindex_toggle = true;
var timer2 = null;

function animate() {
	eyeball(randomizer(eyeballArray));
	clearTimeout(timer2);
	if(limit == false) {
		var moveDirection = randomizer(moveArray);
		if(moveDirection == "moveHoriz") {
			moveHoriz(randomizer(xArray),randomizer(horizArray));
			eyelid(randomizer(eyelidArray));
		} else if(moveDirection == "moveVert") {
			moveVert(randomizer(yArray),randomizer(vertArray));
			eyelid(randomizer(eyelidArray));
		}
	}
	timer2 = setTimeout("animate()", 2500);
	if(move_poser == true) {
		setTimeout("moveHand()", 2000);
	}
}

function eyeball(position) {
	eyeballImg.eyeball_img.src = eval(position + ".src");
}

function eyelid(position) {
	eyelidImg.eyelid_img.src = eval(position + ".src");
}

var vert = "";
var vert_dist = 0;
var timer3 = null;

function moveVert(dir,dist) {
	vert = dir;
	vert_dist = dist;
	var y_pos1 = parseInt(carriageObj.top);
	var y_pos2 = parseInt(eyeballObj.top);
	var y_pos3 = parseInt(eyelidObj.top);
	clearTimeout(timer3);
	if(vert == "up") {
		if(y_pos1 > vert_dist) {
			limit = true;
			carriageObj.top = y_pos1-1;
			eyeballObj.top = y_pos2-1;
			eyelidObj.top = y_pos3-1;
			timer3 = setTimeout("moveVert(vert,vert_dist)", 1);
		} else {
			limit = false;
		}
	}
	if(vert == "down") {
		if(y_pos1 < vert_dist) {
			limit = true;
			carriageObj.top = y_pos1+1;
			eyeballObj.top = y_pos2+1;
			eyelidObj.top = y_pos3+1;
			timer3 = setTimeout("moveVert(vert,vert_dist)", 1);
		} else {
			limit = false;
		}
	}
}

var horiz = "";
var horiz_dist = 0;
var timer4 = null;

function moveHoriz(dir,dist) {
	horiz = dir;
	horiz_dist = dist;
	var x_pos1 = parseInt(carriageObj.left);
	var x_pos2 = parseInt(eyeballObj.left);
	var x_pos3 = parseInt(eyelidObj.left);
	var x_pos4 = parseInt(craneObj.left);
	clearTimeout(timer4);
	if(horiz == "left") {
		if(x_pos4 > horiz_dist) {
			limit = true;
			carriageObj.left = x_pos1-1;
			eyeballObj.left = x_pos2-1;
			eyelidObj.left = x_pos3-1;
			craneObj.left = x_pos4-1;
			timer4 = setTimeout("moveHoriz(horiz,horiz_dist)", 100);
		} else {
			limit = false;
		}
	}
	if(horiz == "right") {
		if(x_pos4 < horiz_dist) {
			limit = true;
			carriageObj.left = x_pos1+1;
			eyeballObj.left = x_pos2+1;
			eyelidObj.left = x_pos3+1;
			craneObj.left = x_pos4+1;
			timer4 = setTimeout("moveHoriz(horiz,horiz_dist)", 100);
		} else {
			limit = false;
		}
	}
}

var timer5 = null;

function moveHand() {
	move_poser = false;
	var x_pos = parseInt(handObj.left);
	if(x_pos < available_width-100) {
		handObj.left = x_pos+1;
		clearTimeout(timer5);
		timer5 = setTimeout("moveHand()", 2);
	} else {
		handObj.zIndex = 1;
	}
}



var menu_selection = "overview";

function buttonOver(selection,pos) {
	if(menu_selection != selection) {
		buttonImg[selection].src = button_dn.src;
	}
}

function buttonOut(selection) {
	if(menu_selection != selection) {
		buttonImg[selection].src = button_up.src;
	}
}

function menuToggle(selection) {
	buttonImg[menu_selection].src = button_up.src;
	buttonImg[selection].src = button_dn.src;

	var old_page = eval(menu_selection + "Obj");
	old_page.visibility = "hidden";

	var new_page = eval(selection + "Obj");
	new_page.visibility = "visible";

	sunObj.left = 0;

	if(selection == "positioning" || selection == "animation") {
		sphere1Obj.visibility = "visible";
		sphere2Obj.visibility = "visible";
	} else {
		sphere1Obj.visibility = "hidden";
		sphere2Obj.visibility = "hidden";
	}

	menu_selection = selection;

}



var loop = true;
var direction = "up";
var speed = 10;
var timer1 = null;

function scroll(dir,spd) {
	direction = dir;
	speed = spd;
	var page = eval(menu_selection + "Obj");
	var y_pos = parseInt(page.top);
	var x_pos = parseInt(sunObj.left);
	if(loop == true) {
		if(direction == "dn") {
			page.top = (y_pos-(speed));
			if(x_pos < available_width) {
				sunObj.left = x_pos + 1;
			} else {
				sunObj.left = -100;
			}
			clearTimeout(timer1);
			timer1 = setTimeout("scroll(direction,speed)", 1);
		} else if(direction == "up" && y_pos < 10) {
			page.top = (y_pos+(speed));
			if(x_pos > -100) {
				sunObj.left = x_pos - 1;
			} else {
				sunObj.left = available_width;
			}
			clearTimeout(timer1);
			timer1 = setTimeout("scroll(direction,speed)", 1);
		} else if(direction == "top") {
			page.top = 10;
			sunObj.left = 0;
		}
	}
}