                        
                        /* global variables */
                        var widthGlob;
                        var heightGlob;
                        /* domyslnie
                        var offsetX = 15;
                        var offsetY = 25;
                        var paddingX = 20;
                        var paddingY = 57;*/
                        var offsetX = 15;
                        var offsetY = 25;
                        var paddingX = 60;
                        var paddingY = 75;
                        
                        /*   -------------------------------
                                 functions support image loading                        
                                 -------------------------------
                        */                        
                        function showFullImage(oEvent, srcImageName, title, width, height) {
                var oDiv = document.getElementById("destDiv");
                oDiv.style.visibility = "visible";                
                document.body.style.cursor = 'pointer';
                
                                widthGlob = width;
                                heightGlob = height;                                
                                                                
                if (typeof window.event != "undefined")
                {
                        //alert("showFullImage - window.event");                        
                        imgX = 0;
                        imgY = 0;
                        imgX = event.clientX + offsetX;
                                imgY = event.clientY + offsetY;
                        
                        if(event.pageY)
                        {
                                if((event.clientX + offsetX + widthGlob + paddingX) > document.body.clientWidth ) 
                                        {
                                                imgX = imgX - widthGlob - paddingX - offsetX - offsetX;        
                                        }
                                        if((event.clientY + offsetY + heightGlob + paddingY) > document.body.clientHeight)
                                        {
                                                imgY = imgY - heightGlob - paddingY - offsetY - offsetY;
                                        }
                                }
                                else
                                {
                                if((event.clientX + offsetX + widthGlob + paddingX) > document.documentElement.clientWidth ) 
                                        {
                                                imgX = imgX - widthGlob - paddingX - offsetX - offsetX;        
                                        }
                                        if((event.clientY + offsetY + heightGlob + paddingY) > document.documentElement.clientHeight)
                                        {
                                                imgY = imgY - heightGlob - paddingY - offsetY - offsetY;
                                        }
                                
                                }
                                if(imgY < 0)
                                {
                                        imgY = 0;
                                        
                                }
                                if(imgX < 0)
                                {
                                        if(document.documentElement.clientWidth > 800) imgX = 0;
                                        //imgX = event.clientX + offsetX;
                                };
                        
                        oDiv.style.left = imgX + 'px';
                                oDiv.style.top  = imgY + document.documentElement.scrollTop + 'px';                                                                                                                                            
                }
                else if (typeof oEvent != "undefined")
                {
                        //alert("showFullImage - oEvent");                        
                        imgX = 0;
                        imgY = 0;                       
                        imgX = oEvent.pageX + offsetX;
                                imgY = oEvent.pageY + offsetY;
                        
                        if((oEvent.clientX + offsetX + widthGlob + paddingX) > document.documentElement.clientWidth ) 
                                {
                                        imgX = imgX - widthGlob - paddingX - offsetX - offsetX;        
                                }
                                if((oEvent.clientY + offsetY + heightGlob + paddingY) > document.documentElement.clientHeight)
                                {
                                        imgY = imgY - heightGlob - paddingY - offsetY - offsetY;
                                }
                                if(imgY < window.pageYOffset)
                                {
                                        imgY = window.pageYOffset;
                                }
                                if(imgX < window.pageXOffset)
                                {
                                        if(document.documentElement.clientWidth > 800) imgX = window.pageXOffset;
                                        //imgX = oEvent.clientX + offsetX;
                                };
                        
                        oDiv.style.left = imgX + 'px';
                                oDiv.style.top  = imgY + 'px';
                }

                                oDiv.style.width = widthGlob + paddingX + 'px';
                                oDiv.style.height = heightGlob + paddingY + 'px';
                                //oDiv.style.border = 'solid';
                                //oDiv.style.borderWidth = '1px';
                                //oDiv.style.backgroundColor = '#ffffff';
                                oDiv.style.position = 'absolute';
                                oDiv.style.zIndex = '100';                                
                                oDiv.style.textAlign = 'center';                                
                
                                var cont;
                                var widthFull = widthGlob + paddingX;
                                if((typeof window.event != "undefined")) {
                                        if(event.pageX)        { cont = '<div id="progressContainer" style="width:100%; position: absolute; z-index: 200; top: 40%;"></div>'; }
                                        else { cont = '<div id="progressContainer" style="width: '+widthFull+'; position: absolute; z-index: 200; top: 40%; left:0;"></div>'; }
                                } else { cont = '<div id="progressContainer" style="width:100%;position: absolute; z-index: 200; top: 40%;"></div>'; }
                
                                
                                oDiv.innerHTML =   '<div class="headTitle">' + title + '</div>';
                                oDiv.innerHTML +=  '<div class="preview-corner"><!-- --></div>';
                                oDiv.innerHTML += '<div class="imageContainer" style="z-index: 150;"><div class="preview-box"><!-- --></div><img id="imgCont" onload="javascript:remove_loading();" src="' + srcImageName + '" border="0"></div>';
                                oDiv.innerHTML += cont;

                                var oProgressBlock = document.getElementById("progressContainer");
                                oProgressBlock.innerHTML = '<div id="mainBarC" class="progressBar"><div id="progBar" class="bar">&nbsp;</div><div class="message">Trwa wczytywanie...</div></div>';

                document.onmousemove = followMouse;
            }

            function hideFullImage(oEvent) {
                var oDiv = document.getElementById("destDiv");
                oDiv.style.visibility = "hidden";
				
				document.body.style.cursor = 'default';
                document.onmousemove = "";
            }

            function followMouse(e)
            {                   
                var imgX = 0;
                var imgY = 0;                
                var oDiv = document.getElementById("destDiv");

             
                if (typeof window.event != "undefined")
                {
                        //alert("showFullImage - window.event");                        
                        imgX = 0;
                        imgY = 0;
                        imgX = event.clientX + offsetX;
                                imgY = event.clientY + offsetY;
                        
                        if(event.pageY)
                        {
                                if((event.clientX + offsetX + widthGlob + paddingX) > document.body.clientWidth ) 
                                        {
                                                imgX = imgX - widthGlob - paddingX - offsetX - offsetX;        
                                        }
                                        if((event.clientY + offsetY + heightGlob + paddingY) > document.body.clientHeight)
                                        {
                                                imgY = imgY - heightGlob - paddingY - offsetY - offsetY;
                                        }
                                }
                                else
                                {
                                if((event.clientX + offsetX + widthGlob + paddingX) > document.documentElement.clientWidth ) 
                                        {
                                                imgX = imgX - widthGlob - paddingX - offsetX - offsetX;        
                                        }
                                        if((event.clientY + offsetY + heightGlob + paddingY) > document.documentElement.clientHeight)
                                        {
                                                imgY = imgY - heightGlob - paddingY - offsetY - offsetY;
                                        }
                                
                                }
                                if(imgY < 0)
                                {
                                        imgY = 0;
                                }
                                if(imgX < 0)
                                {
                                        if(document.documentElement.clientWidth > 800) imgX = 0;
                                        //imgX = event.clientX + offsetX;
                                };
                        
                        oDiv.style.left = imgX + 'px';
                                oDiv.style.top  = imgY + document.documentElement.scrollTop + 'px';
                }
                else if (typeof e != "undefined")
                {
                        //alert("showFullImage - oEvent");                        
                        imgX = 0;
                        imgY = 0;                       
                        imgX = e.pageX + offsetX;
                                imgY = e.pageY + offsetY;
                        
                        if((e.clientX + offsetX + widthGlob + paddingX) > document.documentElement.clientWidth ) 
                                {
                                        imgX = imgX - widthGlob - paddingX - offsetX - offsetX;        
                                }
                                if((e.clientY + offsetY + heightGlob + paddingY) > document.documentElement.clientHeight)
                                {
                                        imgY = imgY - heightGlob - paddingY - offsetY - offsetY;
                                }
                                if(imgY < window.pageYOffset)
                                {
                                        imgY = window.pageYOffset;
                                }
                                if(imgX < window.pageXOffset)
                                {
                                        if(document.documentElement.clientWidth > 800) imgX = window.pageXOffset;
                                        //imgX = e.clientX + offsetX;
                                };
                        
                        oDiv.style.left = imgX + 'px';
                                oDiv.style.top  = imgY + 'px';
                }

            }
                        /*         ------------------------------
                                functions support progress bar 
                                ------------------------------
                        */
            var t_id = setInterval(animate,50);
                        var pos=0;
                        var dir=2;
                        var len=0;

                        function animate(e)
                        {                        
                                
                                var oBar = document.getElementById('progBar');
                                if(oBar != null)
                                {                                                                                        
                                        if (pos == 0) { len += dir; }                                        
                                        if (len > 30 || pos > 118) { pos += dir; }
                                        if (pos > 118) { len -= dir }
                                        if (pos > 118 && len == 0) pos = 0;
                                        
                                        oBar.style.left = pos+'px';
                                        oBar.style.width = len+'px';                                        
                                };
                                
                                
                        }

                        function remove_loading() {
                                this.clearInterval(t_id);
                                var targelem = document.getElementById('mainBarC');
                                targelem.style.display='none';
                                targelem.style.visibility='hidden';
                                var t_id = setInterval(animate,50);
                                
                                var oimgDiv = document.getElementById("imgCont");
                                oimgDiv.style.border = "solid 10px #ffffff";                
                        }
            
