window.onload=initAll;

var xhr = false;
var xPos, yPos;

function initAll()
{
  for (var i = 1; i <= 24; i ++)
  {
    var picLink = document.getElementById("pic"+i);
    picLink.onmouseover = showPreview;
  }
}

function showPreview(evt)
{
  var prevWin = document.getElementById("previewWin");

  xPos = evt.clientX;
  yPos = evt.clientY;

  if (evt) 
    var url = evt.target;
  else
  {
    evt = window.event;
    var url = evt.srcElement;
  }

  if (url.nodeType == 3)  // defeat Safari bug
    url = url.parentNode;

  url = url.parentNode;

  prevWin.innerHTML = "<img src='http://www.mikensophie.com/images/"+url.id +".jpg' alt='Picture of Mike and Sophie' />";
  prevWin.style.top  = "175px";
  prevWin.style.left = "40px";

  prevWin.style.visibility = "visible";
  prevWin.onmouseout = hidePreview;
 
/* don't call this... we don't need dynamic content, so ajax is not needed.
 *   getPreview(evt); 
 */
  return false;
}

function hidePreview(evt)
{
  document.getElementById("previewWin").style.visibility = "hidden";
}

function getPreview(evt)
{
  if (evt) 
  {
    var url = "http://www.mikensophie.com/wedding/index.php"; /* evt.target;*/
  }
  else
  {
    evt = window.event;
    var url = "http://www.mikensophie.com/wedding/index.php"; /* evt.srcElement; */
  }
  
  xPos = evt.clientX;
  yPos = evt.clientY;

  if (window.XMLHttpRequest)
  {
    xhr = new XMLHttpRequest();
  }
  else
  {
    if (window.ActiveXObject("Microsoft.XMLHTTP"))
    {
      try {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch (e) { }
    }
  }

  if (xhr) {
    xhr.onreadystatechange = showContents;
    xhr.open("GET", url, true);
    xhr.send(null);
  }
  else
  {
    alert("Sorry, but I couldn't create an XMLHttpRequest");
  }
}


function showContents() {
  var prevWin = document.getElementById("previewWin");

  if (xhr.readyState == 4) 
  {
    prevWin.innerHTML = (xhr.status == 200) 
         ? xhr.responseText : "There was a problem with the request " + xhr.status;
    prevWin.style.top  = parseInt(yPos) + 2 + "px";
    prevWin.style.left = parseInt(xPos) + 2 + "px";

    prevWin.style.visibility = "visible";
    prevWin.onmouseout = hidePreview;
  }
}