function setStyle(myStyle) { 
	jQuery("#pageTools a").removeClass("on");
	if (myStyle == "normal"){
		jQuery("#pageTools .normal").addClass("on");
		jQuery("body").css("font-size", "62.5%");
	}
	else if (myStyle == "medium"){
		jQuery("#pageTools .medium").addClass("on")
		jQuery("body").css("font-size", "78%");
	}
	else if (myStyle == "large"){
		jQuery("#pageTools .large").addClass("on")
		jQuery("body").css("font-size", "95%");
	}else{
		jQuery("#pageTools .normal").addClass("on");
	}
}

function setCookie(choosenStyle) {
	// javascript set
	jQuery.cookie('style', null); 			// clear cookie
	jQuery.cookie('style', choosenStyle); 	// set cookie		
}		


jQuery(document).ready(function() {
	
	var pathForCSS = "";
		
		if (location.href.substring(7,10) == "www"){
			pathForCSS = "/templates/default/css/"
		}else{
			pathForCSS = "/templates/default/css/"
		}
	
	// stylesheet setup
	var headID = document.getElementsByTagName("head")[0];		   
	var cssNode = document.createElement('link');
	cssNode.type = 'text/html';
	cssNode.rel = 'stylesheet';
	
	
	var style_size = jQuery.cookie('style');
	if (style_size != undefined) {
		cssNode.href = pathForCSS+'system/' + style_size + '.css';		
	} else {
		cssNode.href = pathForCSS+'system/normal.css';
		style_size = "normal";
	}
	cssNode.media = 'screen';
	headID.appendChild(cssNode);
	// set style for the image src.  Not required unless you are setting an image dynamically, like we do here.
	setStyle(style_size);
	
	// click actions
	jQuery("#pageTools .normal").click(function()
	{
    	setStyle("normal");
    	setCookie("normal");
		return false;
	});

	jQuery("#pageTools .medium").click(function()
	{
    	setStyle("medium");
		setCookie("medium");
		return false;
	});
	
	jQuery("#pageTools .large").click(function()
	{
    	setStyle("large");
		setCookie("large");
		return false;
	});

});