var mytimer,xdist,ydist,xoffset,yoffset,xviewport,yviewport,defaulttravel,defaulttimeout,borderheight,borderwidth,bwidth,bheight,myobject,outerimgdiv,mypframe,myloadingdiv,myimage,mysecondimage,initialized,loaded,xoffsetwithinpic,yoffsetwithinpic,origimagewidth,origimageheight,maxtravel;
var automoveonstart = true;
var numberofimages = 4 ;
xoffset = 0;
yoffset = 0;
xoffsetwithinpic = 0;
yoffsetwithinpic = 0;
xviewport = 360;
yviewport = 250;
defaulttravel = 3;
defaulttimeout = 20;
maxtravel = 8;
borderheight = 0;
borderwidth = 0;
var dblZoom = 1.0;
var vCurrentImageType = "2";
var blnZoomEnabled = true;
initialized = false;
loaded = false;
var pOldOnLoadPIV = null;
var pOldOnResizePIV = null;
if (window.onload != null) {
  pOldOnLoadPIV = window.onload;
}
if (window.onresize != null) {
  pOldOnResizePIV = window.onresize;
}
var arrImageURL = new Array();
var arrImageTitle = new Array();
var arrImageType = new Array();
var arrImageWidth = new Array();
var arrImageHeight = new Array();
var mypreloadedimages=new Array();
function preloadimages()
{
    for (i=0;i<preloadimages.arguments.length;i++)
    {
        mypreloadedimages[i]=new Image();
        mypreloadedimages[i].src=preloadimages.arguments[i];
    }
}
preloadimages('LeftArrow-over.gif' , 'RightArrow-over.gif', 'LeftArrow.gif' , 'RightArrow.gif'   );
var vstate = false;
var startx = 0;
var starty = 0;
function mdevent(objEvent)
{
  if (vstate == false)
  {
    var oEvent = new xEvent(objEvent);
    quitmoving();
    xdist = 0;
    ydist = 0;
    startx = oEvent.pageX;
    starty = oEvent.pageY;
    vstate = true;
  }
}
function mmevent(objEvent)
{
  if (vstate) {
    var oEvent = new xEvent(objEvent);
    var xdelta, ydelta;
    xdelta = oEvent.pageX - startx;
    ydelta = oEvent.pageY - starty;
    if (xdelta > 0)
      {
      xdist = Math.round(Math.min(( xdelta / 2) , maxtravel));
      }
    Else
      {
      xdist = Math.round(Math.max(( xdelta / 2) , 0-maxtravel));
      }
    if (ydelta > 0)
      {
      ydist = Math.round(Math.min(( ydelta / 2) , maxtravel));
      }
    Else
      {
      ydist = Math.round(Math.max(( ydelta / 2) , 0-maxtravel));
      }
    /*
    // begin experimental mouse moving 2
    if (oEvent.pageX > startx)  {
      xdist = defaulttravel;
    } else if (oEvent.pageX < startx)  {
      xdist = 0 - defaulttravel;
    } else {
      xdist = 0;
    }

    if (oEvent.pageY > starty)  {
      ydist = defaulttravel;
    } else if (oEvent.pageY < starty) {
      ydist = 0 - defaulttravel;
    } else {
      ydist = 0;
    }
            end experimental mouse moving 2 */
    shiftover();
  }
}
function muevent(objEvent)
{
  if (vstate)
  {
    var oEvent = new xEvent(objEvent);
    vstate = false;
  }
}
function zoomReset()
{
    if (!loaded) return;
    if (document.layers)
   {
    alert('The Zoom feature is not supported in Netscape 4.');
      return;
    }
    var nheight = xHeight(myimage);
    var nwidth = xWidth(myimage);
    var left = xLeft(myobject);
    var top = xTop(myobject);
    var nl = left;
    var nt = top;
    if (nt < 0 - nheight + yviewport)
    {
      nt = 0 - nheight + yviewport ;
    }
    if (nt > 0)
    {
      nt = 0;
    }
    if (nl > 0)
    {
      nl = 0;
    }
     if (vCurrentImageType == "2")
     {
      if (nl < 0 - nwidth + xviewport)
      {
        nl = 0 - nwidth + xviewport + 1;
      }
    }
    xWidth(myimage, origimagewidth);
    xHeight(myimage, origimageheight);
     if (vCurrentImageType == "1")
     {
       xWidth(mysecondimage, origimagewidth);
        xHeight(mysecondimage, origimageheight);
    }
    xLeft(myobject, nl);
    xTop(myobject, nt);
    shiftover();
}
function zoomIn()
{
    if (!loaded) return;
    if (document.layers)
    {
      alert('The Zoom feature is not supported in Netscape 4.');
      return;
    }
    dblZoom = 1.2; // Zoom Out Percentage
    var nwidth = Math.round(dblZoom * xWidth(myimage)) ;
    var nheight = Math.round(dblZoom * xHeight(myimage)) ;
    xWidth(myimage, nwidth);
    xHeight(myimage, nheight);
     if (vCurrentImageType == "1") {
      xWidth(mysecondimage, nwidth );
      xHeight(mysecondimage, nheight );
     }
    var left = xLeft(myobject);
    var top = xTop(myobject);
    var nl = dblZoom * (left - (0.5 * xviewport)) + (0.5 * xviewport) ;
    var nt = dblZoom * (top - (0.5 * yviewport)) + (0.5 * yviewport) ;
    xLeft(myobject, nl);
    xTop(myobject, nt);
    if (document.layers)
    {
      xClip(myobject,null, xviewport - xLeft(myobject) ,null,null);
    }
    shiftover();
    return;
}
function zoomOut()
{
    if (!loaded) return;
    if (document.layers)
    {
      alert('The Zoom feature is not supported in Netscape 4.');
      return;
    }
    dblZoom = 0.8;  // Zoom Out Percentage
    var nwidth = Math.round(dblZoom * xWidth(myimage)) ;
    var nheight = Math.round(dblZoom * xHeight(myimage)) ;
    if (( xviewport < nwidth ) && ( yviewport < nheight ) )
    {
      var left = xLeft(myobject);
      var top = xTop(myobject);
      var nl = dblZoom * (left - (0.5 * xviewport)) + (0.5 * xviewport) ;
      var nt = dblZoom * (top - (0.5 * yviewport)) + (0.5 * yviewport) ;
      if (nt < 0 - nheight + yviewport)
      {
        nt = 0 - nheight + yviewport ;
      }
      if (nt > 0)
      {
        nt = 0;
      }
      if (nl > 0)
      {
        nl = 0;
      }
        if (vCurrentImageType == "2" )
        {
        if (nl < 0 - nwidth + xviewport)
        {
          nl = 0 - nwidth + xviewport + 1;
        }
        }

      xWidth(myimage, nwidth);
      xHeight(myimage, nheight);

        if (vCurrentImageType == "1" )
        {
          xWidth(mysecondimage, nwidth);
       xHeight(mysecondimage, nheight);
        }
      xLeft(myobject, nl);
      xTop(myobject, nt);
      if (document.layers)
      {
        xClip(myobject,null, xviewport - xLeft(myobject) ,null,null);
      }
    }
    shiftover();
    return;
}
function initpiv()
{
  myobject = xGetElementById("dimg");
  outerimgdiv = xGetElementById("dimgOuter");
  mypframe = xGetElementById("mypicframe");
  myloadingdiv = xGetElementById("nowloading");
  myimage = xGetElementById("ione");
  mysecondimage = xGetElementById("itwo");
  document.onkeydown=keyhandlepiv;
  origimagewidth = xWidth(myimage);
  origimageheight = xHeight(myimage);
  loaded = true;

  UpdateScene();

  positionpiv();

  if (pOldOnLoadPIV != null) {
    pOldOnLoadPIV();
  }
}
function positionpiv()
{
  xoffset = 0 + borderwidth;
  yoffset = 0 + borderheight;
  if (loaded)
  {
    xMoveTo(outerimgdiv,xoffset,yoffset);
    xMoveTo(mypframe,xoffset-borderwidth,yoffset-borderheight+1);
  }
  xHide(myloadingdiv);
  xClip(myloadingdiv,0,0,0,0);
  xShow(outerimgdiv);
  xShow(myobject);
  xShow(mypframe);
  xClip(mypframe,0,(xviewport+borderwidth+borderwidth),(yviewport+borderheight+borderheight),0);
  xClip(mypframe,0,(xviewport+borderwidth+borderwidth),(yviewport+borderheight+borderheight),0);

  xdist = xoffsetwithinpic;
  ydist = yoffsetwithinpic;

  shiftover();
  quitmoving();
  if (automoveonstart)
  {
    xdist=1;
    ydist=0;
    shiftover();
  }
  if (pOldOnResizePIV != null) {
    pOldOnResizePIV();
  }

}
function shiftover()
{
 if (loaded)
 {
  quitmoving();
  if ( ((xTop(myobject) - ydist ) >= 0) && (ydist<0) )
  {
    ydist = 0;
  } else
  if ( ((xTop(myobject) - ydist ) <= ( yviewport - xHeight(myimage) ) ) && (ydist>0) )
  {
    ydist = 0;
  }
  if (vCurrentImageType == "2")
   {
    if ( ((xLeft(myobject) - xdist ) >= 0) && (xdist<0) )
    {
      xdist = 1;
    } else
    if ( ((xLeft(myobject) - xdist ) <= ( xviewport - xWidth(myimage) ) ) && (xdist>0) )
    {
      xdist = -1;
    }
  }
  xMoveTo(myobject, xLeft(myobject) - xdist, xTop(myobject) - ydist);
  if (vCurrentImageType == "1")
  {
    if (xLeft(myobject) > 0 )
    {
      xLeft(myobject, 0 - xWidth(myimage));
    } else
    if (xLeft(myobject) < (0 - xWidth(myimage) ) )
    {
      xLeft(myobject, 0);
    }
  }
  if (document.layers)
  {
    xClip(myobject,null, xviewport - xLeft(myobject) ,null,null);
  }
  initialized == true;
  if ((xdist != 0) || (ydist != 0))
  {
    mytimer = setTimeout("shiftover()",defaulttimeout);
  }
 }
}
function quitmoving()
{
  if (mytimer)
  {
    clearTimeout(mytimer);
  }
  if (quitmoving.arguments.length > 0)
  {
    var blnClearDist = quitmoving.arguments[0];
    if (blnClearDist == true)
    {
      xdist = 0;
      ydist = 0;
    }
  }
}
function MouseOverImage(vImageName)
{
  var objImg = xGetElementById(vImageName);
  if (!(objImg.OriginalSrc)) objImg.OriginalSrc = objImg.src;
  var intLastDotLocation = objImg.OriginalSrc.lastIndexOf(".");
  if (intLastDotLocation > 0)
  {
    var strTemp = objImg.OriginalSrc.substring(0, intLastDotLocation) + "-over"+ objImg.OriginalSrc.substr(intLastDotLocation);
    objImg.src = strTemp;
  }
}
function MouseOutImage(vImageName)
{
  var objImg = xGetElementById(vImageName);
  if (objImg.OriginalSrc) objImg.src = objImg.OriginalSrc;
}
function SwapImage(vImageName, vImageSrc)
{
  var objImg = xGetElementById(vImageName);
  if (objImg)
  {
    if (objImg.src)
    {
      objImg.src = vImageSrc;
    }
  }
}
function move_NW() {
  xdist=-defaulttravel;
  ydist=-defaulttravel;
  shiftover();
}
function move_N() {
  xdist=0;
  ydist=-defaulttravel;
  shiftover();
}
function move_NE() {
  xdist=defaulttravel;
  ydist=-defaulttravel;
  shiftover();
}
function move_W() {
  xdist=-defaulttravel;
  ydist=0;
  shiftover();
}
function move_E() {
  xdist=defaulttravel;
  ydist=0;
  shiftover();
}
function move_SW() {
  xdist=-defaulttravel;
  ydist=defaulttravel;
  shiftover();
}
function move_S() {
  xdist=0;
  ydist=defaulttravel;
  shiftover();
}
function move_SE() {
  xdist=defaulttravel;
  ydist=defaulttravel;
  shiftover();
}


