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]);
				}
		}
	}
	document.getElementById('hide').style.display='none';
	document.getElementById('wrapper').style.display='block';
}

function stuff(n) {
	dvs=document.getElementsByTagName('div');
	info=document.getElementById('div'+n);

	for(c=0;c<dvs.length;c++) {
		if((dvs[c].className=='on')&&(dvs[c].id!='div'+n)) {
			dvs[c].className='off';
		}
	}
	if(info.className=='on') {
		info.className='off';
	}
	else {
		info.className='on';
	}
}