/*-------------------------------------------------------------------------------------------------
//create by http://interphacepro.com
//to increase or decrease size of the body font.
//to use, put this file at the end of the page (before </body>)
//the body must have an ID 'bd' eq: <body id='bd'>
//prepare css like this:
<style type="text/css">
body.fs1 {
	font-size: 10px;
}
body.fs2{
	font-size: 11px;
}
body.fs3{
	font-size: 12px;
}
body.fs4{
	font-size: 13px;
}
body.fs5{
	font-size: 14px;
}
body.fs6{
	font-size: 15px;
	}
ul.change-size {
font-size:11px;
position:absolute;
right:70px;
top:8px;
}
ul.change-size li {
background:none repeat scroll 0 0 transparent;
display:inline;
margin:0;
padding:0;
}
</style>
and, somewhere in your page (where you want), put something like this:
<ul class="change-size">
	      <li><img onclick="switchFontSize('nameOfKookie','inc'); return false;" id="size_increase" alt="Augmenter la taille" src="your image source" title="Augmenter la taille" style="cursor: pointer;"></li>
		  <li><img onclick="switchFontSize('nameOfKookie',3); return false;" id="size_reset" alt="Taille par défaut" src="your image source" title="Taille par défaut" style="cursor: pointer;"></li>
		  <li><img onclick="switchFontSize('nameOfKookie','dec'); return false;" id="size_decrease" alt="Diminuer la taille" src="your image source" title="Diminuer la taille" style="cursor: pointer;"></li>
		</ul>

/*
----------------------------------------------------------------------------------------------------*/
var CurrentFontSize=Get_Cookie('nameOfKookie');
var bd = document.getElementById('bd');
if(CurrentFontSize > 0) {
nclass='fs'+CurrentFontSize;
bd.className = nclass;
}
else {
var CurrentFontSize=4;
}

switchFontSize=function(ckname,val){
	switch (val) {
		case 'inc':
		nextsize=CurrentFontSize*1+1;
			if (nextsize < 7) {
				nclass='fs'+nextsize
				bd.className = nclass;
				CurrentFontSize++;
			}
		break;
		case 'dec':
				nextsize=CurrentFontSize*1-1;
			if (nextsize > 0) {
				nclass='fs'+nextsize
				bd.className = nclass;
				CurrentFontSize--;
			}
		break;
		default:
				CurrentFontSize = val;
				bd.className = 'fs'+CurrentFontSize;
	}
	Set_Cookie(ckname, CurrentFontSize,2);
}

function Set_Cookie( name, value, expires, path, domain, secure )
{
// set time, it's in milliseconds
var today = new Date();
today.setTime( today.getTime() );

/*
if the expires variable is set, make the correct
expires time, the current script below will set
it for x number of days, to make it for hours,
delete * 24, for minutes, delete * 60 * 24
*/
if ( expires )
{
expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date( today.getTime() + (expires) );

document.cookie = name + "=" +escape( value ) +
( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) +
( ( path ) ? ";path=" + path : "" ) +
( ( domain ) ? ";domain=" + domain : "" ) +
( ( secure ) ? ";secure" : "" );
}
function Get_Cookie( check_name ) {
	// first we'll split this cookie up into name/value pairs
	// note: document.cookie only returns name=value, not the other components
	var a_all_cookies = document.cookie.split( ';' );
	var a_temp_cookie = '';
	var cookie_name = '';
	var cookie_value = '';
	var b_cookie_found = false; // set boolean t/f default f

	for ( i = 0; i < a_all_cookies.length; i++ )
	{
		// now we'll split apart each name=value pair
		a_temp_cookie = a_all_cookies[i].split( '=' );


		// and trim left/right whitespace while we're at it
		cookie_name = a_temp_cookie[0].replace(/^\s+|\s+$/g, '');

		// if the extracted name matches passed check_name
		if ( cookie_name == check_name )
		{
			b_cookie_found = true;
			// we need to handle case where cookie has no value but exists (no = sign, that is):
			if ( a_temp_cookie.length > 1 )
			{
				cookie_value = unescape( a_temp_cookie[1].replace(/^\s+|\s+$/g, '') );
			}
			// note that in cases where cookie is initialized but no value, null is returned
			return cookie_value;
			break;
		}
		a_temp_cookie = null;
		cookie_name = '';
	}
	if ( !b_cookie_found )
	{
		return null;
	}
}


