
		
			function mycarousel_itemFirstInCallback(carousel, item, idx, state) {
				//alert('Item #' + idx + ' is now the first item');
				//alert(idx+":"+state);
				$('#mycarousel li').removeClass("current");
				//$('#mycarousel li.'+idx).addClass("current");
				$(item).addClass("current");
			};

						
			$(document).ready(function(){	
				
				$('#menu_horiz_1 li img').mouseover(function(){ 
					id = $(this).attr("id"); 
					$(this).attr("src","/images/"+id+"-on.png"); 
				});
				$('#menu_horiz_1 li img').mouseout(function(){ 
					id = $(this).attr("id"); 
					classe= $(this).attr("class"); 
					if(classe == "on"){
						$(this).attr("src","/images/"+id+"-on.png"); 
					} else{
						$(this).attr("src","/images/"+id+"-off.png"); 
					}
				});
				$('#mycarousel li.1').addClass("current");
				 $('#mycarousel').jcarousel({
					scroll : 1,
					wrap: 'circular',
					itemFirstInCallback:  mycarousel_itemFirstInCallback
				 });
				 
				 InstallationInfoBulle();
				  
				//$(function () {
					itemsPerPage = 4;
					paginatorPosition = 'top';
					paginatorStyle = 3;
					firstPageSymbol = ''; // to indicate First Page

					previousPageSymbol = ''; // to indicate Previous Page

					nextPageSymbol = ''; // to indicate Next Page

					lastPageSymbol = ''; // to indicate Last Page

					separator = '  '; // To
					$("#liste_videos").pagination();  
				//});
				//$("#slider").slider();

					//vars
		var conveyor = $(".content-conveyor", $("#sliderContent")),
		item = $(".item", $("#sliderContent"));
		
		conveyor.css("width", item.length * parseInt(item.outerWidth()));
				
        //config
        var sliderOpts = {
		  max: (item.length * parseInt(item.css("width"))) - parseInt($(".viewer", $("#sliderContent")).css("width")),
          slide: function(e, ui) { 
            //conveyor.css("left", "-" + ui.value + "px");
			conveyor.css("left",ui.value * -1);
          }
        };

        //create slider
        $("#slider").slider(sliderOpts);
		 /*var container = $('div.sliderGallery');
            var ul = $('ul', container);
            
            var itemsWidth = ul.innerWidth() - container.outerWidth();
            
            $('.slider', container).slider({
                min: 0,
                max: itemsWidth,
                handle: '.handle',
                
                slide: function (event, ui) {
                    ul.css('left', ui.value * -1);
                }
            });*/
			});
			


