﻿/*function move_box(an, box) 
{
  var cleft = 200;
  var ctop = -100;
  var obj = an;
  while (obj.offsetParent) {
    cleft += obj.offsetLeft;
    ctop += obj.offsetTop;
    obj = obj.offsetParent;
  }
  box.style.left = cleft + 'px';
  ctop += an.offsetHeight + 8;
  if (document.body.currentStyle &&
    document.body.currentStyle['marginTop']) {
    ctop += parseInt(
      document.body.currentStyle['marginTop']);
  }
  box.style.top = ctop + 'px';
}
*/
function move_box(an, width, height, box) 
{
    var cleft = 0;
    var ctop = 0;
    var obj = an;

    if (window.innerWidth) //if browser supports window.innerWidth
    {
        cleft = window.innerWidth/2 - width/2 - 10;
        ctop = window.innerHeight/2 - height/2;
    }
    else if (document.all) //else if browser supports document.all (IE 4+)
    {
        cleft = document.body.clientWidth/2 - width/2;
        ctop = document.body.clientHeight/2;
    }
    
    box.style.left = cleft + 'px';
    box.style.top = ctop + 'px';
}


function show_hide_box(an, width, height, borderStyle) {
  var href = an.href;
  var boxdiv = document.getElementById(href);

  if (boxdiv != null) 
  {
    if (boxdiv.style.display == 'none') {

      move_box(an, width, height, boxdiv);
      boxdiv.style.display='block';
    } 
    else
      boxdiv.style.display='none';
    return false;
  }

  boxdiv = document.createElement('div');
  boxdiv.setAttribute('id', href);
  boxdiv.style.display = 'block';
  boxdiv.style.position = 'absolute';
  boxdiv.style.width = width + 'px';
  boxdiv.style.height = height + 'px';
  boxdiv.style.border = borderStyle;
  boxdiv.style.backgroundColor = '#fff';

  var contents = document.createElement('iframe');
  contents.scrolling = 'no';
  contents.frameBorder = '0';
  contents.style.width = width + 'px';
  contents.style.height = height + 'px';
  contents.src = href;

  boxdiv.appendChild(contents);
  document.body.appendChild(boxdiv);
  move_box(an, width, height, boxdiv);
  /*document.write("a5");
  document.write(boxdiv.style.top);*/
   return false;
}

