function hideFrame(frm) {
    var frame = document.getElementById(frm);
    frame.style.visibility = "hidden";
    frame.style.display="none";
  }

  var X;

  function setMouseX(e) {
    var ev = e || window.event;
    if (document.all) {
      X = ev.clientX + document.documentElement.scrollLeft;
    } else if (ev.pageX) {
      X = ev.pageX;
    }
  }

  function setImage(src, scroll) {
    var subX = X;
    var imageDiv= document.getElementById("imageDiv");
    var imageDivLeft = imageDiv.offsetLeft;
    var imageDivWidth = imageDiv.offsetWidth;
    var imageList = document.getElementById("imageList");
    var imageListWidth = imageList.offsetWidth;
    subX = subX - imageDivLeft;
    var diff = 0;
    var imageDivWidth = imageDiv.offsetWidth;
    if (subX < (imageDivWidth / 2)) {
      diff = 150;
    } else {
      diff = -150;
    }
    if (scroll == 'true') {
      var oldLeft = document.getElementById('imageList').offsetLeft;
      if (oldLeft + diff > 0) {
        document.getElementById('imageList').style.left = 0;
      } else if (((-1 * (oldLeft + diff)) > (imageListWidth - imageDivWidth)) && (diff < 0)){
        document.getElementById('imageList').style.left = -1 * (imageListWidth - imageDivWidth);
      }else {
        document.getElementById('imageList').style.left = oldLeft + diff;
      }
    }
    var div = document.getElementById("photoDiv");
    if (div != null) {
      div.innerHTML ="<a href='javascript:closediv()' title='Click to close'><img src = '"+src+"'></a>";
      div.style.visibility = "visible";
      div.style.display="block";
    }
  }
  function closediv() {
    document.getElementById('photoDiv').style.visibility = 'hidden';
  }

  function init() {
    document.onmouseover = setMouseX;
  }