var aCollections = new Array(6);
aCollections[0] = new Array("colubi0.jpg", "colubi4.jpg", "colubi1.jpg", "colubi2.jpg", "colubi3.jpg");

aCollections[1] = new Array("aspa1.jpg", "aspa3.jpg", "aspa6.jpg", "aspa7.jpg");
aCollections[2]  = new Array("levitt1.jpg", "levitt6.jpg", "levitt5.jpg", "levitt7.jpg", "levitt0.jpg", "levitt2.jpg", "levitt3.jpg", "levitt4.jpg");
aCollections[3]  = new Array("mass9.jpg", "mass1.jpg", "mass2.jpg", "mass3.jpg", "mass4.jpg", "mass6.jpg", "mass7.jpg", "mass8.jpg", "mass10.jpg", "mass11.jpg", "mass12.jpg");
aCollections[4] = new Array("berry1.jpg", "berry2.jpg", "berry3.jpg", "berry4.jpg", "berry5.jpg", "berry6.jpg", "berry7.jpg", "berry8.jpg");
aCollections[5] = new Array("doit0.jpg", "doit1.jpg", "doit2.jpg", "doit3.jpg", "doit4.jpg");
var nLast = 0;
function f_select() {
	nWhich = parseInt(this.id.substr(5, 2));
	if(nLast!=0) {
		var oBtnLst   = document.getElementById("boton"+nLast);
		var oDesigner = document.getElementById("designer"+nLast);
		oBtnLst.src = f_getImage(oBtnLst, "1");
		oBtnLst.setAttribute("src", f_getImage(oBtnLst, "1"));
		oDesigner.style.display = "none";
	}
	var oLinks    = document.getElementById("pLinks");
	var oBtnCur   = document.getElementById("boton"+nWhich);
	var oDesigner = document.getElementById("designer"+nWhich);
	oBtnCur.src = f_getImage(oBtnCur, "2");
//	oBtnCur.setAttribute("src", f_getImage(oBtnCur, "2"));
	oDesigner.style.display = "block";
	var sLinks = "";
	var nLinks = aCollections[nWhich-1].length;
	for(iter=0; iter<nLinks; iter++) {
		sLinks += "<a href=\"javascript: f_image("+iter+")\">"+(iter+1)+"</a> ";
	}
	oLinks.innerHTML = sLinks;
	nLast = nWhich;
	f_image(0);
}
function f_image(nWhich) {
	var oImage = document.getElementById("imgSelected");
	oImage.src = "productos/"+aCollections[nLast-1][nWhich];
}
function f_mover() {
	nWhich = parseInt(this.id.substr(5));
	if(nWhich!=nLast) {
		var oBtn = document.getElementById("boton"+nWhich);
		oBtn.src = f_getImage(oBtn, "2");
		oBtn.setAttribute("src", f_getImage(oBtn, "2"));
		oBtn.style.margin = "0px 0px 0px 1px";
		// document.getElementById("debug").innerHTML = oBtn.id+":"+oBtn.src;
	}
}
function f_mout() {
	nWhich = parseInt(this.id.substr(5));
	if(nWhich!=nLast) {
		var oBtn = document.getElementById("boton"+nWhich);
		oBtn.src = f_getImage(oBtn, "1");
		oBtn.setAttribute("src", f_getImage(oBtn, "1"));
		oBtn.style.margin = "0px 0px 0px 0px";
		// document.getElementById("debug").innerHTML = oBtn.id+":"+oBtn.src;
	}
}
var aPreload = new Array();
function f_init() {
	for(iter=1; iter<=aCollections.length; iter++) {
		var oBtn = document.getElementById("boton"+iter);
		oBtn.onclick     = f_select;
		oBtn.onmouseover = f_mover;
		oBtn.onmouseout  = f_mout;
		aPreload[aPreload.length] = new Image();
		aPreload[aPreload.length] = new Image();
		aPreload[aPreload.length-2].src = f_getImage(oBtn, "2");
		aPreload[aPreload.length-1].src = f_getImage(oBtn, "1");
//		oBtn.src         = f_getImage(oBtn, "2");
		oBtn.src         = f_getImage(oBtn, "1");
	}
}
function f_getImage(oButton, sPos) {
	var iPos = oButton.src.indexOf("bot")+4;
	var sPth = oButton.src.substr(iPos+1);
	return "images/bot"+sPos+"_"+sPth;
}