{html_style}
			.option{ldelim}width:48%; display:inline-block}
{/html_style}

{combine_script id='slider' load='footer' require='jquery' path='themes/default/js/ui/minified/jquery.ui.slider.min.js'}
{combine_script id='button' load='footer' require='jquery' path='themes/default/js/ui/minified/jquery.ui.button.min.js'}
{combine_css path="themes/Slim/admin/jquery.ui.button.custom.css" order=-10}
{combine_css path="themes/default/js/ui/theme/jquery.ui.slider.css" order=-10}

{footer_script}{literal}
	(function($) {
		$(document).ready(function(){
			$('#opt').buttonset();
			$('#col_opt').buttonset();
			});
			
			$(function() {
			$('#slider-range-max').slider({
				range: "max",
				min: 1,
				max: 20,
				value: {/literal}{$selected_carousel_speed}{literal},
				slide: function( event, ui ) {
					$('#carspeed').val( ui.value );
				}
			});
			$('#carspeed').val( $('#slider-range-max').slider('value'));
		});
	})(jQuery);
{/literal}{/footer_script}
	
	
	
<div class="titrePage">
<h2>Slim</h2>
</div>

<form action="" method="post">



<fieldset>
<legend>{'Slim'|@translate}</legend>
<div class="opt">
<div id="opt" class="option">
	<div><u>Style</u></div>
	<br>
	<input type="radio" id="radio1" name="style_slim" value="1" {if $selected_style_slim=='1'}checked="checked"{/if}><label for="radio1">Slim</label>
	<input type="radio" id="radio2" name="style_slim" value="2" {if $selected_style_slim=='2'}checked="checked"{/if}><label for="radio2">Slim_L</label>
	<input type="radio" id="radio3" name="style_slim" value="3" {if $selected_style_slim=='3'}checked="checked"{/if}><label for="radio3">Slim_XL</label>
</div>

<div id="col_opt" class="option">
	<div><u>Color</u></div>
	<br>
	<input type="radio" id="radio4" name="color_theme" value="1" {if $selected_color_theme=='1'}checked="checked"{/if}><label for="radio4">White</label>
	<input type="radio" id="radio5" name="color_theme" value="2" {if $selected_color_theme=='2'}checked="checked"{/if}><label for="radio5">Black</label>
	<input type="radio" id="radio6" name="color_theme" value="3" {if $selected_color_theme=='3'}checked="checked"{/if}><label for="radio6">Grey</label>
</div>

<div id="car_speed" class="option" style="margin-top:20px">
		<div><u>Carousel</u></div>
	<p>
	<label for="carspeed">Carousel speed</label>
	<input type="text" id="carspeed" style="border:0; color:#f6931f; font-weight:bold;" name="carousel_speed" value={$selected_carousel_speed}>
	</p>
	<br>	
	<div id="slider-range-max"></div>
		
</div>

</div>
</fieldset>
<p><input type="submit" name="submit" value="{'Submit'|@translate}" {$TAG_INPUT_ENABLED}>
</form>