﻿function ToggleSC(img, gridId, mainRow, divId, rowId) {
    var tr = document.getElementById(mainRow);
    var tb = tr.parentNode;
    var trNext = tr;
    var i;
    var grid = document.getElementById(gridId);
    //for (i = 0; i < (innerRows + 1); i++) {
    trNext = trNext.nextSibling;
    //}

    //Check to see if this is a close or open
    var bVisible = false;
    if (trNext && trNext.nodeName == 'TR' && trNext.id.substr(0, 10) == 'DetailRow_')
        bVisible = true;

    if (bVisible) {
        grid.deleteRow(trNext.rowIndex);
    } else {
        var trNew;
        var data = document.getElementById(divId);
        var tdNew;
        var tableNew;

        var trInner;
        var tdInner;
        var tbNew;

        //Build new row and cell to put scorecard table into
        trNew = document.createElement('tr');
        trNew.id = 'DetailRow_' + rowId;
        trNew.className = tr.className;
        tdNew = document.createElement('td');
        tdNew.colSpan = tr.cells.length
        tdNew.align = 'left';
        tdNew.className = 'PointsReportDetail';
        tdNew.innerHTML = data.innerHTML;
        trNew.appendChild(tdNew);
        if (trNext) {
            tb.insertBefore(trNew, trNext);
        } else {
            tb.appendChild(trNew);
        }
    }

    //Swap expand image for collapse
    if (img) {
        if (bVisible) {
            img.src = img.src.replace(/collapse/i, 'expand');
        } else {
            img.src = img.src.replace(/expand/i, 'collapse');
        }
    }
}
