var div_name;

function show_big_image(_div, img)
{
    div_name = _div;
    div = document.getElementById(_div);

    if (div)
    {
        div.innerHTML = "<img src = '" + img + "' onclick = 'close_big_image()' style = 'cursor: pointer' onmouseout = 'close_big_image()'/>";
        div.style.display = "block";
    }
}

function show_big_image_at_pos(_div, img, e, w, h)
{
    div_name = _div;
    div = document.getElementById(_div);

    if (!e) e = window.event;
    mousePos = mouseCoords(e);
    dxp = mousePos.x - w/2;
    dyp = mousePos.y - h/2;
    div.style.left = dxp.toString() + "px";
    div.style.top = dyp.toString() + "px";


    if (div)
    {
        div.innerHTML = "<img src = '" + img + "' onclick = 'close_big_image()' style = 'cursor: pointer' onmouseout = 'close_big_image()'/>";
        div.style.display = "block";
    }
}

function close_big_image()
{
    div = document.getElementById(div_name);

    if (div)
    {
        div.style.display = "none";
    }
}

function mouseCoords(ev){
   if(ev.pageX || ev.pageY){
      return {x:ev.pageX, y:ev.pageY};
   }

   return {
      x:ev.clientX + document.documentElement.scrollLeft - document.documentElement.clientLeft,
      y:ev.clientY + document.documentElement.scrollTop  - document.documentElement.clientTop
   };
}
