[leg_group_html]
<div class="cssClickable cssExpander cssGroup" id="[leg_group_name]" onclick="this.expander.toggle()">
<script langauge="JavaScript" type="text/javascript">
oGroup = new cExpander( CWCDHTML_GetLayer( '[leg_group_name]', true ));
goExpanderManager.add( oGroup );
</script>
[leg_group_name]
</div>
[/leg_group_html]
[leg_layer_html order=ascending opt_flag=15]
<div class="cssClickable cssExpander cssLayer" id="[leg_layer_name]" style="display:none" onclick="this.expander.toggle()">
<script langauge="JavaScript" type="text/javascript">
oLayer = new cExpander( CWCDHTML_GetLayer( '[leg_layer_name]', true ));
oGroup.addElement( oLayer );
</script>
<input type="checkbox" name="legendlayername[]" 
value="[leg_layer_name]"
    [if name=layer_status oper=eq value=1]CHECKED[/if]
    [if name=layer_status oper=eq value=2]CHECKED[/if]>[leg_layer_name]
</div>
[/leg_layer_html]
[leg_class_html]
<div class="cssExpander cssClass" id="[leg_class_name]" style='display:none'>
<script langauge="JavaScript" type="text/javascript">
oClass = new cExpander( CWCDHTML_GetLayer( '[leg_class_name]', true ));
oLayer.addElement( oClass );
</script>
<img src="[leg_icon width=20 height=18]" width="20" height="20">[leg_class_name]<br>
</div>
[/leg_class_html]