var mytimer;
var xdist; 
var ydist;
var xoffset;
var yoffset;
var xviewport;
var yviewport;
var defaulttravel;
var defaulttimeout;
var borderheight;
var borderwidth;

var bwidth;
var bheight;

var myobject;
var outerimgdiv;
var mypframe;
var myloadingdiv;
var myimage;
var mysecondimage;
var initialized;
var loaded;
var xoffsetwithinpic;
var yoffsetwithinpic;

var origimagewidth;
var origimageheight;

xoffset = 0;   
yoffset = 0;

xoffsetwithinpic = 5; 
yoffsetwithinpic = 0; 
xviewport = 200;
yviewport = 75;

defaulttravel = 3;
defaulttimeout = 20;
borderheight = 0;
borderwidth = 0;

var dblZoom = 1.0;
// ----------------------  Parameters above --------------------------------//

// init code below - no modifications required

initialized = false;
loaded = false;


var vstate = false;
var startx = 0;
var starty = 0;



function initpiv() 
{
  myobject = xGetElementById("dimg");
  outerimgdiv = xGetElementById("dimgOuter");
  mypframe = xGetElementById("mypicframe");
  myloadingdiv = xGetElementById("nowloading");
  myimage = xGetElementById("ione");
  mysecondimage = xGetElementById("itwo"); 
  
   origimagewidth = xWidth(myimage);
   origimageheight = xHeight(myimage); 
  
  loaded = true;
  positionpiv();	
}

function positionpiv()
{
  xoffset = xPageX('PlaceHolderDiv') + borderwidth;
  yoffset = xPageY('PlaceHolderDiv') + 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);
  //xClip(myobject,0,xviewport,yviewport,0);
  //xClip(myobject,0,xviewport,yviewport,0);
		
  xShow(mypframe);

xClip(mypframe,0,(xviewport+borderwidth+borderwidth),(yviewport+borderheight+borderheight),0);

xClip(mypframe,0,(xviewport+borderwidth+borderwidth),(yviewport+borderheight+borderheight),0);
		
  // lines below seem to add wierd blank pixel lines to top and bottom
  // of scroll in ie5
  xdist = xoffsetwithinpic;
  ydist = yoffsetwithinpic;

  //alert('xoffset=' + xoffset + '  yoffset=' + yoffset);
  //return  ;

  shiftover();
  quitmoving();
		
  xdist=1;
  ydist=0;

  shiftover();
  
}	

function shiftover()
{
 if (loaded) 
 {
  var msg = "none";
  quitmoving();
  if ( ((xTop(myobject) - ydist ) >= 0) && (ydist<0) ) 
  {
    ydist = 0; msg = "A";
  } else
  if ( ((xTop(myobject) - ydist ) <= ( yviewport - xHeight(myimage) ) )
&& (ydist>0) ) 
  {
    ydist = 0; msg = "B";
  }
  //xClip(myobject, xClipValues(myobject, "t") + ydist,xClipValues(myobject, "r") + xdist, xClipValues(myobject, "b") + ydist, xClipValues(myobject, "l") + xdist)
  xMoveTo(myobject, xLeft(myobject) - xdist, xTop(myobject) - ydist);
  if (xLeft(myobject) > 0 )
  {
    msg = "C";
    //xClip(myobject,null , xClipValues(myobject, "r") + xWidth(myimage), null , xClipValues(myobject, "l") + xWidth(myimage) );
    xLeft(myobject, 0 - xWidth(myimage));
  } else 
  if (xLeft(myobject) < (0 - xWidth(myimage) ) ) 
  {
    msg = "D";
    //xClip(myobject,null,xviewport,null,0);
    //xClip(myobject,null,xviewport,null,0);
    xLeft(myobject, 0);
  }
  
  if (document.layers)
  {
  	xClip(myobject,null, xviewport - xLeft(myobject) ,null,null);
  }
  
  //window.status = "Left=" + xLeft(myobject) + "   Top=" + xTop(myobject) + "     " + msg;

  initialized == true;
  if ((xdist != 0) || (ydist != 0))
  {
    mytimer = setTimeout("shiftover()",defaulttimeout);
  }
 }
}

function quitmoving() 
{
  if (mytimer)
  {
    clearTimeout(mytimer);
  }
}

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();
}

xMoveTo(myloadingdiv, xLeft('PlaceHolderDiv'), xTop('PlaceHolderDiv'));