document.codeBlocks = [];

this.toggleCodeBlock = function(id) 
{
    var h = 36;
    var collapsState = document.codeBlocks[id];
    var elem = document.getElementById("codeblock_"+id);
    
    if (elem==null) return false;
    
    if (collapsState == null)
    {
        collapsState = {
                            collapsed:true,
                            collapsHeight:elem.style.height
                       };
                       
        document.codeBlocks[id] = collapsState;
    }
    
    collapsState.collapsed = !collapsState.collapsed;
    elem.style.height = collapsState.collapsed ? collapsState.collapsHeight : h+"px";        
    
    var img = document.getElementById("toggle_"+id);
    if (img!=null)
    {
        img.src = collapsState.collapsed ? "images/codepanel_min.gif" : "images/codepanel_max.gif";
    }
    
    return false;
    
}