/**
 * ViewCollectionDetailScrollItem
 */
var ViewCollectionDetailScrollItem = Class.create({
  /**
   * Init ViewCollectionDetailScrollItem
   */	
  initialize: function() {
	this.options = Object.extend({
	  elemContent : null
	}, arguments[0] || { });		
	
	ViewCollectionDetailScrollItem.INACTIVE_Y = -1000;
	
    this.elemImage = this.options.elemContent.down('.image');
    this.elemImg = this.options.elemContent.down('img');

	this.image = new EggImage(this.options.elemContent.down('.contentimage .image'));
    this.image.load();
    
    this.arrRelItems = new Array();
    // related images
    var elemItems = this.options.elemContent.select('.relateditem');
    var relItem;	
    
    for (var nItem = 0; nItem < elemItems.length; nItem++) {
      relItem = new EggImage(elemItems[nItem].down('.image'));
      relItem.load();      	      
      this.arrRelItems.push(relItem);
    }
    
    this.elemContentText = this.options.elemContent.down('.contenttext');
    this.contentTextFade = new EggFade({elemContent:this.elemContentText});
    this.elemContentText.observe('eggfade:hidden', this.onHidden.bind(this));
        
	this.options.elemContent.style.top = ViewCollectionDetailScrollItem.INACTIVE_Y + 'px';	    
  },

  getContent: function() {
	return this.options.elemContent;
  },

  show: function() {
	this.options.elemContent.style.top = '0px';
	this.options.elemContent.style.visibility = 'visible';
	  
	this.contentTextFade.show();
    this.image.show();
    // show rel images
    for (var nItem = 0; nItem < this.arrRelItems.length; nItem++) {
      this.arrRelItems[nItem].show();
    }    
  },

  hide: function() {
	this.contentTextFade.hide();
    this.image.hide();
    // show rel images
    for (var nItem = 0; nItem < this.arrRelItems.length; nItem++) {
      this.arrRelItems[nItem].hide();
    }    
  },
  
  hideNow: function() {
	this.contentTextFade.hideNow();
	this.image.hideNow();	
    // show rel images
    for (var nItem = 0; nItem < this.arrRelItems.length; nItem++) {
      this.arrRelItems[nItem].hideNow();
    }    
  },
  
  onHidden: function(evt) {
	this.options.elemContent.style.top = ViewCollectionDetailScrollItem.INACTIVE_Y + 'px';	
  }
  
});