var timer;
var gogo;

adWidth = 500;
adHeight = 300;

nowX = 0;
nowY = 0;

wHeight = window.innerHeight;


function gettrailobj(){
  if (document.getElementById)
    return document.getElementById("preview_div").style;
}

function gettrailobjnostyle(){
  if (document.getElementById)
    return document.getElementById("preview_div");
}

function truebody(){
  return (!window.opera && document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
}

function hidetrail(){
  gettrailobj().display= "none";
  document.onmousemove="";
  gettrailobj().left="-500px";
  clearTimeout(timer);
}

function showtrail(a){
  timer = setTimeout("show('"+a+"');", 10);
}

function show(game_info){
  document.onmousemove=followmouse;

  info = game_info.split('___');

/*
  sss = '<table border="0" cellpadding="2" cellspacing="0" width="167" background="http://pic.bahamut.com.tw/acg/pop_bg.jpg">';

  for(i=0; i<info.length; i++){
    sss += '<tr align="left"><td>' + info[i] + '</td></tr>';
  }

  sss += '</table>';
*/

  sss = '<div class="pop_bg2">';

  for(i=0; i<info.length; i++){
    sss = sss + info[i] + '<br />';
  }

  sss += '</div>';
    
  newHTML = sss;

  gettrailobjnostyle().innerHTML = newHTML;
  gettrailobj().display="block";
}

function followmouse(e){
  var xcoord = 10;
  var ycoord = 25;
  
  var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15;
  var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight);
  
  if (typeof e != "undefined"){                     //FireFox
    xcoord += e.pageX;    
    ycoord += e.pageY;

  } else if (typeof window.event != "undefined"){   //IE
    xcoord += truebody().scrollLeft+event.clientX;
    ycoord += truebody().scrollTop + event.clientY;
  }
  
  gettrailobj().left=xcoord+"px";
  gettrailobj().top=ycoord+"px";
}

// 簽到留言截字
function addline(x){
  return x.substr(0, 20) + "\n" + x.substr(20);
}

function kind1(){
  ss = '1';

  defData[0] = (1==signin_kind) ? '<input name="acct" size="30" maxlength="30" value="' + defData[0] + '" />' : defData[0];

  return_str = '<tr> ';
  return_str += '  <td width="27%" align="right" bgcolor="#ECF3F6">Xbox Live帳號：</td> ';
  return_str += '  <td bgcolor="#FFFFFF">' + defData[0] + '</td> ';
  return_str += '</tr> ';
  return_str += kind_msg();
  return_str += kind_time();
  
  return return_str;
}

function kind2(){
  ss = '2';

  defData[0] = (1==signin_kind) ? '<input name="acct" size="30" maxlength="30" value="' + defData[0] + '" />' : defData[0];

  return_str = '<tr> ';
  return_str += '  <td width="27%" align="right" bgcolor="#ECF3F6">PS3 線上 ID：</td> ';
  return_str += '  <td bgcolor="#FFFFFF">' + defData[0] + '</td> ';
  return_str += '</tr> ';
  return_str += kind_msg();
  return_str += kind_time();
  
  return return_str;
}

function kind3(){
  ss = '3';

  defData[0] = (1==signin_kind) ? '<input type="hidden" name="acct"><input name="a1" maxlength="4" size="4" value="' + defData[0].substr(0,4) + '" /> - <input name="a2" maxlength="4" size="4" value="' + defData[0].substr(4,4) + '" /> - <input name="a3" maxlength="4" size="4" value="' + defData[0].substr(8,4) + '" /> - <input name="a4" maxlength="4" size="4" value="' + defData[0].substr(12,4) + '" />' : defData[0];
  
  return_str = '<tr> ';
  return_str += '  <td width="27%" align="right" bgcolor="#ECF3F6">Friend Code：</td> ';
  return_str += '  <td bgcolor="#FFFFFF">' + defData[0] + '</td> ';
  return_str += '</tr> ';
  return_str += kind_msg();
  return_str += kind_time();
  
  return return_str;
}

function kind4(){
  ss = '4';

  defData[0] = (1==signin_kind) ? '<input type="hidden" name="acct"><input name="a1" maxlength="4" size="4" value="' + defData[0].substr(0,4) + '" /> - <input name="a2" maxlength="4" size="4" value="' + defData[0].substr(4,4) + '" /> - <input name="a3" maxlength="4" size="4" value="' + defData[0].substr(8,4) + '" />' : defData[0];

  return_str = '<tr> ';
  return_str += '  <td width="27%" align="right" bgcolor="#ECF3F6">遊戲連線 Code：</td> ';
  return_str += '  <td bgcolor="#FFFFFF">' + defData[0] + '</td> ';
  return_str += '</tr> ';
  return_str += kind_msg();
  return_str += kind_time();
  
  return return_str;
}

