<!-- 

// Set OffX in pixels to a negative number 
// somewhat larger than the width of the menu.

var OffX = -160;

// Set the PosX and PosY variables
// to the location on the screen where the
// menu should position (in pixels) when stopped.

// Set starting positions with the DIV style attribute.
// Default set to show menu on load.
// To change so that the selector appears on load
// set DIV ID menuSelect style left to same as OffX
// and DIV ID menuShow style left to same as PosX. 

var PosX =  0;
var PosY =  1;

// Settings below can be changed to alter the
// speed and the increment of motion across the screen.

var speed        = 1;
var increment    = 8;

var MenuX = OffX;
var SelX = PosX;
var sPosX = PosX;
var sOffX = OffX;


var sPosX = OffX;
var sOffX = PosX;
var MenuX = sOffX;
var SelX = sPosX;

function setStyle() {
	
if (document.layers) {
document.layers.menuSelect.left=sPosX;
document.layers.menuShow.left=sOffX;
document.layers.menuSelect.top=PosY;
document.layers.menuShow.top=PosY;
} 
if (document.all) {
document.all.menuSelect.style.left=sPosX+"px";
document.all.menuShow.style.left=sOffX+"px";
document.all.menuSelect.style.top=PosY+"px";
document.all.menuShow.style.top=PosY+"px";
}

if (document.getElementById) {
document.getElementById("menuSelect").style.left=sPosX+"px";
document.getElementById("menuShow").style.left=sOffX+"px";
document.getElementById("menuSelect").style.top=PosY+"px";
document.getElementById("menuShow").style.top=PosY+"px";
}  
}

function moveOnMenu() {
	
if (MenuX < PosX) { 
MenuX = MenuX + increment;

if (document.layers) {
document.layers.menuShow.left=MenuX;
} 
if (document.all) {
document.all.menuShow.style.left=MenuX+"px";
} 
if (document.getElementById) {
document.getElementById("menuShow").style.left=MenuX+"px";
} 
setTimeout('moveOnMenu()',speed);
   }
}

function moveOffMenu() {
	
if (MenuX > OffX) { 
MenuX = MenuX - increment;

if (document.layers) {
document.layers.menuShow.left=MenuX;
} 
if (document.all) {
document.all.menuShow.style.left=MenuX+"px";
}
if (document.getElementById) {
document.getElementById("menuShow").style.left=MenuX+"px";
}
setTimeout('moveOffMenu()',speed);
   }
}

function moveOffSelector() {
	
if (SelX > OffX) { 
SelX = SelX - increment;

if (document.layers) {
document.layers.menuSelect.left=SelX;
}
if (document.all) {
document.all.menuSelect.style.left=SelX+"px";
} 
if (document.getElementById) {
document.getElementById("menuSelect").style.left=SelX+"px";
} 
setTimeout('moveOffSelector()',speed);
   }
}

function moveOnSelector() {
if (SelX < PosX) { 
SelX = SelX + increment;

if (document.layers) {
document.layers.menuSelect.left=SelX;
}
if (document.all) {
document.all.menuSelect.style.left=SelX+"px";
}
if (document.getElementById) {
document.getElementById("menuSelect").style.left=SelX+"px";
}
setTimeout('moveOnSelector()',speed);
   }
}
// -->