// 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

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', 639, 175);
  glideLyrs[1] = new dynObj('glideDiv1', 1239, 175);
  glideLyrs[2] = new dynObj('glideDiv2', 0, 175);

  for (var i=0; glideLyrs[i]; i++) {
		// hold original left position 
		glideLyrs[i].xOff = 2.45 *(glideLyrs[i].w + 639);
		glideLyrs[i].shiftTo( glideLyrs[i].xOff, glideLyrs[i].y );
		glideLyrs[i].show();
  }
  slideEm('glideDiv1'); // Slide first one into view 
}

var curGlideLyr;
function slideEm(id) {
  var oldLyr, newLyr, xPos;
	if (id == "glideDiv0"){
		xPos = 639;
	}else {
		xPos = 278;
	}  
	//alert(id);
  // if link for current layer clicked, slide it out of view 
	if (curGlideLyr == id) { 
     return; 
  }
	// 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() { 
			if(curGlideLyr != ""){
				dynObj.holder[curGlideLyr].slideTo(xPos, null, slide_in_speed, -1); 
				this.onSlideEnd = function() { if (this.el) this.el = null } 
			}else{return;}
			
			
		}
		// 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(xPos, null, slide_in_speed, -1);
    
   
  }
	curGlideLyr = id;
}
function slideEmOut(id) {
	var oldLyr, newLyr;
	if (curGlideLyr) {
	oldLyr = dynObj.getInstance(curGlideLyr);
	}else{
	oldLyr = dynObj.getInstance(id);
	}
	
	oldLyr.slideTo(oldLyr.xOff, null, slide_out_speed, -1);
    curGlideLyr = ""; return; 
 }