var mytimer;
var moving;
var xdist;
var xoffset;
var yoffset;
var xviewport;
var yviewport;
var defaulttravel;
var defaulttimeout;
var borderheight;
var borderwidth;
var myobject;
var myplaceholder;
var outerimgdiv;
var mypframe;
var loaded;
var imgW;
var imgE;
var imgPause;
var imgPlus;
var imgMinus;
var imgSpeedo;
var myloadingdiv;
var myloadheader;
var numimages;
var numloaded;
var blocksize;
var perdone;
xoffset = 0;
yoffset = 0;
// xviewport = 600;
xviewport = 770;
yviewport = 140;
defaulttravel = 1;
defaulttimeout = 80;  // ms
borderheight = 0;
borderwidth = 0;
loaded = false;
moving = false;



//----------------------


function shiftover()
{
 if (loaded) 
 {
  quitmoving();
  xMoveTo(myobject, xLeft(myobject) - xdist, xTop(myobject));
  if (xLeft(myobject) > 0 )
  {
    xLeft(myobject, 0 - panwidth);
  }
  else 
      if (xLeft(myobject) < (0 - panwidth ) ) 
      {
        xLeft(myobject, 0);
      }
  
  if (document.layers)
  {
    xClip(myobject,null, xviewport - xLeft(myobject) ,null,null);
  }
  if (xdist != 0)
  {
	mytimer = setTimeout("shiftover()",defaulttimeout);
	moving = true; 
  }
 }
}


function initcarousel()
{
  myobject = xGetElementById("panoramaDivID");
  myplaceholder = xGetElementById("PlaceHolderDiv");
  outerimgdiv = xGetElementById("panoramaOuterDivID");
  mypframe = xGetElementById("mypicframe");
  imgW     = xGetElementById("borderW");
  imgE     = xGetElementById("borderE");
  imgPause = xGetElementById("PanPause");
  imgPlus  = xGetElementById("PanPlus");
  imgMinus = xGetElementById("PanMinus");
  imgSpeedo= xGetElementById("Speedo");
  loaded = true;
  xoffset = xPageX('PlaceHolderDiv') + borderwidth;
  yoffset = xPageY('PlaceHolderDiv') + borderheight;
  xMoveTo(outerimgdiv,xoffset,yoffset);
  xMoveTo(mypframe,xoffset-borderwidth,yoffset-borderheight);
  xHide(myloadheader);
  xHide(myloadingdiv);
  xClip(myloadingdiv,0,0,0,0);
  xShow(myplaceholder);
  xShow(outerimgdiv);
  xShow(myobject);
  xShow(mypframe);
  xClip(mypframe,0,(xviewport+borderwidth+borderwidth),(yviewport+borderheight+borderheight),0);
  xdist=1;
  shiftover();
}

function quitmoving()
{
  if (mytimer)
  {  clearTimeout(mytimer);
     moving = false;
  }
}


function updatepb()
{
    xClip(perdone, 0, blocksize*numloaded, 8, 0);
    if (numloaded>=numimages) clearTimeout(mytimer);
}

function initload()
{
    myloadheader = xGetElementById("loadheader");
    myloadingdiv = xGetElementById("nowloading");
    perdone = xGetElementById("perdone");
    xClip(perdone, 0, 0, 8, 0);
    numimages = 12;
    blocksize=150/numimages;
    numloaded = 0;
    mytimer = setInterval('updatepb()',200);
}