function defPosition(event) {
    var x = y = 0;
    if (document.attachEvent != null) { // Internet Explorer & Opera
        x = window.event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
        y = window.event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
    } else if (!document.attachEvent && document.addEventListener) { // Gecko
        x = event.clientX + window.scrollX;
        y = event.clientY + window.scrollY;
    } else {
        // Do nothing
    }
    return {x:x, y:y};
}



function Init()
{
  var img=document.getElementsByTagName('h3');

  for(var i=0;i<img.length;i++)
   {
    if(img[i].getAttribute("show_big_img")=="On")
    {

      img[i].onmousemove=function(obj)
      {
            Show_img_popap(obj,this)
      }

      img[i].onmouseout=function()
      {
        Hide_img_popap(this);
      }
    }
  }

}

function Show_img_popap(evt,obj)
{
     if(document.getElementById("imaga_"+obj.id)==null)
     {
        img_obj=document.createElement('img');
        img_obj.style.display="block";
        img_obj.src=obj.getAttribute("path");
        div_img=document.createElement('DIV');
        div_img.style.display='block';
        div_img.style.position='absolute';
        div_img.style.left=defPosition(evt).x;
        div_img.style.top=defPosition(evt).y;
        div_img.style.padding="20px";
        div_img.id="imaga_"+obj.id;
        document.body.appendChild(div_img);
        div_img.appendChild(img_obj);
     }
     else
     {
       obj=document.getElementById("imaga_"+obj.id);
       obj.style.display="block";
       obj.style.left=defPosition(evt).x+5;
       obj.style.top=defPosition(evt).y+5;

     }
}

function Hide_img_popap(obj)
{
  obj=document.getElementById("imaga_"+obj.id);
  obj.style.display="none";
}


window.onload = function () { Init(); }