// 既定の値をセット
val_fontsize = 40 + (50*1.2);
val_width = 10 + (50*0.8);
setFontsize(val_fontsize);
setWidth(val_width);

// font-sizeの設定
var userFont = new Slider(document.getElementById("slider-1"), document.getElementById("slider-input-2"));
userFont.setValue(50);

// max-widthの設定
var userWidth = new Slider(document.getElementById("slider-2"), document.getElementById("slider-input-1"));
userWidth.setValue(50);

// 値に変化があったとき
userFont.onchange = function () {
  val_fontsize = 40 + (userFont.getValue()*1.2);
  setFontsize(val_fontsize);
  setCookie("userFont", userFont.getValue());
};

// 値に変化があったとき
userWidth.onchange = function () {
  val_width = 10 + (userWidth.getValue()*0.8);
  setWidth(val_width);
  setCookie("userWidth", userWidth.getValue());
};

function setFontsize(val_fontsize){
  document.getElementById("content").style.fontSize = val_fontsize + "%";
}

function setWidth(val_width){
  document.getElementById("content").style.maxWidth = val_width + "em";
}

function setDefault(){
  setFontsize(50);
  userFont.setValue(50);
  setCookie("userFont", 50);
  setWidth(50);
  userWidth.setValue(50);
  setCookie("userWidth", 50);
}

function setCookie(key, val) {
  str = key + "=" + escape(val) + "; ";
  str += "expires=Tue, 31-Dec-2010 23:59:59; ";
  document.cookie = str;
}

function showMark() {
  document.getElementById("hover-slider").style.display = "block";
}

function hideMark() {
  document.getElementById("hover-slider").style.display = "none";
}


function showSlider(obj) {
  obj.onclick = function(){ javascript:void(0) };
  obj.style.opacity = "1.0";
  
  var i = 30;
  obj.style.width = "240px";
  
  /*
  while (i < 240){
    i += ((i == 230) ? 10 : 20);
    obj.style.width = i + "px";
    sleep(20);
  }
  */
  
  document.getElementById("slider-1").style.visibility = "visible";
  document.getElementById("slider-2").style.visibility = "visible";
  document.getElementById("hide-slider").style.visibility = "visible";
}

function hideSlider() {
  obj = document.getElementById("sliders");
  obj.onclick = function(){ javascript:showSlider(this) };
  obj.style.width = "30px";
  obj.style.opacity = "0.7";
  document.getElementById("slider-1").style.visibility = "hidden";
  document.getElementById("slider-2").style.visibility = "hidden";
  document.getElementById("hide-slider").style.visibility = "hidden";
}


window.onresize = function () {
  userWidth.recalculate();
  userFont.recalculate();
};