window.addEvent('domready', function() {
  var status = {
		'true': 'Close extra information',
		'false': 'Read more'
	};


  // Iterate over all <div>s with class "knippable"
  $$('div[class^=slideable]').each(function(div)
  { var slideable_id = 0 ;
    if (div.innerHTML.indexOf('[KNIP]') > 0)
    { var a_id = 'toggle-'+slideable_id ;
      var readmore_id = 'readmore-'+slideable_id ;
      var div_id = 'slide-'+slideable_id ;

      var parts = div.innerHTML.split('[KNIP]') ;
      div.innerHTML = '<div>'+parts[0]+'</div>'
                    + '<a id="'+a_id+'" href="#" style="color:#76a842;">'
                    +   '<img src="getfile.php?id=141" align="absmiddle">'
                    +   '<span id="'+readmore_id+'"> Read more</span>'
                    + '</a>'
                    + '<div id="'+div_id+'">'+parts[1]+'</div>' ;

      var myVerticalSlide = new Fx.Slide(div_id).hide();

    	$(a_id).addEvent('click', function(e){
        e.stop();
        myVerticalSlide.toggle();
      });

      myVerticalSlide.addEvent('complete', function() {
        $(readmore_id).set('html', status[myVerticalSlide.open]);
      });


      slideable_id++ ;
    }
    div.setStyle('display', '') ;
  }) ;
});

function slideable(div_id)
{ alert($(div_id).innerHTML);
}