//Inizio Preloader
  var progress=0;
  var imageArray = new Array();
  var handle_width;
    
function checkLabel(value,width){

	$("div.slider span",'div#sliderGallery').each(function(){
		if( (parseInt($(this).css('left')) >= (value - width/2)) && (parseInt($(this).css('left'))+parseInt($(this).width()) <= (value + width/2)) ){
			$(this).addClass('light');
			
		}else{
			$(this).removeClass('light');
		}  
	});
}

	function start_loading(){
		$('div#sliderGallery').append('<div class="loader"><img src="img/carrello/ajax-loader.gif" align="center"/><br />Caricamento in corso...</div>')
		$("div#sliderGallery img").each(function() {
			imageArray.push($(this).attr("src"));
		});
								
		setTimeout("preloadImages()",1500);
	}
	


  function preloadCallback() {
   
   
    var container = $('div#sliderGallery');
    var ul = $('ul', container);
    
    $('div.loader',container).remove();
    $(container).css('overflow','hidden');
	$(ul).css('width',parseInt($('li',ul).length)*parseInt($('li a',ul).css('width'))+'px');
	
    
    var itemsWidth = parseInt(ul.innerWidth()) - parseInt(container.outerWidth());
	
	
	$("#f_button").click(function(e){
		e.preventDefault();
		$(".slider",container).slider('value',$(".slider",container).slider('value')+30);	
		checkLabel($(".slider",container).slider('value'),handle_width);		
	})
	$("#b_button").click(function(e){
		e.preventDefault();
		$(".slider",container).slider('value',$(".slider",container).slider('value')-30);
		checkLabel($(".slider",container).slider('value'),handle_width);		
	})
	
	$(".slider",container).slider({ 
        min: 0,
        max: itemsWidth,
		animate: true,
        change: function(event, ui){
            ul.animate({'left' : ui.value * -1}, 500);            
			checkLabel(ui.value,handle_width);
        },
        slide: function(event, ui){
            ul.css('left', ui.value * -1);
			checkLabel(ui.value,handle_width);         
        }
	});
   
   handle_width = parseInt($("a.ui-slider-handle",container).css('width'));
   checkLabel(0,handle_width);
  }

  function incrementProgress() {
   progress++;
   if(progress>=imageArray.length) {
    preloadCallback();
   }
  }

  function preloadImages() {
   if(imageArray.length == 0){
  preloadCallback();
  return;
 }
 
   mHTML = "";
   rowTrack=0;
   for(i=0;i<imageArray.length;i++) {
    mHTML+='<img onload="incrementProgress();" class="mImg" width=1 height=1 src=' + imageArray[i] + '>'
   rowTrack++;
   }
   $("#mContainer").html(mHTML);
  }