Accordion Default Panel Based on Date

Question

I created an accordion panel with a Spry dataset consisting of elements relating to an event schedule. By default, I have all content panels closed, but I would like to set the default content panel based on an event's date.
So, if the first event is on September 7, I would like the content panel open for the September 7 event (through the end of that day). On September 8th, I would like the next event's content panel open through that date and so on.
It looks like I'll need to set a javascript date conditional, then loop through the dataset with "addObserver" and have it set the default panel through scripting in the widget javascript.
Anyone have specific insight on how to accomplish this?
Much Thanks,
Colin
Here's my basic code:
                                <div style="width:622px" id="Acc1" class="Accordion" tabindex="0">
                                    <div spry:repeat="ds1" class="AccordionPanel">
                                    <div class="AccordionPanelTab" >
                                        <div class="rowsched" spry:even="schedeven" spry:odd="schedodd" spry:hover="schedhover">
                                        <ul style="display:inline;padding-left:4px">
                                            <li class="rositem" style="left:13px"><span spry:content="{Date}"></span></li>
                                            <li class="rositem" style="left:155px"><span spry:content="{Opponent}"></span></div> </li>
                                            <li class="rositem" style="left:310px"><span spry:content="{Location}"></span></li>
                                            <li class="rositem" style="left:455px"><span spry:content="{TV}"></span></li>
                                            <li class="rositem" style="left:555px"><span spry:content="{Time}{result}"></span></li>
                                          </ul>
                                    </div>
                                    </div>
                                    <div class="AccordionPanelContent">
                                        <div style="color:#000000"><img src="{icon}" alt="{Opponent}" width="100" height="67" /> Other content goes here</div>
                                  </div>
                                  </div>
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1", { useFixedPanelHeights: false, defaultPanel: -1 });
</script>

Answer 1

You should be able to retrieve the value of other valueset using :$FLEX$.<valuesetname> I'm not sure about the exact syntax, it's been a while since i worked with applications.