<?php
// $Id$

/**
 * @file
 * Default theme implementation to display the slider-atleast form element
 *
 * Available variables:
 * - $element: The element array containing #id, #name,...
 */

?>
<div>
  <strong><?php echo $element["#title"];?>:</strong>
</div>
<div id="<?php echo $element["#id"]; ?>" class="slider-widget-container">
  <div style="float:left">
    <div id='<?php echo $element["#id"]; ?>_slider' class='ui-slider-1'></div>
  </div>
  <span style="margin-left: 15px;"><span id='<?php echo $element["#id"]; ?>_nr_0'><?php echo $element["#default"][0]; ?>%</span></span>
</div>
<div style="clear:both;"></div>
<script type="text/javascript">
<!--
jQuery('#<?php echo $element["#id"];?>_slider').slider({
    slide: Sliders.changeHandle,
    step: 100/<?php echo $element["#steps"]; ?>,
    value: <?php echo $element["#default"][0]; ?>
  });
//-->
</script>
<div class="description" style="margin-bottom:10px;"><?php echo $element["#description"];?></div>
<input type="hidden" name='<?php echo $element["#name"]; ?>' id='<?php echo $element["#id"];?>_value_0' value='<?php echo $element["#default"][0]; ?>' />