function initGlideLayers() {
  var i, el;
  var glideLyrs = new Array();
  
  // Set up your layers here
  // arguments: id, amount to be visible (left), top, width, height
	// If you don't specify the top position (null), code calculates
	// based on height of previous layer, leaving a 2px gap
  glideLyrs[0] = new dynObj('glideDiv0', 330+100, -65, 144, 100);
  glideLyrs[1] = new dynObj('glideDiv1', 330+110, -65, 144, 100);
  glideLyrs[2] = new dynObj('glideDiv2', 330+120, -65, 144, 100);
  
  for (i=0; glideLyrs[i]; i++) {
		// hold amount to be left visible 
		glideLyrs[i].xOff = glideLyrs[i].x;
		glideLyrs[i].yOff = glideLyrs[i].y;
		
		if ( !glideLyrs[i].y ) // position based on previous glideLyrs height and position
			if ( glideLyrs[i-1] ) glideLyrs[i].y = glideLyrs[i-1].y + glideLyrs[i-1].h + 2;	
		glideLyrs[i].shiftTo( -(glideLyrs[i].w - glideLyrs[i].xOff), glideLyrs[i].y );
		glideLyrs[i].show();
    el = dynObj.getElemRef( glideLyrs[i].id );
    if (el) {
      el.onmouseover = slideIntoView;
      el.onmouseout = slideOutOfView;
    }
  }  
  
}

function slideIntoView() {
  var glideLyr = dynObj.getInstance(this.id);
  glideLyr.slideTo(null, -100, 250, -1);
}

function slideOutOfView(e) {
  var glideLyr = dynObj.getInstance(this.id);
	e = e? e: window.event;
  var toEl = e.relatedTarget? e.relatedTarget: e.toElement;
  if ( toEl != glideLyr.el && !contained(toEl, glideLyr.el) ) 
	  glideLyr.slideTo( null, glideLyr.yOff, 300, -1);
}

// returns true if oNode is contained by oCont (container)
function contained(oNode, oCont) {
  if (!oNode) return; // in case alt-tab away while hovering (prevent error)
  while ( oNode = oNode.parentNode ) if ( oNode == oCont ) return true;
  return false;
}