window.onload=function() {
spn=document.getElementsByTagName('span');
for(c=0;c<spn.length;c++) {
spn[c].onclick=function() {
if(this.id!='') {
stuff(this.id.split('s')[1]);
}
}
}
}
function stuff(n) {

dvs=document.getElementsByTagName('div');
ims=document.getElementsByName('image');
info=document.getElementById('div'+n);
pic=document.getElementById('image'+n);

for(c=0;c<dvs.length;c++) {
if((dvs[c].className=='on')&&(dvs[c].id!='div'+n)) {
dvs[c].className='off';
}
}
for(c=0;c<ims.length;c++) {
ims[c].src='images/u.gif';
}
if(info.className=='on') {
info.className='off';
pic.src='images/u.gif';
}
else {
info.className='on';
pic.src='images/d.gif';
}
}

