textClass="explText";

explanations = 
["The marriage didn't last, but I'm keeping the wedding pictures out of historical interest.", 
"Science fiction conventions I've been to, authors and interesting people I've met",
"You don't need Photoshop to create neat visual effects for web pages. I created mine with Gimp, a free software application. Here's how.",
"My photo gallery",
 "My blog",
"A video blog of my daughter"];

boxLeft = [ "0", "200", "400", "150", "350", "550"];
boxTop  = ["200", "200", "200", "275", "275", "275"];

numLinks = 6;

function CreateExplanation(w, h, text){
  var explSquare = document.createElement("DIV")
  explSquare.style.position = "absolute"
  explSquare.style.width = w + "px"
  explSquare.style.height = h + "px"
  explSquare.style.backgroundColor = "transparent"
  explSquare.style.visibility = "hidden"
  explSquare.style.padding= "0px 20px 0px 20px"
  explSquare.innerHTML = "<p class=\"explText\">" + text  + "</p>";
  return explSquare
}

function turnOnImgAndText() 
{ 
 explIndex = this.id.substring(1);
 imgName = document.images[explIndex].name;
 turnOn(imgName); 
 linkTexts[explIndex].style.left = boxLeft[explIndex] + "px";
 linkTexts[explIndex].style.top = boxTop[explIndex] + "px";
 linkTexts[explIndex].style.visibility = "visible";
}

function turnOn(imgName) { 
   if (document.images) document[imgName].src = eval(imgName + '.src'); 
} 

function turnOff() { 
   explIndex = this.id.substring(1);
   imgName = document.images[explIndex].name;
   if (document.images) { 
      document[imgName].src = stat.src; 
   }
   linkTexts[explIndex].style.visibility = "hidden";
} 

function initLinkBehavior()
{
  var anch = new Array(numLinks);
  for (var i=0; i < numLinks; i++) {
      anch[i] = document.getElementById("a" + i);
      anch[i].onmouseover = turnOnImgAndText;
      anch[i].onmouseout = turnOff; 
    }
}

var linkTexts = new Array(numLinks);

for (var i=0; i < numLinks; i++) {
  linkTexts[i] = new CreateExplanation(200, 200, explanations[i]);
}

if (document.images) { 
   var stat = new Image(); 
   stat.src = "NebulaElipse4/backgr200x200.gif"; 
   var pictures = new Image(); 
   pictures.src = "NebulaElipse4/weddingNeb01.gif"; 
   var conventions = new Image(); 
   conventions.src = "NebulaElipse4/consNeb02.gif"; 
   var powerofgimp = new Image(); 
   powerofgimp.src = "NebulaElipse4/gimpNeb01.gif"; 
   var photoGallery = new Image(); 
   photoGallery.src = "NebulaElipse4/wbExample01SeamlessPhotoG0An.gif";
   var myBlog = new Image(); 
   myBlog.src = "NebulaElipse4/myBlog01.gif";
   var childBlog = new Image(); 
   childBlog.src = "NebulaElipse4/childBlog01Anim.gif";
} 

for (var i=0; i < numLinks; i++) {
  document.body.appendChild(linkTexts[i]);
}