var prevID;

var a = new Array();
var b = new Array();
var c = new Array();
var d = new Array();
var e = new Array();
var f = new Array();
var g = new Array();
var h = new Array();

//caching images
for (var x = 1; x<6; x++)
{
	a[x] = new Image();
	a[x].src = "images/1,1/"+x+".jpg";
	if (x!=5)
	{
		e[x] = new Image();	
		e[x].src = "images/3,1/"+x+".jpg";
		if (x!= 4)
		{
			b[x] = new Image();
			b[x].src = "images/1,2/"+x+".jpg";
			d[x] = new Image();
			d[x].src = "images/2,2/"+x+".jpg";
			if (x!=3)
			{
				c[x] = new Image();
				c[x].src = "images/2,1/"+x+".jpg";
				f[x] = new Image();
				f[x].src = "images/3,2/"+x+".jpg";
				g[x] = new Image();
				g[x].src = "images/4,1/"+x+".jpg";
				h[x] = new Image();
				h[x].src = "images/4,2/"+x+".jpg";
			}
		}
	}
}

function dotcontrol (eid, fromClick)
{	
	var baseID = eid.substring(0,4);

	var num = (2 * parseFloat(eid.substring(0,1))) + (eid.substring(2,3) == "1" ? -1:0);

	document.getElementById(eid).src="images/dot-over.jpg";
	
	var i = 0;
	for(i=1; i<6; i++)
	{
		if (document.getElementById(baseID + i) == null)
			break;
		if ((baseID + i) != eid)
			document.getElementById(baseID+i).src="images/dot.jpg";
	}
	
	var rowNum = eid.substring(0,1);
	var colNum = eid.substring(2,3);
	prevID = "i," + rowNum + "," + colNum;
	document.getElementById(prevID).style.opacity = '1';
	fadeout(prevID);
	setTimeout(function(){beginFadeRow('i,'+eid.substring(0,3),eid)},TimeToFadeout);
	if (fromClick == 1)
	{
		currentSlide[num] = parseFloat(eid.substring(4));
		clearInterval(tmr[num]);
	}
}

function beginFadeRow(iid,eid)
{
	document.getElementById(iid).src="images/" + iid.substring(2,3)+"," + iid.substring(4) + "/"+eid.substring(4)+".jpg";
	document.getElementById(iid).style.opacity = '0';
	fadein(iid);
}