var slide_in_speed = 300;	// millisecond duration of slide into view
var slide_out_speed = 300;// millisecond duration of slide out of view

function initGlideLayers() {
  var glideLyrs = new Array();
  
  // Set up your layers here
  // arguments: id, left=0 (offset calculated based on width), top
  glideLyrs[0] = new dynObj('glideDiv0', 0, 0);
  glideLyrs[1] = new dynObj('glideDiv1', 0, 0);
  glideLyrs[2] = new dynObj('glideDiv2', 0, 0);
  glideLyrs[3] = new dynObj('glideDiv3', 0, 0);
  glideLyrs[4] = new dynObj('glideDiv4', 0, 0);
  glideLyrs[5] = new dynObj('glideDiv5', 0, 0);
  glideLyrs[6] = new dynObj('glideDiv6', 0, 0);
  glideLyrs[7] = new dynObj('glideDiv7', 0, 0);
  glideLyrs[8] = new dynObj('glideDiv8', 0, 0);
  glideLyrs[9] = new dynObj('glideDiv9', 0, 0);
  glideLyrs[10] = new dynObj('glideDiv10', 0, 0);
  glideLyrs[11] = new dynObj('glideDiv11', 0, 0);
  glideLyrs[12] = new dynObj('glideDiv12', 0, 0);
  glideLyrs[13] = new dynObj('glideDiv13', 0, 0);
  glideLyrs[14] = new dynObj('glideDiv14', 0, 0);
  glideLyrs[15] = new dynObj('glideDiv15', 0, 0);
  glideLyrs[16] = new dynObj('glideDiv16', 0, 0);
  glideLyrs[17] = new dynObj('glideDiv17', 0, 0);
  glideLyrs[18] = new dynObj('glideDiv18', 0, 0);
  glideLyrs[19] = new dynObj('glideDiv19', 0, 0);
  glideLyrs[20] = new dynObj('glideDiv20', 0, 0);
  glideLyrs[21] = new dynObj('glideDiv21', 0, 0);
  glideLyrs[22] = new dynObj('glideDiv22', 0, 0);
  
  for (var i=0; glideLyrs[i]; i++) {
		// hold original left position 
		glideLyrs[i].xOff = -(glideLyrs[i].w + 0);
		glideLyrs[i].shiftTo( glideLyrs[i].xOff, glideLyrs[i].y );
		glideLyrs[i].show();
  }
  slideEm('glideDiv0'); // Slide first one into view 
}


var curGlideLyr;
function slideEm(id) {
  var oldLyr, newLyr;
  // if link for current layer clicked, slide it out of view 
	if (curGlideLyr == id) { 
    oldLyr = dynObj.getInstance(curGlideLyr);
		oldLyr.slideTo(oldLyr.xOff, null, slide_out_speed, -1);
    curGlideLyr = ""; 
  }


	// if layer currently in view, set up to slide new one into view
	// after current one slides away
	if (curGlideLyr) {
    oldLyr = dynObj.getInstance(curGlideLyr);
		oldLyr.onSlideEnd = function() { 
			dynObj.holder[curGlideLyr].slideTo(0, null, slide_in_speed, -1); 
			this.onSlideEnd = function() { if (this.el) this.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(0, null, slide_in_speed, -1);
  }

	curGlideLyr = id;
}