/* ------------------------------------------------------------+/
/+ 拡張機能
/+ ------------------------------------------------------------*/
var $ = function(id) {
  return document.getElementById(id);
}

Function.prototype.applyInterval = function(self, args, ms) {
  var func = this;
  return setInterval(function () { func.apply(self, args) }, ms);
};

/* ------------------------------------------------------------+/
/+ 初期設定
/+ ------------------------------------------------------------*/
// メインインスタンス
var rpsClass = null;
// 文言リスト
var prefList = ['IDを入力', 'PASSWORDを入力', '名前を入力'];

/* ------------------------------------------------------------+/
/+ initialize
/+ ------------------------------------------------------------*/
window.onload = function() {
  rpsClass = new rps();
  
  // 各フォームがフォーカスした際にデフォルトの表示の場合クリア
  for (var i in prefList) {
    $('Form'+i).value = prefList[i];
    $('Form'+i).onfocus = function(event) {
      if (this.value == prefList[this.id.replace('Form', '')]) this.value = '';
    }
  }
  
  // 画像リスト作成
  for (var i=1;i<29;i++) {
    var image = document.createElement('img');
    image.src = '/images/rps/'+i+'.png';
    image.className = 'icon selectable';
    image.onclick = function() {
      $('Form3').src = this.src;
      
      $('iconList').style.display = 'none';
    }
    $('iconList').appendChild(image);
    if (i%4 == 0 && i != 1 && i != 28)
      $('iconList').appendChild(document.createElement('hr'));
  }
  
  // 画像選択
  $('Form3').onclick = function() {
    $('iconList').style.display = 'block';
  }
  
  // ログイン(or 登録)ボタン
  $('Form4').onclick = function() {
    rpsClass.init();
  }
  
  // 新規登録リンク
  $('registAnc').onclick = function() {
    $('firstAnchor').style.display='none';
    $('loginForm').style.display='block';
    $('newReg').style.display='block';
    $('Form4').value = '新規登録';
    $('messageDiv').innerHTML = '＊ 「ひつようじこうを　きにゅうして　とうろくぼたんを　おせ」';
  }
  
  // ログインリンク
  $('loginAnc').onclick = function() {
    $('firstAnchor').style.display='none';
    $('loginForm').style.display='block';
    $('Form2').value='';
    $('Form4').value = 'ログイン';
    $('messageDiv').innerHTML = '＊ 「あいでぃーと　ぱすわーどを　にゅうりょくしてください」';
  }
}