function toggleCells(el){
rCells=document.getElementsByTagName('td');
for (i = 0; i < rCells.length; i++)
if (rCells[i].className=='myBackSelect')
rCells[i].className='myBack'
el.className='myBackSelect'
}

function changebackground(color,id)
{
document.getElementById("background").style.backgroundImage='url('+color+ ')';

for(i=1;i<=20;i++)
	{
	document.getElementById('bc'+i).checked=false;
	}
	document.getElementById(id).checked=true;
document.getElementById("bag").value=color;
}

function changeff(face,id)
{
document.getElementById("ffh").face=face;
document.getElementById("ffm").face=face;
document.getElementById("fff").face=face;
for(i=1;i<=6;i++)
	{
	document.getElementById('ff'+i).checked=false;
	}
	document.getElementById(id).checked=true;
document.getElementById("face").value=face;
}

function changefc(color,id)
{
document.getElementById("ffh").color=color;
document.getElementById("ffm").color=color;
document.getElementById("fff").color=color;
for(i=1;i<=18;i++)
	{
	document.getElementById('fc'+i).checked=false;
	}
	document.getElementById(id).checked=true;
document.getElementById("color").value=color;
}

function changefs(size,id)
{
document.getElementById("ffh").size=size;
document.getElementById("ffm").size=size;
document.getElementById("fff").size=size;
for(i=1;i<=3;i++)
	{
	document.getElementById('fs'+i).checked=false;
	}
	document.getElementById(id).checked=true;
document.getElementById("size").value=size;
}