function accordion(el)
{
	if ($('visible') == el)
	{
        return;
    }
    if ($('visible'))
	{
        var eldown = el.parentNode.id + '-body';
        var elup = $('visible').parentNode.id + '-body';
		new Effect.SlideDown(eldown, {duration: 0.1});
		new Effect.SlideUp(elup, {duration: 0.1});
       		
        $('visible').id = '';
    }
    el.id = 'visible';
}

function initAccordion() {

    // hide all elements apart from the one with id visible
    //var acc = document.getElementById('accordion');
    //var apanels = acc.getElementsByTagName('div');
	var apanels = document.getElementsByTagName('div');
    for (i = 0; i < apanels.length; i++)
	{
        if (apanels[i].className == 'panel_body')
		{
            apanels[i].style.display = 'none';
        }
    }
    var avis = document.getElementById('visible').parentNode.id + '-body';
    document.getElementById(avis).style.display = 'block';
}

function addEvent(elm, evType, fn, useCapture)
{
    elm["on"+evType]=fn;
	return;
}

addEvent(window, "load", initAccordion);
