/*Event.observe(window, 'load', function() {
        $('featurebox-5').hide();
        $('featurebox-5-listen').writeAttribute('src', './art/add.png');
        Event.observe('featurebox-5-listen', 'click', function(){
            $('featurebox-5').toggle();
            if($('featurebox-5').visible()){
                $('featurebox-5-listen').writeAttribute('src', './art/delete.png');
            } else {
                $('featurebox-5-listen').writeAttribute('src', './art/add.png');
            }
        });
    });
*/
/* second eg */
<!--
		function attachCollapsible(collapsible)
		{
			var div = $(collapsible);

			var heading = div.select('h2')[0];
			var contents = div.select('div')[0];

			// initially hide it
			div.addClassName('closed');
			contents.hide();

			// add an anchor at run time,
			// that way non-js users won't see anchor, but js users will
			// still be able to use their keyboard for it.
			heading.innerHTML = '<a href="#">' + heading.innerHTML + '</a>';
			heading.firstDescendant().onclick = collapsibleOnClick(div, heading, contents);
		}

		/* function for generating event handler for anchor etc; returns function that returns bool */
		function collapsibleOnClick(div, heading, contents)
		{
			return function() {
				// clear the height; gets messy otherwise if a blind is already in progress
				// not perfect, but simple and huffy enough, and doesn't seem to be able to get into a bad state
				contents.style.height = '';


/*Effect.toggle('id_of_element', 'appear');
Effect.toggle('id_of_element', 'slide', { delay: 0.5 });
Effect.toggle('id_of_element', 'blind', { duration: 2.0 });*/

				// do we need to go up or down?
				/*if (div.hasClassName('closed')) {
					new Effect.BlindDown(contents,{duration:0.3, fps:100});
					Element.removeClassName(div,'closed');
				} else {
					new Effect.BlindUp(contents,{duration:0.3, fps:100});
					Element.addClassName(div,'closed');
				}*/

if (div.hasClassName('closed')) {
					new Effect.toggle(contents,'appear',{duration:0.5, fps:100});
					Element.removeClassName(div,'closed');
				} else {
					new Effect.toggle(contents,'appear',{duration:0.5, fps:100});
					Element.addClassName(div,'closed');
				}
				
				// event has been dealt with.
				return false;
			};
		}
	// -->