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/Gallery/Img00";
var tnprefix = "images/Gallery/Image00";
var suffix = ".jpg";
var tnStringpf = "<img src='";
var dispSeq = new Array();
dispSeq[0] = new Array("10","TIM SCOTT BOLTON","Felucca, Luxor","Watercolour","");
dispSeq[1] = new Array("11","TIM SCOTT BOLTON","Felucca, Aswan","Oil on board","");
dispSeq[2] = new Array("12","TIM SCOTT BOLTON","Taj Mahal","Oil on board","");
dispSeq[3] = new Array("13","TIM SCOTT BOLTON","House Fronts, Viscri, Romania","Oil on board","");
dispSeq[4] = new Array("14","TIM SCOTT BOLTON","Viscri Street Scene","Oil on board","");
dispSeq[5] = new Array("15","TIM SCOTT BOLTON","Sibenik, Croatia","Oil on board","");
dispSeq[6] = new Array("17","TIM SCOTT BOLTON","Houses, Viscri","Oil on board","");
dispSeq[7] = new Array("16","TIM SCOTT BOLTON","Orgiva, Spain","Watercolour","");
dispSeq[8] = new Array("08","PAUL MACDERMOT","River Orchy","Oil tempera on board","");
dispSeq[9] = new Array("07","PAUL MACDERMOT","Lime Trees","Oil tempera on board","");
dispSeq[10] = new Array("00","CHRISTOPHER RIISAGER","The Farmhouse","Oil on canvas","");
dispSeq[11] = new Array("04","CHRISTOPHER RIISAGER","Bathers at Cutt's Mill","Oil on canvas","");
dispSeq[12] = new Array("06","CHRISTOPHER RIISAGER","New Wardour","Oil on canvas","<span style='color:red'>SOLD</span>");
dispSeq[13] = new Array("02","CHRISTOPHER RIISAGER","Beech Woods","Oil on canvas","");
dispSeq[14] = new Array("05","CHRISTOPHER RIISAGER","Sheep in River Meadow","Oil on canvas","");
dispSeq[15] = new Array("01","CHRISTOPHER RIISAGER","Santa Maria della Salute","Oil on canvas","");
dispSeq[16] = new Array("03","CHRISTOPHER RIISAGER","Kilmington","Oil on board","");
dispSeq[17] = new Array("21","FAY BALLARD","To Persevere Like the Green Shoots of Weeds","Pencil, watercolour and gouache on paper","");
dispSeq[18] = new Array("22","FAY BALLARD","There's nowhere the word exists except within<br />from a poem by Riike","Pencil on paper","");
dispSeq[19] = new Array("23","FAY BALLARD","Beauty","Watercolour and pencil","");
dispSeq[20] = new Array("24","FAY BALLARD","Anxious Feeling","Watercolour and pencil","");
dispSeq[21] = new Array("27","FAY BALLARD","Contours of Emotion","Watercolour and pencil","");
dispSeq[22] = new Array("20","KARN HOLLY","High Stool Front View","Pastel and charcoal on paper","");
dispSeq[23] = new Array("18","KARN HOLLY","Waiting","Oill on paper","");
dispSeq[24] = new Array("19","KARN HOLLY","Mysterious Thoughts","Oil on board","");
dispSeq[25] = new Array("29","JON SCHEULER","Shadow and Light Moving IV","Oil on canvas","");
dispSeq[26] = new Array("28","JON SCHEULER","Sleat, Light and Shadow III","Oil on canvas","");
dispSeq[27] = new Array("25","JON SCHEULER","No. 351","Oil on canvas","");
dispSeq[28] = new Array("31","CHLOE CARDOZO","Red Geranium","Oil on board","");
dispSeq[29] = new Array("30","CHLOE CARDOZO","Sweet Peas","Oil on board","");
dispSeq[30] = new Array("32","CHLOE CARDOZO","Snow Landscape I","Oil on board","");
dispSeq[31] = new Array("33","CHLOE CARDOZO","Snow Landscape II","Oil on board","");
dispSeq[32] = new Array("34","CHLOE CARDOZO","Parsley","Oil on canvas","");
dispSeq[33] = new Array("35","CHLOE CARDOZO","Summer Landscape","Oil on board","");
dispSeq[34] = new Array("36","CHLOE CARDOZO","Pink Geraniums","Oil on board","");
var Scenes = new Array();
var rightNoTravel = "images/rightNoTravel.jpg";
var leftNoTravel = "images/leftNoTravel.jpg";
var rightTravel = "images/rightTravel.jpg";
var leftTravel = "images/leftTravel.jpg";

var identity = new Array();
var Scenes = new Array();

var imgRef = 0;
for(iter = 0;iter < dispSeq.length;iter++)
{
  identity[iter] = "gallery" + iter;
  Scenes[iter] = prefix + dispSeq[iter][0];
  Scenes[iter] += suffix;
}

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 < dispSeq.length; iter++)
{
   Cache[iter] = new Image(480, 480);
   Cache[iter].src = Scenes[iter];
}

var menuWidth = (Scenes.length * 100) - 350;
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 = dispSeq[id][1] + "<br />" + dispSeq[id][2] + "<br />" + dispSeq[id][3] + "<br />" + dispSeq[id][4];//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 <= -486)
  {
//    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/100);
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++;
}
function positionThumbnails(offset)
{
var tn;
var negos = offset * -6.73;
var startThumb = Math.floor(offset/16);
var endThumb;


if(startThumb > Captions.length - 7)
  startThumb = Captions.length - 7;
endThumb = startThumb + 7;

tn = 0;
while(tn <= startThumb - 1)
{
document.getElementById(identity[tn]).style.visibility = "hidden";
tn++;
}
while(tn < endThumb)
{
document.getElementById(identity[tn]).style.visibility = "visible";
tn++;
}
while(tn < 36)
{
document.getElementById(identity[tn]).style.visibility = "hidden";
tn++;
}

for(tn = startThumb;tn < endThumb;tn++)
{
  document.getElementById(identity[tn]).style.left = negos + "px";
}
}
function thumbnailPreview()

{
var iter;
var imgRef = 0;
var tnWriteString = "";
for(iter = 0;iter < dispSeq.length;iter++)
{
  tnWriteString += (tnStringpf + tnprefix);

  tnWriteString += dispSeq[iter][0] + suffix + "' id='gallery" + iter + "' class='drag' width='100' height='100' onclick='scrollNext(" + iter + ")' />\n";
}
document.write(tnWriteString);
}