// These are the variables; you can change these if you want
var standardStyle = '1'; // This is the number of your standard style sheet; this will be used when the user did not do anything.
var fontSizeCookie = 'doitt_font_size'; // This is the name of the cookie that is used.
var urlToCSSDirectory = '../../includes/css/'; // This is the URL to your directory where your .css files are placed on your site.  For example: http://www.seniorennet.be/URL_TO_STYLESHEET_DIRECTORY_OF_YOUR_SITE/

// These are the names of your different .css files; use the name exactly as on your Web site
var ScreenCSS_1 = 'screen_1.css';
var ScreenCSS_2 = 'screen_2.css';
var ScreenCSS_3 = 'screen_3.css';

var theImages=null;

/***********************************************************************************************

	DO NOT CHANGE ANYTHING UNDER THIS LINE, UNLESS YOU KNOW WHAT YOU ARE DOING

***********************************************************************************************/

var fontSize = GetCookie(fontSizeCookie);
if (fontSize == null) {
	fontSize = standardStyle;
}

if(fontSize == "2"){
	document.write('<link id="font_size_css" rel="stylesheet" type"text/css" href="' + urlToCSSDirectory + ScreenCSS_2 + '" media="screen">');
}else if(fontSize == "3"){
	document.write('<link id="font_size_css" rel="stylesheet" type"text/css" href="' + urlToCSSDirectory + ScreenCSS_3 + '" media="screen">');
}else{
	document.write('<link id="font_size_css" rel="stylesheet" type"text/css" href="' + urlToCSSDirectory + ScreenCSS_1 + '" media="screen">');
}

function switchStyle(fontSize){
	SetCookie(fontSizeCookie,fontSize);
	var theStyle="";
	if(fontSize=="2"){
		theStyle=ScreenCSS_2;
		document.getElementById('med').className="text_size_med_active";	
		document.getElementById('large').className="text_size_large";	
		document.getElementById('small').className="text_size_small";	
	}else if(fontSize=="3"){
		theStyle=ScreenCSS_3;
		document.getElementById('med').className="text_size_med";	
		document.getElementById('large').className="text_size_large_active";	
		document.getElementById('small').className="text_size_small";	
	}else{
		theStyle=ScreenCSS_1;
		document.getElementById('med').className="text_size_med";	
		document.getElementById('large').className="text_size_large";	
		document.getElementById('small').className="text_size_small_active";	
	}
	document.getElementById("font_size_css").href=urlToCSSDirectory+theStyle;
}