var array_images;
var array_previews;
var num_previews;
var actual_offset;
var nombre_conjunto;
var bgColor_selectedStyle = "#00A994";/*"#A0C650"*/


function img_preload(total_imagenes, cant_previews, prefijo){

	var prefijo_preview = prefijo+"_";
	var sufijo_preview = "_small.jpg";
	var prefijo_fullSize = prefijo+"_";
	var sufijo_fullSize = ".jpg";
	var img_baseURL = "images/"+prefijo+"/";
	
	var temp_img_prev, temp_img;
	
	//Globales
	array_images = new Array();
	array_previews = new Array();
	num_previews = cant_previews;
	actual_offset = 0;
	nombre_conjunto = prefijo;
	
	for(i=0; i<total_imagenes; i++){
		
		temp_img = new Image();
		temp_img.src = img_baseURL + prefijo_fullSize + pad(i+1) + sufijo_fullSize;
		
		temp_img_prev = new Image();
		temp_img_prev.src = img_baseURL + prefijo_preview + pad(i+1) + sufijo_preview;
		
		array_images[i] = temp_img;
		array_previews[i] = temp_img_prev;	
	}
	
	load_img(document.getElementById("prev_00"));
	
}

function load_img(img_obj) {

	var celdilla;
	var str = img_obj.src.replace("_small", "");
	var imgLat = document.getElementById("img_ppal");
	imgLat.src = str;
	
	img_obj.parentNode.style.backgroundColor = bgColor_selectedStyle;

}

function select_image(img_obj){
	for(i=0; i<num_previews; i++){
		celdilla = document.getElementById("prev_" + pad(i));
		celdilla.parentNode.style.backgroundColor = "";
		
	}
	load_img(img_obj);
}

function scroll_imgBrowser(cant){
	
	var posicion, pev_img;
	
	actual_offset = actual_offset + cant;
	
	actual_offset = (actual_offset < 0) ? actual_offset + array_images.length : actual_offset;  
	
	for(i=0; i<num_previews; i++){
		posicion = (actual_offset + i) % array_images.length;
		pev_img = document.getElementById("prev_" + pad(i));
		pev_img.src = array_previews[posicion].src;
		
		if(pev_img.parentNode.style.backgroundColor != ""){
			load_img(pev_img);
		}
			
	}
}

function pad(entero){
      return entero<10 ? "0"+entero : entero;
}