<!-- the full contents of this file are included in the head block of your page -->
<!-- note to work we must start with the js/ directory, then the name of the folder -->

<link media="screen" href="js/jquery.multiselect2side/css/jquery.multiselect2side.css" type="text/css" rel="stylesheet">
<link media="screen" href="js/jquery.multiselect2side/css/bootstrap.min.css" type="text/css" rel="stylesheet">

<script type="text/javascript" src="js/jquery.multiselect2side/js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.multiselect2side/js/jquery.multiselect2side.js" ></script>

<!--

Requires:

$(document).ready(function($) {
  $('#multiselect').multiselect();
});

As well as wrapper code for our select items:


    <div class="row-fluid">
    <div class="span5">
    <select name="from" id="multiselect" class="span12" size="8" multiple="multiple">
    <option value="1">Item 1</option>
    <option value="2">Item 5</option>
    <option value="2">Item 2</option>
    <option value="2">Item 4</option>
    <option value="3">Item 3</option>
    </select>
    </div>
    <div class="span2">
    <button type="button" id="multiselect_rightAll" class="btn btn-block"><i class="icon-forward"></i></button>
    <button type="button" id="multiselect_rightSelected" class="btn btn-block"><i class="icon-chevron-right"></i></button>
    <button type="button" id="multiselect_leftSelected" class="btn btn-block"><i class="icon-chevron-left"></i></button>
    <button type="button" id="multiselect_leftAll" class="btn btn-block"><i class="icon-backward"></i></button>
    </div>
    <div class="span5">
    <select name="to" id="multiselect_to" class="span12" size="8" multiple="multiple"></select>
    </div>
    </div>
    
-->