// JavaScript Document
//gestione grandezza dei caratteri
//con firefox serve document.IMG1.src con gli altri basta IMG1.src
if (navigator.userAgent.indexOf("Firefox")!=-1){
var ffox = true;}

if (document.getElementById) { 
document.write('<br><div id="caratteri"><img id="IMG1" src="http://www.retinitepigmentosa.it/struttura/carattere_piccolo.gif" width="250" height="27" border="0" usemap="#Map" /></div>');
	//document.write('<br /><br />Dimensione dei caratteri:<br />'); 
	//document.write('<a href="javascript:setFontSize(\'small\')">Piccolo</a> | ');
	//document.write('<a href="javascript:setFontSize(\'medium\')">Medio</a> | ');	
	//document.write('<a href="javascript:setFontSize(\'large\')">Grande</a>');
//	document.getElementById("stylemenu").style.display="block";
}
function setFontSize(value) {
	theStyle = null;
	if(ffox == true){document.IMG1.src = null;}else{IMG1.src = null;}
	immagine = null;
	if (value == "piccolo") theStyle 	= "75%";    immagine="http://www.retinitepigmentosa.it/struttura/carattere_piccolo.gif";
	if (value == "medio") theStyle = "100%";  immagine="http://www.retinitepigmentosa.it/struttura/carattere_medio.gif";
	if (value == "grande") theStyle 	= "130%";  immagine="http://www.retinitepigmentosa.it/struttura/carattere_grande.gif";
	if (theStyle) 
	document.getElementsByTagName("body")[0].style.fontSize = theStyle;
	if(ffox == true){document.IMG1.src = "struttura/carattere_" + value + ".gif";}
	else{IMG1.src = "struttura/carattere_" + value + ".gif";}
	//document.getElementById("content").style.width = "490px";
}
//mappa
document.write('<map name="Map" id="Map">');
document.write('  <area shape="rect" coords="58,2,83,25" href="javascript:setFontSize(\'grande\')" />');
document.write('  <area shape="rect" coords="2,3,27,25" href="javascript:setFontSize(\'piccolo\')" />');
document.write('<area shape="rect" coords="30,3,55,26" href="javascript:setFontSize(\'medio\')" />');
document.write('</map>');