slider

<macro name="slider" dot_parameter="contents" requires="html">

    <n.put_in_head.>

        <script src="/util/nabblegallery-1.2.js"></script>

    </n.put_in_head.>

    <n.slider_counter.increment/>

    <div id="slider[n.slider_id/]" style="width:100%">

        <table id="gallery-view[n.slider_id/]">

            <tr>

                <td style="width:20px">

                    <img id="prev[n.slider_id/]" src="/images/left.png" style="cursor:pointer;display:none"/>

                </td>

                <td>

                    <div id="gallery[n.slider_id/]" style="width:500px;overflow-x:hidden;position:relative">

                        <table id="images[n.slider_id/]" style="border-collapse:collapse;margin-top:.7em;">

                            <tr style="vertical-align:top">

                                <n.contents/>

                            </tr>

                        </table>

                    </div>

                </td>

                <td style="width:20px">

                    <img id="next[n.slider_id/]" src="/images/right.png" style="cursor:pointer"/>

                </td>

            </tr>

        </table>

    </div>

    <script type="text/javascript">

        function update<n.slider_id/>() {

            fixGalleryWidth(<n.slider_id/>);

        };

        galleryReady(<n.slider_id/>);

        $(window).load(update<n.slider_id/>).resize(update<n.slider_id/>);

    </script>

</macro>