function getScrollElement(){
  if( document.documentElement && document.documentElement.scrollTop ){
    scroll_Top = document.documentElement.scrollTop;
    scroll_Left = document.documentElement.scrollLeft;
  }else{
    scroll_Top = document.body.scrollTop;
    scroll_Left = document.body.scrollLeft;
  }

  return {spTop:scroll_Top, spLeft:scroll_Left};
}

function showGamerCard(event, uid){
/*
  if(isIE()){
    var xx = event.x;
    var yy = event.y;
  }
  else{
    var xx = (document.body.clientWidth>1000)? (event.pageX-(document.body.clientWidth-1000)/2):event.pageX;
    var yy = event.pageY;
  }
*/

  getScrollDa = getScrollElement();
  if( event.pageX || event.pageY ){
    var xx = event.pageX;
    var yy = event.pageY;
  }else{
    var xx = event.clientX + getScrollDa['spLeft'] - document.body.clientLeft;
    var yy = event.clientY + getScrollDa['spTop'] - document.body.clientTop;
  }

  xx = xx+5;
  yy = yy-100;

  var oo = document.createElement('iframe');
  
  oo.id = 'gamerCardFrame';
  oo.frameborder='0';
  oo.scrolling='no';
  oo.style.zIndex = 100;
  oo.style.pading = '0';
  oo.style.width = '157px';
  oo.style.height = '100px';
  oo.style.margin = '0';
  oo.style.position = 'absolute';
  oo.style.border = '0';
  oo.style.overflow = 'hidden';

  oo.style.visibility = 'visible';
  oo.style.left = xx+'px';
  oo.style.top = yy+'px';
  oo.src = 'http://gc.bahamut.com.tw/gc/html/'+uid.substr(0,1)+'/'+uid.substr(1,1)+'/'+uid+'.html';
  document.body.appendChild(oo);

}

function moveGamerCard(event){
/*
  if(isIE()){
    var xx = event.x;
    var yy = event.y;
  }
  else{
    var xx = (document.body.clientWidth>1000)? (event.pageX-(document.body.clientWidth-1000)/2):event.pageX;
    var yy = event.pageY;
  }
*/

  getScrollDa = getScrollElement();
  if( event.pageX || event.pageY ){
    var xx = event.pageX;
    var yy = event.pageY;
  }else{
    var xx = event.clientX + getScrollDa['spLeft'] - document.body.clientLeft;
    var yy = event.clientY + getScrollDa['spTop'] - document.body.clientTop;
  }

  xx = xx+5;
  yy = yy-100;

  var oo = document.getElementById('gamerCardFrame');
  try{
    oo.style.left = xx+'px';
    oo.style.top = yy+'px';
  }catch(e){}
}

function hideGamerCard(){
  oo = document.getElementById('gamerCardFrame');
  try { document.body.removeChild(oo); }catch(e){}
}