function odo_preload(preload_selector,preload_box_class,fadeintime) {
		//definimos la clase de los dif en los cuales estan las imagenes
		var selector=preload_selector;
		
		// la cantidad de imagenes a cargar
		var preload_length= $(selector).length;
		// el array cache en donde se van a cargar las imagenes
		var preloaded_images= new Array();
		
		// itineramos sobre las imagenes
		$(selector).each(function(i){

			// obtenemos la url de cada imagen a precargar
			preload_img_url= $(this).attr('src')
			// si es null, implica q el selector es la clase de la propia imagen y por tanto no va a poder funcionar
			if(preload_img_url===null){
				// algun tipo de interrupcion o error 
				return false;
			}
			
			// obtenemos las medidas de la imagen para sustituirla por un div
// 			preload_img_w=$(this).find("img").attr('width')
			preload_img_w=$(this).width();
			preload_img_h=$(this).height();

			//ocultamos la propoa imagen
			$(this).hide();
			//añadimos el div de precarga
			$(this).parent().append('<div class="odo_preloader_preloadbox"></div>')
			$(this).find(".odo_preloader_preloadbox").addClass(preload_box_class);
			$(this).find(".odo_preloader_preloadbox").css("width",preload_img_w);
			$(this).find(".odo_preloader_preloadbox").css("height",preload_img_h);

			// definimos los valores de las imagenes
			preloaded_images[i]= new Array();
			preloaded_images[i]["img"] = new Image();
			preloaded_images[i]["loaded"] = false;
			preloaded_images[i]["node"]=$(this);


			$(preloaded_images[i]["img"]).load(function(){
					preloaded_images[i]["loaded"]=true;
// 					$(preloaded_images[i]["node"]).find(".odo_preloader_preloadbox").remove()
// 					$(preloaded_images[i]["node"]).find("img").fadeIn(fadeintime);
			}).attr('src', preload_img_url);





		})
			var images_length=preloaded_images.length;
			var acumulative_timeout=0;
			var timeoutIncrement=50;
			var images_loaded=0
			var f=new Array();
			var j=0;
			var k=0; 
			

			see_preloaded();


			function see_preloaded(){


				for( i =0; i < images_length; i=i+1) {
					
					if(preloaded_images[i]["loaded"]==true){

						images_loaded=images_loaded+1;

						if(preloaded_images[i]["show"]!=true){

							preloaded_images[i]["show"]=true;
				
							acumulative_timeout=acumulative_timeout+timeoutIncrement;
							
							f[j]=i
							j = j+1;


							setTimeout(function(){fadeImage();},acumulative_timeout);
						}
					}

				}


				if(images_loaded!=images_length){

					setTimeout(function(){see_preloaded();},200);

				}
			}

			function fadeImage(){
				i=f[k]

				$(preloaded_images[i]["node"]).find(".odo_preloader_preloadbox").remove()
				$(preloaded_images[i]["node"]).fadeIn(fadeintime);
				k=k+1;
			}




	}