Basic Usage :
<ul class="gnavi">
<li {% if page.pageid == 'Overview' %} class="active" {% endif %}><a href="./index.html">Overview</a></li>
<li {% if page.pageid == 'Install' %} class="active" {% endif %}><a href="./install.html">Install</a></li>
<li {% if page.pageid == 'HowItWorks' %} class="active" {% endif %}><a href="./howitworks.html">How it works</a></li>
<li {% if page.pageid == 'DetailSpecs' %} class="active" {% endif %}><a href="./detailspecs.html">Detail&amp;Specs</a></li>
<li {% if page.pageid == 'WebAudioControlsOptions' %} class="active" {% endif %}><a href="./webaudiocontrolsoptions.html">WebAudioControlsOptions</a></li>
<li {% if page.pageid == 'CreatingKnobImages' %} class="active" {% endif %}><a href="./creatingknobimages.html">Creating Knob Images</a></li>
<li {% if page.pageid == 'DefaultStyles' %} class="active" {% endif %}><a href="./defaultstyles.html">Default Styles</a></li>
<li {% if page.pageid == 'AttributesExamples' %} class="active" {% endif %}><a href="./attributesexamples.html">Attributes Examples</a></li>
</ul>
Advanced Usage and Application Notes :
<ul class="gnavi">
<li {% if page.pageid == 'KnobGallery' %} class="active" {% endif %}><a href="./knobgallery.html">Knob Samples from KnobGallery</a></li>
<li {% if page.pageid == 'WorkingKeyboard' %} class="active" {% endif %}><a href="./workingkeyboard.html">Working Keyboard Demo</a></li>
<li {% if page.pageid == 'DeterminingKnobSize' %} class="active" {% endif %}><a href="./determiningknobsize.html">Determining Knob Size</a></li>
<li {% if page.pageid == 'Tracking' %} class="active" {% endif %}><a href="./tracking.html">Slider tracking "rel" and "abs"</a></li>
<li {% if page.pageid == 'NonLinear' %} class="active" {% endif %}><a href="./nonlinear.html">Non-Linear Knobs / Sliders</a></li>
<li {% if page.pageid == 'MultiTouch' %} class="active" {% endif %}><a href="./multitouch.html">Multi-Touch Device Support</a></li>
<li {% if page.pageid == 'MidiSupport' %} class="active" {% endif %}><a href="./midisupport.html">MIDI Support</a></li>
<li {% if page.pageid == 'Resizing' %} class="active" {% endif %}><a href="./resizetest.html">Resizing After Creation</a></li>
</ul>