window.addEvent('domready', function(){
			var path = tplbase+'css/';
			var style_1, style_2, style_base;
					
			/* xpc-blue */
			$('s1').addEvent('click', function(e) {
				e = new Event(e).stop();
				
				if (style_1) style_1.remove();
				new Asset.css(path + 'xpc-blue.css', {id: 'style1'});
				style_1 = $('style1');
				favicon.change("favicon-b.ico");
				
				//save theme in a cookie
				var cookieDate = new Date();
				cookieDate.setTime(cookieDate.getTime()+(14*24*60*60*1000));
				document.cookie = "xtheme=blue; expires="+cookieDate.toGMTString()+"; path=/";
			});
			
			/* xpc-green */
			$('s2').addEvent('click', function(e) {
				e = new Event(e).stop();
			
				if (style_2) style_2.remove();
				new Asset.css(path + 'xpc-green.css', {id: 'style2'});
				style_2 = $('style2');
				favicon.change("favicon-b.ico");
				
				//save theme in a cookie
				var cookieDate = new Date();
				cookieDate.setTime(cookieDate.getTime()+(14*24*60*60*1000));
				document.cookie = "xtheme=green; expires="+cookieDate.toGMTString()+"; path=/";
			});
			
			/* xpc-orange */
			$('s_base').addEvent('click', function(e) {
				e = new Event(e).stop();
			
				if (style_base) style_base.remove();
				new Asset.css(path + 'xpc-orange.css', {id: 'style_base'});
				style_base = $('style_base');
				favicon.change("favicon-o.ico");
				
				//save theme in a cookie
				var cookieDate = new Date();
				cookieDate.setTime(cookieDate.getTime()+(14*24*60*60*1000));
				document.cookie = "xtheme=orange; expires="+cookieDate.toGMTString()+"; path=/";
			});
		});