function kind5(){
  ss = '5';

  defData[0] = (1==signin_kind) ? '<input name="acct" size="30" maxlength="30" value="' + defData[0] + '" />' : defData[0];

  return_str = '<tr> ';
  return_str += '  <td width="27%" align="right" bgcolor="#ECF3F6">遊戲角色名稱：</td> ';
  return_str += '  <td bgcolor="#FFFFFF">' + defData[0] + '</td> ';
  return_str += '</tr> ';  
  return_str += kind_msg();  
  return_str += '<tr> ';
  return_str += '  <td width="27%" align="right" bgcolor="#ECF3F6">伺服器：</td> ';
  return_str += '  <td bgcolor="#FFFFFF"><input name="serv" size="30" maxlength="30" value="' + defData[6] + '" /></td> ';
  return_str += '</tr> ';
  return_str += '<tr> ';
  return_str += '  <td width="27%" align="right" bgcolor="#ECF3F6">種族：</td> ';
  return_str += '  <td bgcolor="#FFFFFF"><input name="race" size="30" maxlength="30" value="' + defData[7] + '" /></td> ';
  return_str += '</tr> ';
  return_str += '<tr> ';
  return_str += '  <td width="27%" align="right" bgcolor="#ECF3F6">職業：</td> ';
  return_str += '  <td bgcolor="#FFFFFF"><input name="career" size="30" maxlength="30" value="' + defData[8] + '" /></td> ';
  return_str += '</tr> ';
  return_str += kind_time();
  
  return return_str;
}

function kind_msg(){
  return_str = '<tr> ';
  return_str += '  <td align="right" bgcolor="#ECF3F6">玩家留言：</td> ';
  return_str += '  <td bgcolor="#FFFFFF"><input name="msg" maxlength="30" size="30" value="' + defData[1] + '" /> 限 20 中文字</td> ';
  return_str += '</tr> ';
  
  return return_str;
}

function kind_time(){
  return_str = '<tr> ';
  return_str += '  <td align="right" bgcolor="#ECF3F6">上線時間：</td> ';
  return_str += '  <td bgcolor="#FFFFFF"><p>假　日 ';
  return_str += '    <select name="time11"> ';
  return_str += '      <option value="">請選擇</option> ';
                          for(i=1; i<=24; i++){
                            istr = String(i);
                            if( 2 > istr.length ){
                              istr = '0'+i;
                            }
                            return_str += '<option value="' + i + '"' + ((i===defData[2])?' selected':'') + '>' + istr + '</option>';
                          }
  return_str += '    </select> ';
  return_str += '    ～ ';
  return_str += '    <select name="time12"> ';
  return_str += '      <option value="">請選擇</option> ';
                          for(i=1; i<=24; i++){
                            istr = String(i);
                            if( 2 > istr.length ){
                              istr = '0'+i;
                            }
                            return_str += '<option value="' + i + '"' + ((i===defData[3])?' selected':'') + '>' + istr + '</option>';
                          }
  return_str += '    </select> ';
  return_str += '    時<br /> ';
  return_str += '    非假日 ';
  return_str += '    <select name="time21"> ';
  return_str += '      <option value="">請選擇</option> ';
                          for(i=1; i<=24; i++){
                            istr = String(i);
                            if( 2 > istr.length ){
                              istr = '0'+i;
                            }

                            return_str += '<option value="' + i + '"' + ((i===defData[4])?' selected':'') + '>' + istr + '</option>';
                          }
  return_str += '    </select> ';
  return_str += '    ～ ';
  return_str += '    <select name="time22"> ';
  return_str += '      <option value="">請選擇</option> ';
                          for(i=1; i<=24; i++){
                            istr = String(i);
                            if( 2 > istr.length ){
                              istr = '0'+i;
                            }

                            return_str += '<option value="' + i + '"' + ((i===defData[5])?' selected':'') + '>' + istr + '</option>';
                          }
  return_str += '    </select> ';
  return_str += '    時</p></td> ';
  return_str += '</tr> ';
  
  return return_str;
}

