var frDiv=document.createElement("div"); frDiv.id="frame";
var frTit=document.createElement("p"); frTit.id="frtitle";
frDiv.appendChild(frTit);
var frClo=document.createElement("p"); frClo.id="frclose"; frClo.innerHTML="X";
frDiv.appendChild(frClo); frClo.onclick=function() {UnFrame();}
var frImg=document.createElement("img"); frImg.onclick=function() {UnFrame();}
frDiv.appendChild(frImg);

if (document.all) {
  document.write('<script type="text/javascript" id="hack" defer="defer" src="javascript:void(0)"><\/script>');
  var hack=document.getElementById("hack");
  hack.onreadystatechange=function() {if (this.readyState=="complete") {init();}}
} else {
  window.addEventListener ? window.addEventListener('DOMContentLoaded', init, false) : document.attachEvent("onDOMContentLoaded", init);
}

function init() {
  frPar=document.getElementById("container");
  frPar.appendChild(frDiv);
  JsMorph();
}

function JsMorph() {
  var tds=document.getElementsByTagName("A");
  for (var i=0; i<tds.length; i++) {
    var iurl=tds[i].href;
    var iext=iurl.substring(iurl.length-3,iurl.length);
    if (iext=="jpg" || iext=="gif" || iext=="png") {
      tds[i].onclick=function() {FramePic(this); return false;}
    }
  }
}

function FramePic(tid) {
//  var tid=tid.id;
  var tiEl=tid;
  var srctext=tiEl.href;
  nImg=new Image(); nImg.src=srctext;
  nImg.onload=function(){DispImg(srctext);}
  frImg.src=srctext;
//  var titleid="d"+tid.substring(1,tid.length);
//  var title=document.getElementById(titleid).childNodes[0].data;

//  var title=tiEl.nextSibling.innerHTML ? tiEl.nextSibling.innerHTML : tiEl.childNodes[0].alt;
  var title=tiEl.childNodes[0].alt;

  frTit.innerHTML=title;

//  var descloc=document.getElementById(tid).childNodes[1];
//  frDes=descloc.cloneNode(true);
//  frTitTx=document.createTextNode(title);
//  if (frDiv.style.display=="block") {UnFrame();}
//  frTit.appendChild(frTitTx); //,frTit.childNodes[0]);
//  frDiv.appendChild(frDes);  //,frDiv.childNodes[0]);
}

function DispImg(srctext) {
  frDiv.style.display="block";

  var ScrollTop=document.body.scrollTop;
  if (ScrollTop == 0) {
    if (window.pageYOffset) ScrollTop=window.pageYOffset;
    else ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
  }
  var winHeight = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
  var frHeight = frDiv.clientHeight ? frDiv.clientHeight : frDiv.offsetHeight;
  var parLeft = frPar.clientLeft ? frPar.clientLeft : frPar.offsetLeft;

  var frTop=winHeight/2-frHeight/2-16;
  if (frTop<-10) frTop=-10;
  var ftLft=frPar.clientWidth/2-nImg.width/2;
  if (ftLft<0-parLeft) ftLft=0-parLeft;
  frDiv.style.left=ftLft+"px";
  frDiv.style.top=ScrollTop+frTop+"px";
  frDiv.style.width=(nImg.width)+6+"px";
}

function UnFrame() {
  frDiv.style.display="none";
//  Clean();
}

function Clean() {
  frTit.removeChild(frTitTx);
//  frDiv.removeChild(frDes);
}