/**
 * ScrollNav
 */
var ScrollNav = Class.create({
  /**
   * Init ScrollNav
   */	
  initialize: function() {
	this.options = Object.extend({
	  elemContent : null
	}, arguments[0] || { });		

	this.bActive = false;
	
    this.contentLeftFade = new EggFade({elemContent:this.options.elemContent.down('.left')});	
    this.contentRightFade = new EggFade({elemContent:this.options.elemContent.down('.right')});	
    
    this.options.elemContent.down('.left').observe('mouseover', this.overBtn.bind(this));				    
    this.options.elemContent.down('.right').observe('mouseover', this.overBtn.bind(this));				    
  },

  show: function() {
	if (!this.bActive) {
	  this.bActive = true;
	  
	  this.contentLeftFade.show();	  
	  this.contentRightFade.show();	  
	}
  },

  hide: function() {
	if (this.bActive) {
	  this.bActive = false;
	  
	  this.contentLeftFade.hide();
	  this.contentRightFade.hide();
	}
  },

  overBtn: function(evt) {
    evt.element().setStyle({cursor:"pointer"});
  }
  
});