function ckdata_A(f){
  gogo = '';
  ss = f.ss.value;
  switch(ss){
    case '1':
      mm = 'Xbox Live帳號';

      var regExpID=/^[a-z0-9 ]{1,16}$/i;
      if( 16 < f.acct.value.length || !regExpID.test(f.acct.value) ){
        alert( mm + ' 限 16 英數字。' );
        return false;
      }
      break;
    case '2':
      mm = 'PS3 線上 ID';

      var regExpID=/^[a-z0-9 _-]{1,16}$/i;
      if( 16 < f.acct.value.length || !regExpID.test(f.acct.value) ){
        alert( mm + ' 限 16 英數字。' );
        return false;
      }
      break;
    case '3':
      f.acct.value = f.a1.value + f.a2.value + f.a3.value + f.a4.value;
      mm = 'Friend Code';
      if( 16 < f.acct.value.length || 16 !== f.acct.value.length || !(f.a1.value && f.a2.value && f.a3.value && f.a4.value) || isNaN(f.a1.value) || isNaN(f.a2.value) || isNaN(f.a3.value) || isNaN(f.a4.value) ){
        alert( mm + ' 限 16 數字。' );
        return false;
      }
      break;
    case '4':
      f.acct.value = f.a1.value + f.a2.value + f.a3.value;
      mm = '遊戲連線 Code';
      if( 12 < f.acct.value.length || 12 !== f.acct.value.length || !(f.a1.value && f.a2.value && f.a3.value) || isNaN(f.a1.value) || isNaN(f.a2.value) || isNaN(f.a3.value) ){
        alert( mm + ' 限 12 數字。' );
        return false;
      }
      break;
    case '5':
      mm = '遊戲帳號';
      if( 12 < f.acct.value.length ){
        alert( mm + ' 限 12 字。' );
        return false;
      }

      if( !f.serv.value || 10 < f.serv.value.length ){
        alert( '請填寫 伺服器，限 10 字。' );
        return false;
      }

      if( f.race.value && 10 < f.race.value.length ){
        alert( '種族，限 10 字。' );
        return false;
      }

      if( f.career.value && 10 < f.career.value.length ){
        alert( '職業，限 10 字。' );
        return false;
      }

      gogo = '&serv=' + encodeURIComponent(f.serv.value) + '&race=' + encodeURIComponent(f.race.value) + '&career=' + encodeURIComponent(f.career.value);

      break;
    case '6':
      if( !f.ckid.value || 32 < f.ckid.value.length ){
        alert( '遊戲驗證碼錯誤。' );
        return false;
      }
      gogo = '&ckid=' + encodeURIComponent(f.ckid.value);
      break;
    default:
      alert( '資料查詢失敗(0-1)' );
      return false;
  }

  if( 6 != ss ) {
    if( !f.acct.value ){
      alert( mm + ' 為必填欄位。' );
      return false;
    }

    gogo = 'acct=' + encodeURIComponent(f.acct.value) + gogo;
  }
  
  if( !ckdata_C(f) ){
    return false;
  }
}

function ckdata_B(f){
  if( 5 == ss ){
    if( !f.serv.value || 10 < f.serv.value.length ){
      alert( '請填寫 伺服器，限 10 字。' );
      return false;
    }
  }

  gogo = 'serv=' + encodeURIComponent(f.serv.value);
  
  if( !ckdata_C(f) ){
    return false;
  }
}

function ckdata_C(f){
  if( !f.msg.value || 30 < f.msg.value.length ){
    alert( '請填寫 玩家留言，限 20 字。' );
    return false;
  }

  if( !(f.time11.value && f.time12.value) ){
    alert( '請填寫 假日上線時間。');
    return false;
  }

  if( !(f.time21.value && f.time22.value) ){
    alert( '請填寫 非假日 的上線時間。');
    return false;
  }

  if( confirm('確定要送出?') ){
    gogo += '&msg=' + encodeURIComponent(f.msg.value) + '&time11=' + f.time11.value + '&time12=' + f.time12.value + '&time21=' + f.time21.value + '&time22=' + f.time22.value + '&s=' + f.s.value;
    postdata('signinNew2.php', gogo, 'resmsg' );

    //return true;
  }

  return false;
}

function showSigninList(sary){
  var lay = '<table>';
  lay += '  <tr align="center">';
  
  for(var i=0; i < sary.length; i++) {
    sUid = sary[i][0];
    sMore = sary[i][1];
    sNick = sary[i][2];
    sMsg = sary[i][3];
    
    sUid_lower = sUid.toLowerCase();

    sNick = (sNick==sub(sNick, 7)) ? sNick : sub(sNick, 7)+'...';
    
    lay += '<td width="187">';
    lay += '  <div class="card" onMouseOver="showtrail(\'' + sMore + '\')" onmouseout="hidetrail()">';
    lay += '    <a href="http://home.gamer.com.tw/' + sUid + '" target="_blank"><img src="http://avatar2.bahamut.com.tw/avataruserpic/' + sUid_lower.charAt(0) + '/' + sUid_lower.charAt(1) + '/' + sUid_lower + '/' + sUid_lower + '_s.png" class="card_head" border="0" /></a><span class="card_name">' + sUid + '</span><br /><span class="card_id">' + sNick + '</span>';
    lay += '    <div class="card_talk">' + addline(sMsg) + '</div>';
    lay += '  </div>';
    lay += '</td>';
  }

  for(j=i; j<4; j++){
    lay += '<td width="187">&nbsp;</td>';
  }
  
  lay += '  </tr>';
  lay += '</table>';    
  
  var oo = document.getElementById('signArea');
  oo.innerHTML = lay;
}