function imgCenter(imgWidth,imgHeight)
        {
            var winW = 1280, winH = 800;
            if (document.body && document.body.offsetWidth) {
            winW = document.body.offsetWidth;
            winH = document.body.offsetHeight;
            }
            if (document.compatMode=='CSS1Compat' &&
            document.documentElement &&
            document.documentElement.offsetWidth ) {
            winW = document.documentElement.offsetWidth;
            winH = document.documentElement.offsetHeight;
            }
            if (window.innerWidth && window.innerHeight) {
            winW = window.innerWidth;
            winH = window.innerHeight;
            }
            
            var centerLeft=Math.round((winW-imgWidth)/2);
            var centerTop=Math.round((winH-imgHeight)/2);
            
            var center = new Array();
            var scrollY=getScrollXY();
            center[0]=centerLeft;
            center[1]=centerTop+scrollY-100;
            if(center[1]-scrollY<50) center[1]=scrollY+50;
            return center;
        }
        function getDocHeight() {
        var D = document;
        return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
        );
        }
        function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  //return [ scrOfX, scrOfY ];
  return scrOfY;
}
        function showImage(imgPath,imgWidth,imgHeight)
        {
            var picture = new Image();
            picture.src=imgPath;

            tWall = document.createElement("div");
            //tWall.style.position='absolute';
            tWall.innerHTML='<div style="position:absolute;background-color:#666666;filter:alpha(opacity=50);opacity:0.5;top:0;left:0;width:100%;height:'+getDocHeight()+'px" onclick="closeImg()"></div>';
            document.body.appendChild(tWall);
            
            wrapper = document.createElement("div");
            wrapper.id='wrapper';
            wrapper.style.position='absolute';
            //wrapper.style.background="#ffffff url('/szablon/ladowanie.gif') no-repeat center center";
            wrapper.style.backgroundColor="#ffffff";
            
            wrapper.style.padding='20px';
            
            wrapper.innerHTML='<img style="position:absolute;right:15px;top:15px;z-index:1;cursor:pointer;" onclick="closeImg()" src="http://highslide.com/highslide/graphics/close.png" />';
            
            
            var center = imgCenter(imgWidth,imgHeight);
            wrapper.style.top=center[1]+'px';
            wrapper.style.left=center[0]+'px';
            
            document.body.appendChild(wrapper);
            document.getElementById("wrapper").appendChild(picture);
            
            
        }
        function closeImg() {
         
         document.body.removeChild(wrapper);
         document.body.removeChild(tWall);   
        }