Index: extensions/Slimi/admin/admin.inc.php
===================================================================
--- extensions/Slimi/admin/admin.inc.php	(revision 28223)
+++ extensions/Slimi/admin/admin.inc.php	(revision 28586)
@@ -9,5 +9,5 @@
 						'bd_slimi'			=> '#4F4F4F',
 						'title_slimi'		=> '#4F4F4F',
-
+						'carousel_speed'	=> '3'
 					);
   
@@ -27,4 +27,5 @@
 					'bd_slimi'			=> $_POST['bd_slimi'],
 					'title_slimi'		=> $_POST['title_slimi'],
+					'carousel_speed'	=> $_POST['carousel_speed'],
 
 					);
@@ -46,4 +47,5 @@
 						'selected_bd_slimi'			=> $params['bd_slimi'],
 						'selected_title_slimi'		=> $params['title_slimi'],
+						'selected_carousel_speed'	=> $params['carousel_speed'],
 						));
 
Index: extensions/Slimi/admin/admin.tpl
===================================================================
--- extensions/Slimi/admin/admin.tpl	(revision 28223)
+++ extensions/Slimi/admin/admin.tpl	(revision 28586)
@@ -1,24 +1,43 @@
-{html_head}
-	<script type="text/javascript" src="themes/Slimi/admin/js/farbtastic.js" ></script>
-	<script type="text/javascript" src="themes/default/js/ui/minified/jquery.ui.slider.min.js"></script>
-	<script src="themes/Slimi/admin/js/jquery.screwdefaultbuttonsV2.min.js" type="text/javascript"></script>
+{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_script id='farbtastic' load='footer' require='jquery' path='themes/Slimi/admin/js/farbtastic.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}
+{combine_css path="themes/Slimi/admin/theme.css" order=-10}
 
-    <link rel="stylesheet" href="themes/Slimi/admin/theme.css" />
-		<script type="text/javascript">
-	{literal}
-		$(function(){
-		
-			$('input:radio').screwDefaultButtons({
-				image: 'url("themes/Slimi/admin/images/radioSmall_Blue.png")',
-				width: 35,
-				height: 35
+	
+{footer_script}{literal}
+	(function($) {
+		$(document).ready(function() {
+			$('#option').buttonset();
+			
+			var f = $.farbtastic('#picker');
+			var p = $('#picker').css('opacity', 1);
+			var selected;
+			$('.colorwell')
+			.each(function () { f.linkTo(this); $(this).css('opacity', 1); })
+			.focus(function() {
+				if (selected) {
+				$(selected).css('opacity', 1).removeClass('colorwell-selected');
+				}
+				f.linkTo(this);
+				p.css('opacity', 1);
+				$(selected = this).css('opacity', 1).addClass('colorwell-selected');
 			});
-			
+			$(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'));
+			});
 		});
-	{/literal}
-	</script>
-
-{/html_head}
-	
+	})(jQuery);
+{/literal}{/footer_script}
 	
 	
@@ -30,13 +49,13 @@
 <fieldset>
 <legend>{'Open picture'|@translate}</legend>
+<div class="opt">
 <div id="option">
-		<tr><td align="right">Lightbox</td><td class="check"><input type="radio" name="lytebox_slimi" value="1" {if $selected_lytebox_slimi=='1'}checked="checked"{/if} ></td></tr>
-			
-		<tr><td align="right">{'Picture page'|@translate}</td><td class="check"><input type="radio" name="lytebox_slimi" value="2" {if $selected_lytebox_slimi=='2'}checked="checked"{/if} ></td></tr>
-
+		
+ <input type="radio" id="radio1" name="lytebox_slimi" value="1" {if $selected_lytebox_slimi=='1'}checked="checked"{/if}><label for="radio1">Lightbox</label>
+ <input type="radio" id="radio2" name="lytebox_slimi" value="2" {if $selected_lytebox_slimi=='2'}checked="checked"{/if}><label for="radio2">{'Picture page'|@translate}</label>
 </div>
+</div>
+<br>
 </fieldset>
-
-
 
 
@@ -49,28 +68,20 @@
 	  <p><input type="submit" name="default" value="{'Default'|@translate}" ></p>
 	  </div>
+	  <div id="picker"></div>
+</fieldset>  
 
-	  <div id="picker"></div>
-	  
-	 
+<fieldset>
+	<legend>{'Carousel'|@translate}</legend>
+<div id="car_speed" class="option" style="margin-top:20px">
+	<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>
+</fieldset>	
 
-</fieldset>  
-{footer_script}{literal}
-  $(document).ready(function() {
-    var f = $.farbtastic('#picker');
-    var p = $('#picker').css('opacity', 1);
-    var selected;
-    $('.colorwell')
-      .each(function () { f.linkTo(this); $(this).css('opacity', 1); })
-      .focus(function() {
-        if (selected) {
-          $(selected).css('opacity', 1).removeClass('colorwell-selected');
-        }
-        f.linkTo(this);
-        p.css('opacity', 1);
-        $(selected = this).css('opacity', 1).addClass('colorwell-selected');
-      });
-  });
-  
-{/literal}{/footer_script}
 <p><input type="submit" name="submit" value="{'Submit'|@translate}" >
 </form>
Index: extensions/Slimi/admin/jquery-ui-1.10.4.custom.css
===================================================================
--- extensions/Slimi/admin/jquery-ui-1.10.4.custom.css	(revision 28586)
+++ extensions/Slimi/admin/jquery-ui-1.10.4.custom.css	(revision 28586)
@@ -0,0 +1,589 @@
+/*! jQuery UI - v1.10.4 - 2014-03-30
+* http://jqueryui.com
+* Includes: jquery.ui.core.css, jquery.ui.button.css, jquery.ui.theme.css
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0px&bgColorHeader=%23cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=%23aaaaaa&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden {
+	display: none;
+}
+.ui-helper-hidden-accessible {
+	border: 0;
+	clip: rect(0 0 0 0);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+}
+.ui-helper-reset {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	line-height: 1.3;
+	text-decoration: none;
+	font-size: 100%;
+	list-style: none;
+}
+.ui-helper-clearfix:before,
+.ui-helper-clearfix:after {
+	content: "";
+	display: table;
+	border-collapse: collapse;
+}
+.ui-helper-clearfix:after {
+	clear: both;
+}
+.ui-helper-clearfix {
+	min-height: 0; /* support: IE7 */
+}
+.ui-helper-zfix {
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	position: absolute;
+	opacity: 0;
+	filter:Alpha(Opacity=0);
+}
+
+.ui-front {
+	z-index: 100;
+}
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled {
+	cursor: default !important;
+}
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon {
+	display: block;
+	text-indent: -99999px;
+	overflow: hidden;
+	background-repeat: no-repeat;
+}
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+.ui-button {
+	display: inline-block;
+	position: relative;
+	padding: 0;
+	line-height: normal;
+	margin-right: .1em;
+	cursor: pointer;
+	vertical-align: middle;
+	text-align: center;
+	overflow: visible; /* removes extra width in IE */
+}
+.ui-button,
+.ui-button:link,
+.ui-button:visited,
+.ui-button:hover,
+.ui-button:active {
+	text-decoration: none;
+}
+/* to make room for the icon, a width needs to be set here */
+.ui-button-icon-only {
+	width: 2.2em;
+}
+/* button elements seem to need a little more width */
+button.ui-button-icon-only {
+	width: 2.4em;
+}
+.ui-button-icons-only {
+	width: 3.4em;
+}
+button.ui-button-icons-only {
+	width: 3.7em;
+}
+
+/* button text element */
+.ui-button .ui-button-text {
+	display: block;
+	line-height: normal;
+}
+.ui-button-text-only .ui-button-text {
+	padding: .4em 1em;
+}
+.ui-button-icon-only .ui-button-text,
+.ui-button-icons-only .ui-button-text {
+	padding: .4em;
+	text-indent: -9999999px;
+}
+.ui-button-text-icon-primary .ui-button-text,
+.ui-button-text-icons .ui-button-text {
+	padding: .4em 1em .4em 2.1em;
+}
+.ui-button-text-icon-secondary .ui-button-text,
+.ui-button-text-icons .ui-button-text {
+	padding: .4em 2.1em .4em 1em;
+}
+.ui-button-text-icons .ui-button-text {
+	padding-left: 2.1em;
+	padding-right: 2.1em;
+}
+/* no icon support for input elements, provide padding by default */
+input.ui-button {
+	padding: .4em 1em;
+}
+
+/* button icon element(s) */
+.ui-button-icon-only .ui-icon,
+.ui-button-text-icon-primary .ui-icon,
+.ui-button-text-icon-secondary .ui-icon,
+.ui-button-text-icons .ui-icon,
+.ui-button-icons-only .ui-icon {
+	position: absolute;
+	top: 50%;
+	margin-top: -8px;
+}
+.ui-button-icon-only .ui-icon {
+	left: 50%;
+	margin-left: -8px;
+}
+.ui-button-text-icon-primary .ui-button-icon-primary,
+.ui-button-text-icons .ui-button-icon-primary,
+.ui-button-icons-only .ui-button-icon-primary {
+	left: .5em;
+}
+.ui-button-text-icon-secondary .ui-button-icon-secondary,
+.ui-button-text-icons .ui-button-icon-secondary,
+.ui-button-icons-only .ui-button-icon-secondary {
+	right: .5em;
+}
+
+/* button sets */
+.ui-buttonset {
+	margin-right: 7px;
+}
+.ui-buttonset .ui-button {
+	margin-left: 0;
+	margin-right: -.3em;
+}
+
+/* workarounds */
+/* reset extra padding in Firefox, see h5bp.com/l */
+input.ui-button::-moz-focus-inner,
+button.ui-button::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+/* Component containers
+----------------------------------*/
+.ui-widget {
+	font-family: Verdana,Arial,sans-serif;
+	font-size: 1.1em;
+}
+.ui-widget .ui-widget {
+	font-size: 1em;
+}
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+	font-family: Verdana,Arial,sans-serif;
+	font-size: 1em;
+}
+.ui-widget-content {
+	border: 1px solid #aaaaaa;
+	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
+	color: #222222;
+}
+.ui-widget-content a {
+	color: #222222;
+}
+.ui-widget-header {
+	border: 1px solid #aaaaaa;
+	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
+	color: #222222;
+	font-weight: bold;
+}
+.ui-widget-header a {
+	color: #222222;
+}
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+	border: 1px solid #d3d3d3;
+	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
+	font-weight: normal;
+	color: #555555;
+}
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+	color: #555555;
+	text-decoration: none;
+}
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
+	border: 1px solid #999999;
+	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
+	font-weight: normal;
+	color: #212121;
+}
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-hover a:link,
+.ui-state-hover a:visited,
+.ui-state-focus a,
+.ui-state-focus a:hover,
+.ui-state-focus a:link,
+.ui-state-focus a:visited {
+	color: #212121;
+	text-decoration: none;
+}
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
+	border: 1px solid #aaaaaa;
+	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
+	font-weight: normal;
+	color: #212121;
+}
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+	color: #212121;
+	text-decoration: none;
+}
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight {
+	border: 1px solid #fcefa1;
+	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
+	color: #363636;
+}
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+	color: #363636;
+}
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+	border: 1px solid #cd0a0a;
+	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
+	color: #cd0a0a;
+}
+.ui-state-error a,
+.ui-widget-content .ui-state-error a,
+.ui-widget-header .ui-state-error a {
+	color: #cd0a0a;
+}
+.ui-state-error-text,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error-text {
+	color: #cd0a0a;
+}
+.ui-priority-primary,
+.ui-widget-content .ui-priority-primary,
+.ui-widget-header .ui-priority-primary {
+	font-weight: bold;
+}
+.ui-priority-secondary,
+.ui-widget-content .ui-priority-secondary,
+.ui-widget-header .ui-priority-secondary {
+	opacity: .7;
+	filter:Alpha(Opacity=70);
+	font-weight: normal;
+}
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+	opacity: .35;
+	filter:Alpha(Opacity=35);
+	background-image: none;
+}
+.ui-state-disabled .ui-icon {
+	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
+}
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon {
+	width: 16px;
+	height: 16px;
+}
+.ui-icon,
+.ui-widget-content .ui-icon {
+	background-image: url(images/ui-icons_222222_256x240.png);
+}
+.ui-widget-header .ui-icon {
+	background-image: url(images/ui-icons_222222_256x240.png);
+}
+.ui-state-default .ui-icon {
+	background-image: url(images/ui-icons_888888_256x240.png);
+}
+.ui-state-hover .ui-icon,
+.ui-state-focus .ui-icon {
+	background-image: url(images/ui-icons_454545_256x240.png);
+}
+.ui-state-active .ui-icon {
+	background-image: url(images/ui-icons_454545_256x240.png);
+}
+.ui-state-highlight .ui-icon {
+	background-image: url(images/ui-icons_2e83ff_256x240.png);
+}
+.ui-state-error .ui-icon,
+.ui-state-error-text .ui-icon {
+	background-image: url(images/ui-icons_cd0a0a_256x240.png);
+}
+
+/* positioning */
+.ui-icon-blank { background-position: 16px 16px; }
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-on { background-position: -96px -144px; }
+.ui-icon-radio-off { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-left,
+.ui-corner-tl {
+	border-top-left-radius: 0px;
+}
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-right,
+.ui-corner-tr {
+	border-top-right-radius: 0px;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-left,
+.ui-corner-bl {
+	border-bottom-left-radius: 0px;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-right,
+.ui-corner-br {
+	border-bottom-right-radius: 0px;
+}
+
+/* Overlays */
+.ui-widget-overlay {
+	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
+	opacity: .3;
+	filter: Alpha(Opacity=30);
+}
+.ui-widget-shadow {
+	margin: -8px 0 0 -8px;
+	padding: 8px;
+	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
+	opacity: .3;
+	filter: Alpha(Opacity=30);
+	border-radius: 8px;
+}
Index: extensions/Slimi/admin/maintain.inc.php
===================================================================
--- extensions/Slimi/admin/maintain.inc.php	(revision 28223)
+++ extensions/Slimi/admin/maintain.inc.php	(revision 28586)
@@ -12,4 +12,5 @@
 						'bd_slimi'			=> '#4F4F4F',
 						'title_slimi'		=> '#4F4F4F',
+						'carousel_speed'	=> '3'
 						);
 		  
Index: extensions/Slimi/admin/theme.css
===================================================================
--- extensions/Slimi/admin/theme.css	(revision 28223)
+++ extensions/Slimi/admin/theme.css	(revision 28586)
@@ -1,13 +1,2 @@
-.ui-slider{color:#383838;border-radius:8px 8px 8px 8px;position:relative;text-align:left;width:450px;background:none;border:none}
-.ui-slider .ui-slider-handle{border: 1px solid #D7DEF0;background:url("images/bouton_slide.png") repeat-x scroll 50% 50% transparent;font-weight:bold;color:#4C3000;position:absolute;z-index:2;cursor:default;height:28px;width:446px}
-.ui-slider .ui-slider-range{position:absolute;z-index:1;background:none}
-.ui-slider-horizontal{height:30px}
-.ui-slider-horizontal .ui-slider-handle{border-radius:8px}
-.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
-.ui-slider-horizontal .ui-slider-range-min{left:0}
-.ui-slider-horizontal .ui-slider-range-max{right:0}
-.switcher input{display:none}
-.switcher {border:2px inset #EFEFEF;border-radius:8px;background:#EDEDED;height:30px;width:900px;color:#000;position:relative;margin-bottom:40px}
-.opt{float:left;border-right:1px solid #FFF;width:449px;height:30px;text-align:center;font-size:20px}
 INPUT[type="text"]{border:2px inset #EFEFEF;border-radius:8px;background:#EDEDED;height:30px;width:100px;color:#000;margin-bottom:10px}
 INPUT[type="text"]:active{border:2px inset #8f8f8f}
Index: extensions/Slimi/local_head.tpl
===================================================================
--- extensions/Slimi/local_head.tpl	(revision 28223)
+++ extensions/Slimi/local_head.tpl	(revision 28586)
@@ -1,8 +1,3 @@
-{combine_script id='menu' load='header' require='jquery' path='themes/Slim/js/menu.js'}
-{combine_script id='hoverIntent' load='header' require='jquery' path='themes/Slim/js/jquery.hoverIntent.js'}
-{combine_script id='columnizer' load='header' require='jquery' path='themes/Slim/js/jquery.columnizer.js'}
-
-{if (($Slimi.lytebox_slimi)==1)}
-{combine_script id='lytebox' load='header' require='jquery' path='themes/Slim/js/lytebox.js'}
-{/if}
-
+{combine_script id='menu' load='header' require='jquery' path='themes/slim/js/menu.js'}
+{combine_script id='hoverIntent' load='header' require='jquery' path='themes/slim/js/jquery.hoverIntent.js'}
+{combine_script id='columnizer' load='header' require='jquery' path='themes/slim/js/jquery.columnizer.js'}
Index: extensions/Slimi/slimi.php
===================================================================
--- extensions/Slimi/slimi.php	(revision 28223)
+++ extensions/Slimi/slimi.php	(revision 28586)
@@ -3,5 +3,5 @@
 
 global $conf, $template;
-  $params = array_merge(unserialize($conf['Slimi']));
+    $params = array_merge(unserialize($conf['Slimi']));
 	$template->assign('Slimi', $params);
 
@@ -13,4 +13,4 @@
 #theHeader p, #theHeader h1{color:'.$params['title_slimi'].'}
 </style>
-');
+  ');
 ?>
Index: extensions/Slimi/template/header.tpl
===================================================================
--- extensions/Slimi/template/header.tpl	(revision 28586)
+++ extensions/Slimi/template/header.tpl	(revision 28586)
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="{$lang_info.code}" dir="{$lang_info.direction}">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset={$CONTENT_ENCODING}">
+<meta name="generator" content="Piwigo (aka PWG), see piwigo.org">
+{if isset($meta_ref) } 
+{if isset($INFO_AUTHOR)}
+<meta name="author" content="{$INFO_AUTHOR|@strip_tags:false|@replace:'"':' '}">
+{/if}
+{if isset($related_tags)}
+<meta name="keywords" content="{foreach from=$related_tags item=tag name=tag_loop}{if !$smarty.foreach.tag_loop.first}, {/if}{$tag.name}{/foreach}">
+{/if}
+{if isset($COMMENT_IMG)}
+<meta name="description" content="{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}{if isset($INFO_FILE)} - {$INFO_FILE}{/if}">
+{else}
+<meta name="description" content="{$PAGE_TITLE}{if isset($INFO_FILE)} - {$INFO_FILE}{/if}">
+{/if}
+{/if}
+
+{if (isset($REVERSE) and $REVERSE and $PAGE_TITLE == l10n('Home'))}
+<title>{$GALLERY_TITLE} | {$PAGE_TITLE}</title>{else}
+<title>{$PAGE_TITLE} | {$GALLERY_TITLE}</title>{/if}
+<link rel="shortcut icon" type="image/x-icon" href="{$ROOT_URL}{$themeconf.icon_dir}/favicon.ico">
+
+<link rel="start" title="{'Home'|@translate}" href="{$U_HOME}" >
+<link rel="search" title="{'Search'|@translate}" href="{$ROOT_URL}search.php" >
+{if isset($first.U_IMG)   }<link rel="first" title="{'First'|@translate}" href="{$first.U_IMG}" >{/if}
+{if isset($previous.U_IMG)}<link rel="prev" title="{'Previous'|@translate}" href="{$previous.U_IMG}" >{/if}
+{if isset($next.U_IMG)    }<link rel="next" title="{'Next'|@translate}" href="{$next.U_IMG}" >{/if}
+{if isset($last.U_IMG)    }<link rel="last" title="{'Last'|@translate}" href="{$last.U_IMG}" >{/if}
+{if isset($U_UP)          }<link rel="up" title="{'Thumbnails'|@translate}" href="{$U_UP}" >{/if}
+
+{get_combined_css}
+{foreach from=$themes item=theme}
+{if $theme.load_css}
+{combine_css path="themes/`$theme.id`/theme.css" order=-10}
+{/if}
+{if !empty($theme.local_head)}{include file=$theme.local_head load_css=$theme.load_css}{/if}
+{/foreach}
+
+
+{if isset($U_PREFETCH)          }<link rel="prefetch" href="{$U_PREFETCH}">{/if}
+
+{if not empty($page_refresh)    }<meta http-equiv="refresh" content="{$page_refresh.TIME};url={$page_refresh.U_REFRESH}">{/if}
+
+
+<!--[if lt IE 7]>
+<script type="text/javascript" src="{$ROOT_URL}themes/default/js/pngfix.js"></script>
+<![endif]-->
+
+{if not empty($head_elements)}
+	{foreach from=$head_elements item=elt}{$elt}
+	{/foreach}
+{/if}
+
+{get_combined_scripts load='header'}	
+
+{if (($Slimi.lytebox_slimi)==1)}
+{combine_script id='fancybox' load='header' require='jquery' path='themes/Slim/js/jquery.fancybox.js'}
+{/if}
+
+</head>
+
+
+<body id="{$BODY_ID}">
+
+
+
+
+
+
+{if not empty($header_msgs)}
+<div class="header_msgs">
+	{foreach from=$header_msgs item=elt}
+	{$elt}<br>
+	{/foreach}
+</div>
+{/if}
+
+{if $BODY_ID != 'thePicturePage'}
+<div id="theHeader">{$PAGE_BANNER}</div>
+{/if}
+{if isset($theSwiftHeader)}{$theSwiftHeader}{/if}
+{if not empty($header_notes)}
+<div class="header_notes">
+	{foreach from=$header_notes item=elt}
+	<p>{$elt}</p>
+  	{/foreach}
+</div>
+{/if}
Index: extensions/Slimi/template/index.tpl
===================================================================
--- extensions/Slimi/template/index.tpl	(revision 28223)
+++ extensions/Slimi/template/index.tpl	(revision 28586)
@@ -142,85 +142,13 @@
 {/if}
 
+{if !empty($CONTENT)}{$CONTENT}{/if}
 
 
 {if !empty($THUMBNAILS)}
 {$THUMBNAILS}
-{footer_script}{literal}
-        $('.jcarousel')
-            .jcarousel({
-                 wrap: 'circular'
-            })		
-			.jcarouselAutoscroll({
-			autostart: false
-			});	
-			
-        $('.jcarousel-control-prev')
-            .on('jcarouselcontrol:active', function() {
-                $(this).removeClass('inactive');
-            })
-            .on('jcarouselcontrol:inactive', function() {
-                $(this).addClass('inactive');
-            })
-            .jcarouselControl({
-                target: '-=1'
-            });
-
-        $('.jcarousel-control-next')
-            .on('jcarouselcontrol:active', function() {
-                $(this).removeClass('inactive');
-            })
-            .on('jcarouselcontrol:inactive', function() {
-                $(this).addClass('inactive');
-            })
-            .jcarouselControl({
-                target: '+=1'
-            });
-{/literal}{/footer_script}
 {/if}
 
 {if empty($THUMBNAILS)}
 {if !empty($CATEGORIES)}{$CATEGORIES}
-		{footer_script}{literal}
-        $('.jcarousel')
-            .jcarousel({
-                 wrap: 'circular'
-            })		
-			.jcarouselAutoscroll({
-			interval: 3000,
-			target: '+=1',
-			autostart: true
-			});	
-			
-        $('.jcarousel-control-prev')
-            .on('jcarouselcontrol:active', function() {
-                $(this).removeClass('inactive');
-            })
-            .on('jcarouselcontrol:inactive', function() {
-                $(this).addClass('inactive');
-            })
-            .jcarouselControl({
-                target: '-=1'
-            });
-
-        $('.jcarousel-control-next')
-            .on('jcarouselcontrol:active', function() {
-                $(this).removeClass('inactive');
-            })
-            .on('jcarouselcontrol:inactive', function() {
-                $(this).addClass('inactive');
-            })
-            .jcarouselControl({
-                target: '+=1'
-            });
-		
-		$('.jcarousel')
-			.on('mouseenter', function(){
-				$(this).jcarouselAutoscroll('stop')
-			})
-			.on('mouseleave', function(){
-				$(this).jcarouselAutoscroll('start')
-			});
-{/literal}{/footer_script}
-
 {/if}
 {/if}
Index: extensions/Slimi/template/mainpage_categories.tpl
===================================================================
--- extensions/Slimi/template/mainpage_categories.tpl	(revision 28223)
+++ extensions/Slimi/template/mainpage_categories.tpl	(revision 28586)
@@ -1,12 +1,44 @@
-{define_derivative name='carousel' width='300' height='300' min_width='300'}
-<div id="carousel">
-<div id="wrap">
-	<div class="jcarousel">
-	  <ul>
-		{foreach from=$category_thumbnails item=cat}
-			<li>
-					<div class="illustration">
-						<a href="{$cat.URL}">
-							<img src="{$pwg->derivative_url($carousel, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" min-width="{$carousel->max_width()}" height="{$carousel->max_height()}"/>
+{define_derivative name='carousel' width='300' height='350' min_width='350'}
+
+{footer_script}{literal}
+(function($) {
+	$(document).ready(function(){
+	
+		var isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0)),
+			start;
+		
+		if (isTouch==true){
+		start="";
+		}else{
+		start="onStart";
+		};
+		
+		$("div.carousel").smoothDivScroll({
+			autoScrollingMode: start,
+			touchScrolling: true,
+			autoScrollingStep: {/literal}{$Slimi.carousel_speed}{literal},
+			manualContinuousScrolling: true,
+			mousewheelScrolling: "allDirections",
+		
+		});	
+				
+		$("div.carousel").bind("mouseover", function() {
+			$(this).smoothDivScroll("stopAutoScrolling");
+		}).bind("mouseout", function() {
+			$(this).smoothDivScroll("startAutoScrolling");
+		});	
+	
+		
+	});
+})(jQuery);
+{/literal}{/footer_script}
+
+
+<div class="carousel">
+			{foreach from=$category_thumbnails item=cat}
+						<div class="illustration">
+							<a href="{$cat.URL}">
+								<img src="{$pwg->derivative_url($carousel, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" min-width="{$carousel->max_width()}" height="{$carousel->max_height()-22}"/>
+							
 							<div class="CatMPdescription">
 								<h3>
@@ -16,21 +48,16 @@
 									{/if}
 								</h3>
-								
+								<div class="Nb_images">
 								{if isset($cat.INFO_DATES) }
 								<p class="dates">{$cat.INFO_DATES}</p>
 								{/if}
-								<p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>
+								<p >{$cat.CAPTION_NB_IMAGES}</p>
 								{if not empty($cat.DESCRIPTION)}
 								<p>{$cat.DESCRIPTION}</p>
 								{/if}
+								</div>
 							</div>
 						</a>
-					</div>
-			</li>
-		{/foreach}
-	</ul>
+						</div>
+			{/foreach}
 </div>
-</div>
-	<a href="#" class="jcarousel-control-prev">&lsaquo;</a>
-    <a href="#" class="jcarousel-control-next">&rsaquo;</a>
-</div>
Index: extensions/Slimi/template/thumbnails.tpl
===================================================================
--- extensions/Slimi/template/thumbnails.tpl	(revision 28223)
+++ extensions/Slimi/template/thumbnails.tpl	(revision 28586)
@@ -1,50 +1,92 @@
-{define_derivative name='carousel' width='300' height='300' min_width='300'}
+{define_derivative name='carousel' width='300' height='350' min_width='350'}
 {php}
     global $page, $template;
     $template->assign('cat_name', $page['category']['name']);
+	
 {/php}
+{footer_script}{literal}
+(function($) {
+	$(document).ready(function(){
+	
+		var isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0)),
+			start;
+		
+		if (isTouch==true){
+		start="";
+		}else{
+		start="onStart";
+		};
+		
+		$("div.carousel").smoothDivScroll({
+			autoScrollingMode: start,
+			touchScrolling: true,
+			autoScrollingStep: {/literal}{$Slimi.carousel_speed}{literal},
+			manualContinuousScrolling: true,
+			mousewheelScrolling: "allDirections",
+		
+		});	
+				
+		$("div.carousel").bind("mouseover", function() {
+			$(this).smoothDivScroll("stopAutoScrolling");
+		}).bind("mouseout", function() {
+			$(this).smoothDivScroll("startAutoScrolling");
+		});	
+	
+		
+	});
+})(jQuery);
+{/literal}{/footer_script}
 
+{if (($Slimi.lytebox_slimi)==1)}
+{footer_script}{literal}
+(function($) {
+	$(document).ready(function(){
+		$('.fancybox').fancybox({
+			helpers : {
+				title : {
+					type : 'over'
+				},
+			},	
+			afterLoad: function() {
+			$("div.carousel").smoothDivScroll("stopAutoScrolling");
+			},
+			afterClose: function() {
+			$("div.carousel").smoothDivScroll("startAutoScrolling");
+			}
+		});		
+		
+	});
+})(jQuery);
+{/literal}{/footer_script}
+{/if}
 
-<div id="carousel">
-<div id="wrap">
-		<div class="jcarousel">
-<ul>
-		{if !empty($category_thumbnails)}
-		
-		{foreach from=$category_thumbnails item=cat}
-
-
-			<li>
-					<div class="illustration">
-						<a href="{$cat.URL}">
-							<img src="{$pwg->derivative_url($carousel, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" min-width="{$carousel->max_width()}" height="{$carousel->max_height()}"/>
-						</a>
-					</div>
-					
-						
+	<div class="carousel">
+			{if !empty($category_thumbnails)}
+			{foreach from=$category_thumbnails item=cat}
+						<div class="illustration">
+							<a href="{$cat.URL}">
+								<img src="{$pwg->derivative_url($carousel, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" min-width="{$carousel->max_width()}" height="{$carousel->max_height()-22}"/>
+							
 						<div class="CatMPdescription">
 							<h3>
-								<a href="{$cat.URL}">{$cat.NAME}</a>
+								{$cat.NAME}
 							</h3>
 							<div>
-							{$cat.CAPTION_NB_IMAGES}
+								{$cat.CAPTION_NB_IMAGES}
+						</div>
 							</div>	
+						</a>
 						</div>
-			</li>
-		{/foreach}{/if}
-
-
-	{foreach from=$thumbnails item=thumbnail}
-	{assign var=derivative value=$pwg->derivative($carousel, $thumbnail.src_image)}
-			<li>
-				<div class="illustration">
-					<a href="{if ($Slimi.lytebox_slimi)==1}{$thumbnail.path}" class="lytebox" rev="slide:true group:name showNavigation:true navType:1 slideInterval:6000"{else}{$thumbnail.URL}"{/if} title="{$thumbnail.NAME|strip_tags:false|replace:'\'':'&#39;'|replace:'"':'&quot;'}">
-					<img class="thumbnail" src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" height="{$carousel->max_height()}"/>
-						
+			{/foreach}
+			{/if}
+				{foreach from=$thumbnails item=thumbnail}
+				{assign var=derivative value=$pwg->derivative($carousel, $thumbnail.src_image)}
+					<div class="illustration">
+				<a href="{if (($Slimi.lytebox_slimi)==1)}{$thumbnail.path}"  class="fancybox" data-fancybox-group="gallery"{else}{$thumbnail.URL}"{/if} title="{$thumbnail.NAME|strip_tags:false|replace:'\'':'&#39;'|replace:'"':'&quot;'}">	
+				<img class="thumbnail" src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" height="{$carousel->max_height()-22}"/>
 						{if $SHOW_THUMBNAIL_CAPTION }
 							<div class="CatMPdescription">
 								<H3>
 									{$thumbnail.NAME}
-									
 									{if !empty($thumbnail.icon_ts)}
 										<img title="{$thumbnail.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent.png" alt="(!)">
@@ -52,28 +94,22 @@
 								</h3>
 								{if isset($thumbnail.NB_COMMENTS) or isset($thumbnail.NB_HITS)}
-								<div>
+									<div>
 									{if isset($thumbnail.NB_COMMENTS)}
 										<p class="{if 0==$thumbnail.NB_COMMENTS}zero {/if}nb-comments">
-										{$pwg->l10n_dec('%d comment', '%d comments',$thumbnail.NB_COMMENTS)}
+											{$pwg->l10n_dec('%d comment', '%d comments',$thumbnail.NB_COMMENTS)}
 										</p>
 									{/if}
 									{if isset($thumbnail.NB_HITS)}
 										<p class="{if 0==$thumbnail.NB_HITS}zero {/if}nb-hits">
-										{$pwg->l10n_dec('%d hit', '%d hits',$thumbnail.NB_HITS)}
+											{$pwg->l10n_dec('%d hit', '%d hits',$thumbnail.NB_HITS)}
 										</p>
 									{/if}
-								</div>
+									</div>
 								{/if}
 							</div>
 						{/if}
-					</a>	
-				</div>	
-			</li>
-	{/foreach}
-</ul>
+						</a>	
+					</div>	
+				{/foreach}
+	</div>
 
-</div>
-</div>
-	<a href="#" class="jcarousel-control-prev">&lsaquo;</a>
-    <a href="#" class="jcarousel-control-next">&rsaquo;</a>
-</div>
Index: extensions/Slimi/theme.css
===================================================================
--- extensions/Slimi/theme.css	(revision 28223)
+++ extensions/Slimi/theme.css	(revision 28586)
@@ -12,8 +12,8 @@
 #theHeader H1{font-family:none}
 #theHeader p{margin:20px 0;font-family:none}
-#content{margin:0}
-#infoBlock,#imageHeaderBar{border-radius:0;padding:0 60px;height:30px;line-height:30px}
+#content{margin:0;width:100%}
+#infoBlock,#imageHeaderBar{border-radius:0;padding:0 60px;height:30px;line-height:30px;margin:30px 0;border-bottom:1px solid}
 #fullTagCloud,#piwigoAbout,.content .notification{width:80%;background:#4f4f4f;min-height:400px;margin:0;padding:20px 10%}
-#comments{background:#4f4f4f;width:100%}
+#comments{background:#4f4f4f;width:95%}
 .commentElement{border-radius:0;border:none;color:#c2c2c2}
 .switchBox{z-index:1001}
@@ -28,5 +28,6 @@
 .CatMPdescription img{border:none;float:right}
 .CatMPdescription:hover{text-align:left;position:absolute;top:0;left:0;opacity:0.65;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 1s ease 0s;height:100%;width:100%;background:#000;z-index:100}
-.CatMPdescription h3,.CatMPdescription p{margin-left:10px}
+.CatMPdescription .Nb_images{position:relative;bottom:auto;left:auto;background:none;overflow:auto;color:#c2c2c2;opacity:1;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 1s ease 0s;border-radius:0px;border:0;padding:0;margin:0}
+.CatMPdescription h3,.CatMPdescription p,{margin-left:10px}
 
 
@@ -62,5 +63,7 @@
 
 /*=========================================carousel======================================================*/
-#wrap{position:relative;margin:0;padding:50px 0px 40px;border:none;border-radius:0;background:transparent;box-shadow:none}
-.jcarousel-control-prev{left:40px;z-index:1000}
-.jcarousel-control-next{right:40px;z-index:1000}
+div.carousel {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);border:1px solid rgba(0, 0, 0, 0.5);border-radius:0px;box-shadow:none;height:330px}
+
+/*=========================================picture page====================================================*/
+a.trigger {left:0}
+.panel{left:0}
Index: extensions/Slimi/themeconf.inc.php
===================================================================
--- extensions/Slimi/themeconf.inc.php	(revision 28223)
+++ extensions/Slimi/themeconf.inc.php	(revision 28586)
@@ -37,9 +37,9 @@
 }
 
-add_event_handler('loc_end_page_header', 'load_Slimi' );
+
+add_event_handler('init', 'load_Slimi' );
 function load_Slimi()
 {
 	include('slimi.php');
-	}
-
+}
 ?>
