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");


        }


    }

}