window.addEvent('domready', function() {

	//	read cookie
	
		if (Cookie.read('color') == '' || Cookie.read('color') == null) {
			//	default color (green)
				Cookie.write('color', 'g', {duration: 30});
		}
		
	//	load style
	
		var colorCss = new Asset.css('/-resources/' + Cookie.read('color') + '.css', {id: 'colorCss', title: 'colorCss'});
	
	//	buttons
	
		$('color-g').addEvent('click', function(){
			Cookie.write('color', 'g', {duration: 30});
			var colorCss = new Asset.css('/-resources/g.css', {id: 'colorCss', title: 'colorCss'});
		});
		
		$('color-b').addEvent('click', function(){
			Cookie.write('color', 'b', {duration: 30});
			var colorCss = new Asset.css('/-resources/b.css', {id: 'colorCss', title: 'colorCss'});
		});

		$('color-y').addEvent('click', function(){
			Cookie.write('color', 'y', {duration: 30});
			var colorCss = new Asset.css('/-resources/y.css', {id: 'colorCss', title: 'colorCss'});
		});

		$('color-p').addEvent('click', function(){
			Cookie.write('color', 'p', {duration: 30});
			var colorCss = new Asset.css('/-resources/p.css', {id: 'colorCss', title: 'colorCss'});
		});

		$('color-o').addEvent('click', function(){
			Cookie.write('color', 'o', {duration: 30});
			var colorCss = new Asset.css('/-resources/o.css', {id: 'colorCss', title: 'colorCss'});
		});
		
});