/**
 * Collapsible panel client-side script
 *
 * @author: Andrew Mikhailov amihailov@infostroy.com.ua
 **/
var CollapsiblePanel = {
    /**
     * Activates an element list container having the identifier
     * specified and hides other elements
     **/
    activate : function (id) {

        /* Get an element which must be activated*/
        var element  = $(id);             
        if(element.style.display != 'none')
        {
             element.hide();
        }
        else
        {     
            /*open(id);*/
            /* Hide all elements with the same CSS class as target element*/
        var element  = $(id);             
        var elements = document.getElementsByClassName(element.className);
        if (undefined != elements) {
            for (i = 0; i < elements.length; i++) {
                var value = elements[i];
                if (element != value) {
                    value.hide();
                }
            }
        }
        
        element.show();
        }
       
    },
    /* Shows and hides an expand other elements link*/
    showExpandLink : function (id) {
        /* Get an element which must be activated*/
        var element  = $(id);             
        
        if(element.style.display != 'none')
        {
            element.hide();
        }
        else
        {
            element.show();
        }
    },
    titleLinkChange : function (id) {
        /* Get an element which must be activated*/
        var element  = $(id);             
        
        if(element.className != 'AccessoriesTitleLink')
        {
            element.className = 'AccessoriesTitleLink';
        }
        else
        {
            element.className = 'AccessoriesTitleLinkExpanded';
        }
    }
};