// JavaScript Document
var timerlen = 7;
var downtimerlen = 10;
var slideAniLen = 500;
var downslideAniLen = 500;

var timerID = new Array();
var downtimerID = new Array();
var startTime = new Array();
var downstartTime = new Array();
var obj = new Array();
var downobj = new Array();
var endWidth = new Array();
var downendWidth = new Array();
var moving = new Array();
var downmoving = new Array();
var dir = new Array();
var downdir = new Array();

function slideopen(objname) {
  if(moving[objname])
    return;
 
  if(document.getElementById(objname).style.display != "none")
    return; // cannot slide down something that is already visible
 
  moving[objname] = true;
  dir[objname] = "down";
  startslide(objname);
}

function slideclosed(objname) {
    if (moving[objname])
        return;

    if (document.getElementById(objname).style.display == "none")
        return; // cannot slide up something that is already hidden

    moving[objname] = true;
    dir[objname] = "up";
    startslide(objname);
}
 
function slidedown(objname) {
    if (downmoving[objname])
        return;

    if (document.getElementById(objname).style.display != "none")
        return; // cannot slide down something that is already visible

    downmoving[objname] = true;
    downdir[objname] = "down";
    startslidedown(objname);
}

function startslide(objname){
  obj[objname] = document.getElementById(objname);
 
  endWidth[objname] = parseInt(obj[objname].style.width);
  startTime[objname] = (new Date()).getTime();
 
  if(dir[objname] == "down"){
    obj[objname].style.width = "1px";
}
  
  if (dir[objname] == "up") {
      obj[objname].style.width = "514px";
  }
  
  obj[objname].style.display = "block";
 
  timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);
}

function startslidedown(objname) {
    downobj[objname] = document.getElementById(objname);

    downendWidth[objname] = parseInt(downobj[objname].style.height);
    downstartTime[objname] = (new Date()).getTime();

    if (downdir[objname] == "down") {
        downobj[objname].style.height = "1px";
    }

    downobj[objname].style.display = "block";

    downtimerID[objname] = setInterval('slidetickdown(\'' + objname + '\');', downtimerlen);
}

function slidetickdown(objname) {
    var elapsed = (new Date()).getTime() - downstartTime[objname];

    if (elapsed > downslideAniLen)
        downendSlide(objname)
    else {
        var d = Math.round(elapsed / downslideAniLen * downendWidth[objname]);
        if (downdir[objname] == "up")
            d = downendWidth[objname] - d;

        downobj[objname].style.height = d + "px";
    }
    return;
}

function slidetick(objname){
  var elapsed = (new Date()).getTime() - startTime[objname];
 
  if (elapsed > slideAniLen)
    endSlide(objname)
  else {
    var d =Math.round(elapsed / slideAniLen * endWidth[objname]);
    if(dir[objname] == "up")
      d = endWidth[objname] - d;
 
    obj[objname].style.width = d + "px";
  }
 
  return;
}

function endSlide(objname){
  clearInterval(timerID[objname]);
 
  if(dir[objname] == "up")
    obj[objname].style.display = "none";
 
  obj[objname].style.width = endWidth[objname] + "px";
 
  delete(moving[objname]);
  delete(timerID[objname]);
  delete(startTime[objname]);
  delete(endWidth[objname]);
  delete(obj[objname]);
  delete(dir[objname]);
 
  return;
}

function downendSlide(objname) {
    clearInterval(downtimerID[objname]);

    if (downdir[objname] == "up")
        downobj[objname].style.display = "none";

    downobj[objname].style.height = downendWidth[objname] + "px";

    delete (downmoving[objname]);
    delete (downtimerID[objname]);
    delete (downstartTime[objname]);
    delete (downendWidth[objname]);
    delete (downobj[objname]);
    delete (downdir[objname]);

    return;
}
var x = 0; //Starting Location - left
var y = 0; //Starting Location - top
var dest_x = 380;  //Ending Location - left
var interval = 10; //Move 10px every initialization

function moveImage() {
    //Keep on moving the image till the target is achieved
    if (x < dest_x) x = x + interval;
    //Move the image to the new location
    document.getElementById("menu_options").style.left = x + 'px';

    if (x + interval < dest_x) {
        //Keep on calling this function every 100 microsecond 
        //	till the target location is reached
        window.setTimeout('moveImage()', 10);
    }
}

var abx = -200; //Starting Location - left
var abdest_x = 342;  //Ending Location - left
var abinterval = 10; //Move 10px every initialization

function moveaboutImage() {
    //Keep on moving the image till the target is achieved
    if (abx < abdest_x) abx = abx + abinterval;
    //Move the image to the new location
    document.getElementById("menu_options").style.left = abx + 'px';

    if (abx + abinterval < abdest_x) {
        //Keep on calling this function every 100 microsecond 
        //	till the target location is reached
        window.setTimeout('moveaboutImage()', 10);
    }
}