window.onload = function (){;
	//クッキー読み込み
	var cookie    = new HTTP.Cookies;
	var color = cookie.read('changeColor');
	if(color){
	  changeColor(color);
	}

	
  //イベントハンドラ仕込み
  var UL = document.getElementById('btnChangeColor');
  
  for(var i = 0; i < UL.childNodes.length; i++){
    if(UL.childNodes[i].nodeName == 'LI'){
      var anc = UL.childNodes[i].firstChild;
      anc.onclick = function () { 
      	return changeColor(this.getAttribute('className') || this.getAttribute('class')) 
      }
    }
  }

  
}

function changeColor(color){
	
  var style = document.getElementById('styleChangeColor');
  style.href = '/css/' + color + '.css';
  
  //クッキー書き込み
  var cookie    = new HTTP.Cookies;
  cookie.write('changeColor', color, '+1y','/');
  return false;
}