var indexCounter = 1000;

var Navigate = {
  currentPage: 1,
  element: 'pages',
  
	show: function(page, height) {
	  	if(page != this.currentPage)
	  	{
	  		document.getElementById('pages').style.height=height;
	  		//Opacity
	  		new Effect.Parallel([
  	 			new Effect.Fade('background'+this.currentPage),
      			new Effect.Appear('background'+page)
      		]);
      		new Effect.Parallel([
      			new Effect.Fade('page'+this.currentPage), 
      			new Effect.Appear('page'+page, { duration:1.0, from:0.0, to:1.0 } )
      		]);
      		this.currentPage = page;
	  	}
	}
}

Effect.PopIn = function(element) {
  element = $(element);
  var oldTop = (element).style.top;
  var oldLeft = (element).style.left;
  var pos = Position.cumulativeOffset((element));
   return new Effect.Parallel(
    [ 
      new Effect.MoveBy(element, -5, 0, { sync: true }), 
      new Effect.Appear(element, { sync: true, from:0, to: 1.0 })
    ],
    Object.extend(
      { duration: 2.0,
        beforeSetup: function(effect) { 
          Element.makePositioned(effect.effects[0].element); 
          //Element.setOpacity(element, 1);
         // element.style.position = 'absolute'; 
         // element.style.top = (pos[1]-100) + 'px'; 
        }
      }, arguments[1] || {}));
}