// change speed of slide here
var slide_in_speed = 400;	// millisecond duration of slide into view
var slide_out_speed = 300;// millisecond duration of slide out of view

if (document.getElementById) window.onload = initGlideLayers;
function initGlideLayers() {
  var glideLyrs = new Array();
  
  // Set up your layers here
  // arguments: id, left=215 (offset calculated based on width), top
  glideLyrs[0] = new dynObj('glideDiv0', 0, 25);
  glideLyrs[1] = new dynObj('glideDiv1', 0, 45);
  glideLyrs[2] = new dynObj('glideDiv2', 0, 45);
  glideLyrs[3] = new dynObj('glideDiv3', 0, 45);
  glideLyrs[4] = new dynObj('glideDiv4', 0, 45);
  glideLyrs[5] = new dynObj('glideDiv5', 0, 45);  

  for (var i=0; i<glideLyrs.length; i++) {
		// hold original left position 
		glideLyrs[i].xOff = -(glideLyrs[i].w + 10);
		glideLyrs[i].shiftTo( glideLyrs[i].xOff, glideLyrs[i].y );
		glideLyrs[i].show();
    glideLyrs[i].el = null;
  }
  
  slideEm('glideDiv0'); // Slide first one into view 
}

var curGlideLyr;
function slideEm(id) {
  var oldLyr, newLyr;
	if (curGlideLyr == id) return; // if same link
	// if layer currently in view, set up to slide new one into view
	// after current one slides away
	// set up onGlideEnd to discard ref
	if (curGlideLyr) {
    oldLyr = dynObj.getInstance(curGlideLyr);
    newLyr = dynObj.getInstance(id);
		oldLyr.onSlideEnd = function() { 
			dynObj.holder[curGlideLyr].slideTo(215, null, slide_in_speed, -1); 
			dynObj.holder[curGlideLyr].onSlideEnd = function() { dynObj.holder[curGlideLyr].el = null; } 
		}
		// slide current layer out of view
		oldLyr.slideTo(oldLyr.xOff, null, slide_out_speed, -1);
	} else { 	// if no layer currently in view
    newLyr = dynObj.getInstance(id);
    newLyr.slideTo(215, null, slide_in_speed, -1);
  }
	curGlideLyr = id;
}