// JavaScript Document
function addEventHandler(oTarget, sEventType, fnHandler) {
                    if (oTarget.addEventListener) {
                            oTarget.addEventListener(sEventType, fnHandler, false);
                    } else if (oTarget.attachEvent) {
                            oTarget.attachEvent("on" + sEventType, fnHandler);
                    } else {
                            oTarget["on" + sEventType] = fnHandler;
                    }
            };

            function Viadon_ImageDialog_Resize()
            {         
                var TopPos = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
  
                if (document.getElementById("Dialog_BG"))
                    document.getElementById("Dialog_BG").style.top = TopPos + "px";
                if (document.getElementById("Dialog_Area"))
                    document.getElementById("Dialog_Area").style.top = TopPos + "px";
            }
            function InsertSwfLoading()
            {
                var SwfSrc = "<div style=\"padding : 63px 33px\" id=\"GifLoading\">"; 
                SwfSrc += "<img src=\"/Templates/Viadon/Data/Img/loading.gif\" alt=\"\" />";
                SwfSrc += "</div>";
                
                document.getElementById("Dialog_ImgArea").innerHTML += SwfSrc;
            }
            
            function Viadon_ImageDialog_Load()
            {
                var d = document.getElementById("Dialog_ImgArea");
          	    var olddiv = document.getElementById("GifLoading");
          	    d.removeChild(olddiv);
          	    document.getElementById("Dialog_ImgArea_Data").style.display = "block";
                var w = document.getElementById("DynamicImage").offsetWidth;
                var h = document.getElementById("DynamicImage").offsetHeight;
                
                setTimeout("Viadon_ImageDialog_Roll(" + w + ", " + h + ", 1, 10)", 500);       
            }
            
            function Viadon_ImageDialog_Close()
            {
                var d = document.body;
          	    var olddiv = document.getElementById("Dialog_BG");
          	    d.removeChild(olddiv);
          	    olddiv = document.getElementById("Dialog_Area");
          	    d.removeChild(olddiv);
            }
            
            function Viadon_ImageDialog_Roll(w, h, krok, krokov)
            {          
                var NewW = (w - 196) / krokov * krok;
                var NewH = (h - 168) / krokov * krok;
                            
                document.getElementById("Dialog_Window").style.width = (200 + NewW) + "px";
                document.getElementById("Dialog_Window").style.marginLeft = (200 + NewW) / -2 + "px";
                document.getElementById("Dialog_ImgArea_Data").style.width = (196 + NewW) + "px";
                
                document.getElementById("Dialog_Window").style.height = (200 + NewH) + "px";
                document.getElementById("Dialog_Window").style.marginTop = (200 + NewH) / -2 + "px";
                document.getElementById("Dialog_ImgArea_Data").style.height = (168 + NewH) + "px";
                    
                if (krok != krokov)
                {
                    BodyH = document.body.offsetHeight;
                    if (BodyH == 0)
                        BodyH = window.innerHeight;
                    NewW = (w - 196) / krokov * (krok + 1);
                    NewH = (h - 168) / krokov * (krok + 1);
                    if (NewH + 200 > BodyH)
                    {
                        document.getElementById("DynamicImage").style.width = (NewW + 196) + "px";
                        document.getElementById("DynamicImage").style.height = (NewH + 168) + "px";
                    }
                    else
                        setTimeout("Viadon_ImageDialog_Roll(" + w + ", " + h + ", " + (krok + 1) + ", " + krokov + ")", 1);
                }    
            }
            
            function Viadon_ImageDialog_Open(URL, Caption, Desc)
            {          
                document.body.innerHTML += "<div id=\"Dialog_BG\"></div>";                
                document.body.innerHTML += "<div id=\"Dialog_Area\"></div>";               
                document.getElementById("Dialog_Area").innerHTML += "<div id=\"Dialog_Window\"></div>";     
                document.getElementById("Dialog_Window").innerHTML += "<div id=\"CloseBtn\"><img src=\"/Templates/SestoSensoBlack/Data/Img/close_dialog.png\" onclick=\"Viadon_ImageDialog_Close();\" /></div>"; 
                document.getElementById("Dialog_Window").innerHTML += "<div id=\"Dialog_ImgArea\"></div>";  
                document.getElementById("Dialog_ImgArea").innerHTML += "<div id=\"Dialog_ImgArea_Data\"></div>";     
                //document.getElementById("Dialog_ImgArea_Data").innerHTML += "<div id=\"Dialog_ImgArea_Data2\"></div>";    
                //document.getElementById("Dialog_ImgArea_Data2").innerHTML += "<div style=\"text-align : left; margin : 0 10px 0 10px; white-space : nowrap\"><span class=\"Modre\"><br /><span class=\"MalyNadpis\">" + Caption + "</span><br /><br /></span></div>";      
                InsertSwfLoading();
                document.getElementById("Dialog_ImgArea_Data").innerHTML += "<img src=\"" + URL + "\" alt=\"\" onload=\"Viadon_ImageDialog_Load();\" id=\"DynamicImage\" />";
                
                //document.getElementById("Dialog_ImgArea_Data2").innerHTML += "<div style=\"text-align : center; margin : 5px 10px 0 10px;\"><span class=\"Zelene\"><br />" + Desc + "<br /><br /></span></div>";     
                           
                Viadon_ImageDialog_Resize();
                
                addEventHandler(window, 'scroll', Viadon_ImageDialog_Resize);
                addEventHandler(window, 'resize', Viadon_ImageDialog_Resize);
                
                return false;
            }