function UpdateScene()
{
    var objSelect = xGetElementById("SceneSelector");
    if (objSelect)
    {
        var intSelectedIndex = objSelect.selectedIndex;
        var strImageURL = objSelect.options[intSelectedIndex].value;
        myimage.src = strImageURL;
        if (mysecondimage)  mysecondimage.src = strImageURL;
    }
}
function ChangeScene(imageUrl,imageType, blnAutoStart, imageWidth, imageHeight)
{


    var strImageURL = imageUrl;

    myimage.src = strImageURL;
    if (mysecondimage)  mysecondimage.src = strImageURL;



    vCurrentImageType = "2";
    origimagewidth = imageWidth;
    origimageheight = imageHeight;

    if (!(document.layers)) zoomReset();

    xTop(myobject, 0);
    xLeft(myobject, 0);
    if (document.layers)
    {
        xClip(myobject,null, xviewport - xLeft(myobject) ,null,null);
    }


    positionpiv();

}

function keyhandlepiv(evt)
{
    var objEvent = new xEvent(evt);
    if (objEvent.keyCode == 37) {   move_W(); quitmoving(true); }
    if (objEvent.keyCode == 38) {   move_N(); quitmoving(true); }
    if (objEvent.keyCode == 39) {   move_E(); quitmoving(true); }
    if (objEvent.keyCode == 40) {   move_S(); quitmoving(true); }
}

xMoveTo(myloadingdiv, xLeft('PlaceHolderDiv'), xTop('PlaceHolderDiv'));
window.onload=initpiv;
window.onresize=positionpiv;