var x = 0;
var x2 = 0;
var speed = 0;
var y = 0;
var y2 = 0;
var timeoutID;
var substate;
var subs = new Array(3);
 subs[0] = "submenu1";
 subs[1] = "submenu2";
 subs[2] = "submenu3";

// Checks to see if you have been over the sub menu
function changeState(){
substate = 1;
}

// Function to Slide in the submenu
function subSlideIn(){
if (substate == 1){
var status = true;
i = 0;
while (status){
element = document.getElementById(subs[i]);
if (element.offsetTop > -5){
status = false;
}
i++;
}
y2 = 0;
y2 += element.offsetTop;
speed = -5 + y2;
speed = speed / 5;
if(speed < 2)
{
speed = 2;
}
if(y >= -5){
y = y2 - speed;
element.style.top = y;
timeoutID = setTimeout("subSlideIn()", 30);
}
if(y < -4){
element.style.top = -5;
substate = 0;
window.clearTimeout(timeoutID);
}
}
}

// Function to slide out the submenu
function subSlideOut(objRef, goalY){
z = objRef;
if (z == "submenu1"){
submenu2.style.top = -5;
submenu3.style.top = -5;
}
if (z == "submenu2"){
submenu1.style.top = -5;
submenu3.style.top = -5;
}
if (z == "submenu3"){
submenu2.style.top = -5;
submenu1.style.top = -5;
}
element = document.getElementById(objRef);
layerString = objRef;
y2 = 0;
y2 += element.offsetTop;
y = 0;
y = element.offsetTop;
speed = goalY - y2;
speed = speed / 6;
if(speed < 2){
speed = 2;
}
if(y <= 18){
y = y2 + speed;
element.style.top = y;
timeoutID = setTimeout("subSlideOut(layerString, 10)", 30);
}
if(y > 19){
window.clearTimeout(timeoutID);
}
} 

// Fucntion to slide out the main menu
function slideOut(objRef, goalX){
element = document.getElementById(objRef);
x2 = 0;
x2 += element.offsetLeft;
speed = goalX - x2;
speed = speed / 6;
if(speed < 5){
speed = 5;
}
if(x <= 10){
x = x2 + speed;
element.style.left = x;
timeoutID = setTimeout("slideOut('menu1', 10)", 30);
}
if(x > 200){
window.clearTimeout(timeoutID);
}
}

// Function to slide in (hide) the menu
function slideIn(objRef, goalX){
element = document.getElementById(objRef);
x2 = 0;
x2 += element.offsetLeft;
speed = goalX - x2;
speed = speed / 4;
if(speed < 3)
{
speed = 3;
}
if(x >= -120){
x = x2 - speed;
element.style.left = x;
timeoutID = setTimeout("slideIn('menu1', 10)", 30);
}
if(x < -120){
window.clearTimeout(timeoutID);
}
}