var menuwidth;
var actualwidth;
var scrollspeed = 2;
var maxImage = 0;
var currentImage = 0;
var imageDir = "";

// Kludge because mozilla and netscape cannot determine the width of
// the overall text within the div, so I have to measure it outside
// of the div in a hidden span.
document.write('<span id="measure_here" style="visibility:hidden;' +
               'position:absolute;top:-100px;left:-9000px"></span>');

function adjust_layout() {
  var max_height = Math.max(xHeight("vmenu_bar"),
                            xHeight("main_body"));
  if ( xIE4Up ) {
    max_height += 10;
    xHeight("line_border", max_height + 10);
    xTop("copyright", max_height + 15);
//    xTop("menu_divider", 75);
  } else {
    xHeight("line_border", max_height);
    xTop("copyright", max_height - 5);
  }
  // hack to fix IE wierdness
}

function measure(){
  xInnerHtml("measure_here", xInnerHtml("menu_content"));
  actualwidth = xWidth("measure_here");
  menuwidth = xWidth("menu_wrapper");
  xLeft("menu_content", 0);
  xInnerHtml("measure_here", "");
  xAddEventListener(window, "resize", adjust_layout, false);
  xAddEventListener("leftbutton", "mouseover", moveleft, false);
  xAddEventListener("leftbutton", "mouseout", stopscroll, false);
  xAddEventListener("rightbutton", "mouseover", moveright, false);
  xAddEventListener("rightbutton", "mouseout", stopscroll, false);
  var mnu = new xCollapsible('clpsUL1');
  adjust_layout();
}

window.onload = measure;

function moveleft(){
  if (window.moverughtvar) {
    clearTimeout(moverightvar);
  }
  if (xLeft("menu_content") < 0) {
    xGetElementById("leftbutton").src = "images/leftdown.jpg";
    xLeft("menu_content", xLeft("menu_content") + scrollspeed);
    moverightvar = setTimeout("moveleft()",15);
  }
  else {
    xGetElementById("leftbutton").src = "images/left.jpg";
    stopscroll();
  }
}

function moveright(){
  if (window.moveleftvar) {
    clearTimeout(moveleftvar);
  }
  if (xLeft("menu_content") > ((actualwidth - menuwidth)*(-1))) {
    xGetElementById("rightbutton").src = "images/rightdown.jpg";
    xLeft("menu_content", xLeft("menu_content") - scrollspeed);
    moveleftvar=setTimeout("moveright()",15);
  }
  else {
    xGetElementById("rightbutton").src = "images/right.jpg";
    stopscroll();
  }
}

function stopscroll(){
  if (window.moveleftvar) {
    xGetElementById("leftbutton").src="images/left.jpg";
    clearTimeout(moveleftvar);
  }
  if (window.moverightvar) {
    xGetElementById("rightbutton").src="images/right.jpg";
    clearTimeout(moverightvar);
  }
}

function newWindow(pURL) {
   window.open(pURL, "schedules",
               "width=600,height=500,menubar=no,resizable=yes,scrollbars=yes,toolbar=no");
}

function nextImage() {
   if (currentImage < maxImage) {
      currentImage += 1;
      var pad = "00";
      if (currentImage >= 10
          && currentImage < 100) {
         pad = "0";
      } else if (currentImage > 100) {
         pad = "";
      }
      xGetElementById("picture").src = imageDir + "image" + pad + currentImage + ".jpg";
      xGetElementById("picnum").innerHTML = currentImage;
      if (currentImage > 1) {
         xGetElementById("previous").style.visibility = "visible";
      }
      if (currentImage == maxImage) {
         xGetElementById("next").style.visibility = "hidden";
      }
   }
}

function previousImage() {
   if (currentImage > 1) {
      currentImage -= 1;
      var pad = "00";
      if (currentImage >= 10
          && currentImage < 100) {
         pad = "0";
      } else if (currentImage > 100) {
         pad = "";
      }
      xGetElementById("picture").src = imageDir + "image" + pad + currentImage + ".jpg";
      xGetElementById("picnum").innerHTML = currentImage;
      if (currentImage == 1) {
         xGetElementById("previous").style.visibility = "hidden";
      }
      if (currentImage < maxImage) {
         xGetElementById("next").style.visibility = "visible";
      }
   }
}