numImages = 23;
rpiImages = new Array((numImages*4))
   for(i = 1; i <= 23; i++)
{
rpiImages[i] = new Image();
rpiImages[i+numImages] = new Image();
rpiImages[i].src = "images/buttons/but_"+i+"_off.png";
rpiImages[i+numImages].src = "images/buttons/but_"+i+"_on.png";
	}
function on_image(loc, img)
{
img+=numImages;
document.images[loc].src=rpiImages[img].src;
	}
function off_image(loc, img) 
{
document.images[loc].src=rpiImages[img].src;
	}





var groupTotals = {}

groupTotals.Content = 17;
groupTotals.Redgroup = 3;

function toggle( group, index )
{
var list = [];
var i = groupTotals[group];

while( i > 0 )
{
var o = document.getElementById( group + i );

if( i == index )
{
o.className = "TurnOn";
}
else
{
o.className = "TurnOff";
}

i --;
}
} 

var Timer;

function ScrollLeft()
{
  Timer = setInterval("document.getElementById('bg_buttons').scrollLeft += 3", 15);
}
function ScrollRight()
{
  Timer = setInterval("document.getElementById('bg_buttons').scrollLeft -= 3", 15);
}