var COLLAPSABLE_PARENT_NAME = "collapsable"; 
var COLLAPSABLE_PARENT_TYPE = "table"; 
//var COLLAPSABLE_CHILD_TYPE = "collapsable1";

var COLLAPSABLE_EXPAND = "[+]"; 
var COLLAPSABLE_SHRINK = "[-]"; 

init = function() {
    if(document.getElementById && document.createTextNode) { 
        var entries = document.getElementsByTagName(COLLAPSABLE_PARENT_TYPE); 
        for(i=0;i<entries.length;i++) 
            if (entries[i].className==COLLAPSABLE_PARENT_NAME) 
                assignCollapse(entries[i]); 
    } 
} 

assignCollapse = function (table) { 
    var button = document.createElement('a'); 
    button.style.cursor='pointer'; 
    button.setAttribute('expand', COLLAPSABLE_EXPAND); 
    button.setAttribute('shrink', COLLAPSABLE_SHRINK); 
    button.setAttribute('state', -1); 
    button.innerHTML=COLLAPSABLE_EXPAND; 
  
    var pateka=table.getElementsByTagName('td')[0].getElementsByTagName('TABLE')[0].getElementsByTagName('td')[0]
    pateka.appendChild(button)

    button.onclick=function(){
        var state = -(1*this.getAttribute('state')); 
        this.setAttribute('state', state);
        var mom = this;
        while (mom.className!='collapsable'){
            mom= mom.parentNode
        }
        if (navigator.userAgent.indexOf("MSIE")!=-1 || navigator.userAgent.indexOf("Opera")!=-1) { 
            mom.getElementsByTagName('tr')[2].style.display=state==1?'none':'block';
        } 
        else if (navigator.userAgent.indexOf("Mozilla")!= -1) { 
            mom.getElementsByTagName('tr')[2].style.display=state==1?'none':'table-row';
        } 
        this.innerHTML = this.getAttribute(state==1?'expand':'shrink');
    };                    
    button.onclick(); 
} 


//window.onload=init;