function view(e,id) {
  var image_margin=50;
  element.get('overlay').style.display='block';
  element.get('view').style.display='block';
  element.get('overlay').onclick=function() {
    hide(element,id);
  }
  var _left=_top=0;
  if (e.offsetParent) {
    do {
      _left+=e.offsetLeft;
      _top+=e.offsetTop;
    } while (e=e.offsetParent);
  }
  var _width=_height=0;
  if (typeof(window.innerWidth)=='number') {
    _width=window.innerWidth;
    _height=window.innerHeight;
  } else if(document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight)) {
    _width=document.documentElement.clientWidth;
    _height=document.documentElement.clientHeight;
  } else if(document.body&&(document.body.clientWidth||document.body.clientHeight)) {
    _width=document.body.clientWidth;
    _height=document.body.clientHeight;
  }
  var _Yoffset=window.pageYOffset||document.body.scrollTop||document.documentElement.scrollTop;

  element.get('photo').src='http://tosuya.net/thumb.php?file='+id+'&width='+(_width-(image_margin*2))+'&height='+(_height-(image_margin*2));
  element.get('photo').style.marginTop=(image_margin+_Yoffset)+'px';
}

function hide(e,id) {
  element.get('overlay').style.display='none';
  element.get('view').style.display='none';
  element.get('overlay').onclick=function() {
    show(e,id);
  }
  element.get('photo').src='';
}