var BirgittScroller = Class.create(BaseHorizontalScroller, { 
  
  initialize: function ($super, listElem, detailElem, items )
  {
     this.listElem = listElem;
     this.detailElem = detailElem;
     $super(listElem, items, 700, 163, null)
  },
  activate: function (media)
  {
	 this.detailElem.update(this.drawDetailArea(media));
  },
  drawDetailArea : function (media)
  {
  	
  		var descElem = null;
  		if (media.desc)
  		{
  			descElem = $N(".description", media.desc);
  		}
  	
        var elem = $N(".detailArea", 
        [
        	descElem,
        	$N("img", {src:media.large})	
        ])
       return elem;
  },
  drawItem: function (media)
  {
    var img =  $N(".image", $N("img", {src:media.small}));
    Event.observe(img, "click", this.activate.bind(this, media));
    return $N(".mediaItem", img);
  }
});