/**
 * Benchmark Dislays
 * 
 * This file was coded and is using the PrototypeJS library. It was coded to adhere to Magento's other Javascript files and their coding standards.
 *
 * @category    Benchmark Displays
 * @package     js
 * @author      Graphtek Interactive
 */

var collapser = function() {

    var collapsables = {
        collapsablees : null,
        collapsers : null,
        
        init :  function() {
            collapsables.collapsablees = $$('.collapsablee');
            collapsables.collapsers = $$('.collapsablee .block-title strong');
        
            collapsables.collapsers.each(function(element, index) {
                element.onclick = function(e) {
                    var target = (e.currentTarget) ? e.currentTarget : e.srcElement;

                    collapsables.toggle(target);
                }
            });
        },
        
        toggle : function(target) {
            var parent = target.parentNode.parentNode.parentNode;
            
            collapsables.collapsablees.each(function(element, index) {
                if (element.hasClassName('collapsed')) {
                    element.removeClassName('collapsed');
                    element.addClassName('uncollapsed');
                }
            });
            
            parent.removeClassName('uncollapsed');
            parent.addClassName('collapsed');
        }
    }
        
    collapsables.init();
}

document.observe("dom:loaded", function() {
	collapser();
});