var divCount = 0;
$(document).ready(
        function () {
            $(".expandable").each(
                                    function (i) {

                                        var DivName = "ColTop" + divCount;
                                        var Keyword = $(this).attr('keyword') == undefined ? "3A928C7010D5441099FB354EF79D6BFA" : $(this).attr('keyword');
                                        $(this).before("<div id='" + DivName + "keyword' style='display:none;'><a href='javascript:CollapseDiv(" + divCount + ")' class='greenLink' style='margin:20px;width:100%'>" + Keyword + "</a></div>");
                                        $(this).wrap("<div id='Collapser" + divCount + "' class='topCollapse' style='margin-bottom:20px;'></div>");
                                        $(this).prepend("<div class='topCollapseBar' id='topBar" + divCount + "' OnClick='CollapseDiv(" + divCount + ")' ><span Class='expanderTitle'>" + Keyword + "</span><div id='TopSpanCollapser" + divCount + "' class='topCollapseLink' >Collapse</div></div><div style='width:100%;clear:both;'></div>");
                                        $(this).prepend("<div id='" + DivName + "'>&nbsp;</div>");
                                        $("#Collapser" + divCount).after("<div class='btmLinks' id='Control" + divCount + "' style='margin:20px;padding-bottom:0px;'><a shape='rect' href='#" + DivName + "' id='top" + DivName + "' class='top' style='padding-left: 0px;' shape='rect'>Top</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span OnClick='CollapseDiv(" + divCount + ")' id='SpanCollapser" + divCount + "' class='collapse'>Collapse</span></div>");
                                        $("#Control" + divCount).after("<div id='Spacer" + divCount + "'></div>");
                                        $("#Control" + divCount).after("<HR id='HRSpacer" + divCount + "'/>");
                                        $("#Control" + divCount).after("<div id='Spacer2" + divCount + "'></div>");
                                        CollapseDiv(divCount);
                                        $("#DivCollapser" + divCount).click(function () { CollapseDiv("#Collapser" + divCount); });
                                        divCount++;
                                        Keyword = "";
                                    }

                                    );
        }
          );

function CollapseDiv(DivID) {
    if ($("#Collapser" + DivID).is(":hidden")) {
        $("#Collapser" + DivID).show("medium");
        $("#topColTop" + DivID).css("display", "inline");
        $("#ColTop" + DivID + "keyword").css("display", "none");
        $("#Control" + DivID).css("display", "block");
        $("#Spacer" + DivID).css("width", "20px");
        $("#HRSpacer" + DivID).css("display", "block");
        $("#Spacer2" + DivID).css("margin-top", "5px");
        $("#Spacer2" + DivID).css("margin-bottom", "10px");
    }
    else {
        $("#Collapser" + DivID).slideUp();
        $("#Spacer" + DivID).css("width", "", "0px");
        if ($("#ColTop" + DivID + "keyword").text() != "3A928C7010D5441099FB354EF79D6BFA") {
            $("#Control" + DivID).css("display", "none");
            $("#Spacer2" + DivID).css("margin-top", "0px");
            $("#Spacer2" + DivID).css("margin-bottom", "0px");
            $("#HRSpacer" + DivID).css("display", "none");
            $("#ColTop" + DivID + "keyword").css("display", "block");
        }
        else {
            $("#SpanCollapser" + DivID).text("Expand");
            $("#Spacer2" + DivID).css("margin-top", "0px");
            $("#Spacer2" + DivID).css("margin-bottom", "0px");
            $("#HRSpacer" + DivID).css("display", "none");
            $("#topColTop" + DivID).css("display", "none");


        }


    }

}