var dragapproved=false;
var z,x,y;
var temp1;
var pause = 0;
var funId = null;
var menuFunId = null;
var shiftPos = 50;
var iter = 0;
var iterindex;
var globalId = 0;
var xPosition = 0;
var tempPos = 0;
var scrollSpeed = 1;
var scrollMenuPosition = 0;
var prefix = "images/";
var suffix = ".jpg";
var gallerySize = 8;
var Scenes = new Array();
var Captions = new Array();
Captions[0] = "Dining Area #1";
Captions[1] = "Dining Area #2";
Captions[2] = "The Front at Dusk";
Captions[3] = "The Beer Garden at Dusk #1";
Captions[4] = "Front Elevation";
Captions[5] = "The Beer Garden";
Captions[6] = "The Main Bar Area";
Captions[7] = "The Snug";
Captions[8] = "The Beer Garden at Dusk #2";
var rightNoTravel = "images/rightNoTravel.jpg";
var leftNoTravel = "images/leftNoTravel.jpg";
var rightTravel = "images/rightTravel.jpg";
var leftTravel = "images/leftTravel.jpg";

/*
for(iter = 0;iter < gallerySize;iter++)
{
iterindex = iter + 1;
Scenes[iter] = prefix + iterindex + "0" +suffix;
}
*/
Scenes[0] = "images/0644.jpg";
Scenes[1] = "images/0645.jpg";
Scenes[2] = "images/0646.jpg";
Scenes[3] = "images/0647.jpg";
Scenes[4] = "images/0648.jpg";
Scenes[5] = "images/0649.jpg";
Scenes[6] = "images/0650.jpg";
Scenes[7] = "images/0651.jpg";
Scenes[8] = "images/0652.jpg";
var arrow = new Array();
arrow[0] = new Image(10,16);
arrow[0].src = rightNoTravel;
arrow[1] = new Image(10,16);
arrow[1].src = leftNoTravel;
arrow[2] = new Image(10,16);
arrow[2].src = rightTravel;
arrow[3] = new Image(10,16);
arrow[3].src = leftTravel;

iter = 0;

var Cache = new Array();
for (iter = 0; iter < Scenes.length; iter++)
{
   Cache[iter] = new Image(480, 321);
   Cache[iter].src = Scenes[iter];
}
var identity = new Array();

for (iter = 0; iter < Scenes.length; iter++)
{
   identity[iter] = "gallery" + iter;
}

var menuWidth = (Scenes.length * 100) - 400;
document.onmousedown=drags;
document.onmouseup=new Function("dragapproved=false");
function move()
{
  if (event.button==1&&dragapproved)
  {
    scrollMenuAll(temp1+event.clientX-x);
    return false;
  }
}
function drags()
{

  if (!document.all)
    return;
  if (event.srcElement.className=="drag")
  {
    dragapproved=true;
    z=event.srcElement;
    temp1=z.style.pixelLeft;
    x=event.clientX;
    document.onmousemove=move;
  }
}

function scrollNext(id)
{
  if(globalId != id)
  {
    document.getElementById("caption").innerHTML = Captions[id];
    if(tempPos == 0)
    {
      tempPos = 1;
      globalId = id;
      document.getElementById("secondImage").src = Cache[id].src;
      funId = setInterval("scrollImage()", 10);
    }
  }
}
function scrollImage()
{
  xPosition -= shiftPos;
  shiftPos = (50 + (xPosition/10));

  if(xPosition <= -494)
  {
//    shiftPos = 50;
    if(pause == 0)
    {
      document.getElementById("firstImage").src = Cache[globalId].src;
      pause++;
    }
    else
    {
      if(pause < 6)
      {
        pause++;
      }
      else
      {
        clearInterval(funId);
        document.getElementById('firstImage').style.position="relative";
        document.getElementById("firstImage").style.left = 0 + "px";
        document.getElementById('secondImage').style.position="relative";
        document.getElementById("secondImage").style.left = 0 + "px";
        xPosition = 0;
        tempPos = 0;
        pause = 0;
      }
    }
  }
  else
  {
    document.getElementById('firstImage').style.position="relative";
    document.getElementById("firstImage").style.left = xPosition + "px";
    document.getElementById('secondImage').style.position="relative";
    document.getElementById("secondImage").style.left = xPosition + "px";
  }
}
function scrollMenuAll(Xvalue)
{
/*
var startThumb;
var endThumb;
startThumb = Math.round(scrollMenuPosition/175);
startThumb *= -1;

endThumb = startThumb + 7;
  if(endThumb > Scenes.length)
    endThumb = Scenes.length;
  if(startThumb != 0)
    startThumb -= 1;
  if((Xvalue <= -menuWidth) || (Xvalue >= 0))
  {
    if(Xvalue <= -menuWidth)
    {
      scrollMenuPosition = -menuWidth;
      document.getElementById("rightIndicator").src= arrow[0].src;
    }
    else
    {
      scrollMenuPosition = 0;
      document.getElementById("leftIndicator").src= arrow[1].src;
    }
  }
  else
  {
    scrollMenuPosition = Xvalue;
    for (iter = startThumb; iter < endThumb; iter++)
    {
      document.getElementById(identity[iter]).style.position = "relative";
      document.getElementById(identity[iter]).style.left = Xvalue + "px";
    }
    document.getElementById("rightIndicator").src= arrow[2].src;
    document.getElementById("leftIndicator").src= arrow[3].src;
  }
*/
}
function scrollMenuLeft()
{
  if(scrollMenuPosition <= -menuWidth)
  {
    document.getElementById("rightIndicator").src= arrow[0].src;
    endScrollMenuLeft();
  }

  else
  {
    scrollMenuPosition -= scrollSpeed;
    for (iter = 0; iter < Scenes.length; iter++)
    {
      document.getElementById(identity[iter]).style.position = "relative";
      document.getElementById(identity[iter]).style.left = scrollMenuPosition + "px";// + iter;
    }
  }
}
function scrollMenuRight()
{
  if(scrollMenuPosition >= 0)
  {
    document.getElementById("leftIndicator").src= leftNoTravel;
    endScrollMenuRight();
  }
  else
  {
    scrollMenuPosition += scrollSpeed;
    for (iter = 0; iter < Scenes.length; iter++)
    {
      document.getElementById(identity[iter]).style.position = "relative";
      document.getElementById(identity[iter]).style.left = scrollMenuPosition + "px";// + iter;
    }
  }
}
function startScrollMenuLeft()
{
    document.getElementById("leftIndicator").src= arrow[3].src;
    document.getElementById("rightIndicator").src= arrow[2].src;
  scrollSpeed = 1;
  menuFunId = setInterval("scrollMenuLeft()", 1);
}
function startScrollMenuRight()
{
    document.getElementById("leftIndicator").src= arrow[3].src;
    document.getElementById("rightIndicator").src= arrow[2].src;
  scrollSpeed = 1;
  menuFunId = setInterval("scrollMenuRight()", 1);
}
function endScrollMenuLeft()
{
  clearInterval(menuFunId);
  scrollSpeed = 1;
}
function endScrollMenuRight()
{
  clearInterval(menuFunId);
  scrollSpeed = 1;
}
function increaseSpeed()
{
  if(scrollSpeed < 10)
    scrollSpeed++;
}