var aCollections = new Array(16);

aCollections[0]  = new Array("layer0.jpg", "layer1.jpg", "layer2.jpg", "layer3.jpg", "layer4.jpg");

aCollections[1]  = new Array("layerpanel0.jpg", "layerpanel1.jpg", "layerpanel2.jpg", "layerpanel3.jpg");

aCollections[2]  = new Array("lastminute1.jpg", "lastminute2.jpg", "lastminute3.jpg", "lastminute4.jpg");

aCollections[3]  = new Array("wrapp1.jpg", "wrapp2.jpg", "wrapp3.jpg", "wrapp4.jpg", "wrapp5.jpg");

aCollections[4]  = new Array("wrappch0.jpg", "wrappch1.jpg", "wrappch2.jpg", "wrappch3.jpg", "wrappch4.jpg");

aCollections[5]  = new Array("r1_0.jpg", "r1_5.jpg");

aCollections[6]  = new Array("rs_0.jpg", "rs_5.jpg","rs_4.jpg");

aCollections[7]  = new Array("ace0.jpg", "ace3.jpg", "ace4.jpg", "ace1.jpg");

aCollections[8]  = new Array("holyday6.jpg", "holyday8.jpg", "holyday7.jpg", "holyday3.jpg", "holyday5.jpg");

aCollections[9]  = new Array("adhoc0.jpg", "adhoc1.jpg", "adhoc2.jpg", "adhoc6.jpg","adhoc7.jpg", "adhoc3.jpg",  "adhoc4.jpg", "adhoc5.jpg");

aCollections[10]  = new Array("legin0.jpg", "legin1.jpg", "legin2.jpg", "legin3.jpg","legin4.jpg", "legin5.jpg", "legin6.jpg","legin7.jpg", "legin8.jpg", "legin9.jpg","legin10.jpg", "legin11.jpg", "legin12.jpg","legin13.jpg", "legin14.jpg", "legin15.jpg","legin16.jpg", "legin17.jpg", "legin18.jpg");

aCollections[11]  = new Array("fedele0.jpg","fedele1.jpg", "fedele2.jpg");

aCollections[12]  = new Array("davos4.jpg", "davos5.jpg", "davos1.jpg", "davos3.jpg");

aCollections[13]  = new Array("window1.jpg", "window2.jpg", "window3.jpg", "window4.jpg", "window5.jpg", "window6.jpg");

aCollections[14]  = new Array("shape0.jpg", "shape1.jpg", "shape2.jpg", "shape3.jpg", "shape4.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;

}