var divPrevID = 'div_prev';
var imgPrevID = 'img_prev';
var srcDefault = './admin_html/images/load_ajax.gif';

document.write("<div style='position: absolute; border: 1px solid red; top: 300px; left: 400px; display: none;' ID='" + divPrevID + "'>" +
  "<img src='" + srcDefault + "' ID='" + imgPrevID + "'></div>");

function showPreview(imgObj) {
  var divPrevObj = document.getElementById(divPrevID);  
  var imgPrevObj = document.getElementById(imgPrevID);  
  
  if (!imgObj) {
    divPrevObj.style.display = 'none';
    imgPrevObj.src = srcDefault;
  }
  else {		 
    var x = 0, y = 0;

    e = window.event;
  
    if (e.pageX || e.pageY) {
      x = e.pageX;
      y = e.pageY;
    }
    else if (e.clientX || e.clientY) {
      x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
      y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
    }
    
    imgPrevObj.src = imgObj.getAttribute('previewpic');
    divPrevObj.style.display = 'block';
    divPrevObj.style.top = y+10;
    divPrevObj.style.left = x+10;
  }
    		
}