window.addEvent('domready', function () {
		//for every anchor with the class "load-font-css"...
		$$('.load-font-css').each(function(el) {
			//add a click  event to add the stylesheet
			el.addEvent('click', function() {
			//get the file. file is based on the anchor's rel attribute
			var css = new Asset.css(el.get('rel'), { });
			
			// Store there choice in a cookie, so they can in effect save their choice
			var font_cookie = Cookie.write('font_css', el.get('rel'), {duration: 30, path:'/'}); 
		});	
	});

		//for every anchor with the class "load-colour-css"...
		$$('.load-colour-css').each(function(el) {
			//add a click  event to add the stylesheet
			el.addEvent('click', function() {
			//get the file. file is based on the anchor's rel attribute
			var css = new Asset.css(el.get('rel'), { });

			// Store there choice in a cookie, so they can in effect save their choice			
			var colour_css = Cookie.write('colour_css', el.get('rel'), {duration: 30, path:'/'}); 				
		});
	});
});