function setupCollapsible(){
    var collapsibleDivs = $$('div.collapsible');
    
    for(var i=0, element = ''; i<collapsibleDivs.length; i++){
        element = $(collapsibleDivs[i]);
        
	var title = element.getParent().getParent().getElement('h2');

	title.set('id','expanded-title-'+i);

	var summary = element.getFirst('div').set('id','collapsed-'+i).set('class','collapse');
	var full = element.getLast('div');

	summary.set('html','<a href="'+location.href.replace("#"+location.hash,"")+'#expanded-title-'+i+'" id="collapsed-link-'+i+'" rel="collapsed-'+i+'" onclick="collapseExpand(this.rel)">'+summary.get('html')+'</a>');

	full.set(
	{
            'class': 'expand',
            'id': 'expanded-'+i
	});

	/*
        var collapseExpandLink = new Element('a', {
            'class': 'collapse',
            'href': location.href.replace("#"+location.hash,"")+'#expanded-title-'+i,
            'id': 'collapsed-'+i,
            'events': {
                'click': function() {
                    collapseExpand(this.id);
                }
            }
        });
        
        var collapseContainer = new Element('div', {
            'class': 'expand',
            'id': 'expanded-'+i
        });
	        
        collapseExpandLink.set('html',currentHTML.substr(0,150),'...');
        collapseContainer.set('html',currentHTML);
        
        element.empty().grab(collapseExpandLink,'top').grab(collapseContainer,'bottom');
	*/
    }

    collapseExpand('collapsed-0');
}

function collapseExpand(elRel){
    var index = elRel.replace('collapsed-','');
    $$('div.collapsible div.collapse').setStyle('display','block');
    $$('div.collapsible div.expand').setStyle('display','none');
    
    $('collapsed-'+index).setStyle('display','none');
    $('expanded-'+index).setStyle('display','block');
}

window.addEvent('domready', function(){
   setupCollapsible(); 
});