function changeFont(value) { 
	//create array of values used in the link 
	var size = new Array('s','m','l'); 
	//create corresponding array of font-size values that match the above link values 
	var font = new Array('60\%','80\%','100\%'); 
	
	var cellsize = new Array('#cell_small','#cell_medium','#cell_large');
	//loop through the first array, looking for the match to the clicked link 
	//when found, check for which browser (IE uses a rules object, FF uses a cssRules object to store the stylesheet values) and change the body's font-size to the corresponding value 
	//Note that the index number of the body rule is 0. This makes things a little simpler by placing the body rule declaration FIRST in the stylesheet 
	var mysheet=document.styleSheets[0]
	var myrules=mysheet.cssRules? mysheet.cssRules: mysheet.rules
	
	//change the font size
	//-- find the body rule
	for (i=0; i<myrules.length; i++){
		if(myrules[i].selectorText.toLowerCase()=="body"){
			targetrule=myrules[i]
			targetruleid=i
			break;
		}
	} 
	
	//-- update the fontsize and set the cookie
	for (i=0; i<size.length; i++) { 
		if(value == size[i]) { 
			if (document.styleSheets[0].rules) { 
				document.styleSheets[0].rules[targetruleid].style.fontSize=font[i]; 
				setCookie('BBNCFontSize',value,180,'/');
			} 
			else if(document.styleSheets[0].cssRules) { 
				document.styleSheets[0].cssRules[targetruleid].style.fontSize=font[i]; 
				setCookie('BBNCFontSize',value,180,'/');
			} else { 
				alert('This script does not work in your browser'); 
				return; 
			} 
		} 
	}
	
	//loop through and update the background images
	for (j=0; j<cellsize.length; j++){
		for (i=0; i<myrules.length; i++){
			if(myrules[i].selectorText.toLowerCase()==cellsize[j]){
				targetrule=myrules[i]
				targetruleid=i
				break;
			}
		}
		
		for (i=0; i<size.length; i++) { 
			if(value == size[i]) {
				if (i==j){
					//right tag found
					if (document.styleSheets[0].rules) { 
						document.styleSheets[0].rules[targetruleid].style.background='url(../images/arrow.jpg) bottom no-repeat';
					} 
					else if(document.styleSheets[0].cssRules) { 
						document.styleSheets[0].cssRules[targetruleid].style.background='url(../images/arrow.jpg) bottom no-repeat'; 
					} else { 
						alert('This script does not work in your browser'); 
						return; 
					}
					
				} else {
					//other tags
					if (document.styleSheets[0].rules) { 
						document.styleSheets[0].rules[targetruleid].style.background='none'; 
					} 
					else if(document.styleSheets[0].cssRules) { 
						document.styleSheets[0].cssRules[targetruleid].style.background='none'; 
					} else { 
						alert('This script does not work in your browser'); 
						return; 
					}	
				}
			}
		}
	}	
}