var colorData=new Array();

function populateArray() {
for (i=0;i<64;i++) {
colorData[i]=0;
}
}

function toggle(obj, pobj) {
var el = document.getElementById(obj);
var pel = document.getElementById(pobj);

var boxId=el.id;
var pboxid=pel.id;

var bgcolor = el.style.backgroundColor.replace(/ /g, '');
var pbgcolor = pel.style.backgroundColor.replace(/ /g, '');

if (bgcolor != 'rgb(0,0,0)') {
el.style.backgroundColor = 'rgb(0, 0, 0)';
pel.style.backgroundColor = 'rgb(0, 0, 0)';
colorData[boxId]="1";
}
else {
el.style.backgroundColor = 'rgb(255, 255, 255)';
pel.style.backgroundColor = 'rgb(255, 255, 255)';
colorData[boxId]="0";
}



}

function changeText() {
document.getElementById('hidden').innerHTML += '<input type="hidden" name="boxValues" value="'+colorData.join('')+'" />';
return true;
}