<!-- Templates for faders -->

<!-- Vertical Fader -->
<script type="text/template" id="template-fader-v">
    <div class="fader vertical" control="fader" fader-id="{{ faderId }}" orientation="vertical" style="height:{{height}}px;">
        <div class="handle" style="bottom:0%;" control="fader-handle">
            <%= image_tag "content/slider_gain_vertical.png", {:width => 28, :height => 11} %>
        </div>
    </div>
</script>

<!-- Horizontal Fader -->
<script type="text/template" id="template-fader-h">
    <div class="fader horizontal" control="fader" fader-id="{{ faderId }}" orientation="horizontal" style="width:{{width}}px;">
        <div class="handle" style="left:0%;" control="fader-handle">
            <%= image_tag "content/slider_volume.png", {:height => 17, :width => 8} %>
        </div>
    </div>
</script>
