$(function() {
        $("#ViewerSizeOrigin").mouseover(function() {
            $("#ViewerSizeOrigin").attr("src", "/img/websocket/MainToolbarImage_origin_O.gif");
        });
        $("#ViewerSizeOrigin").mouseout(function() {
            if ( SCREEN_SIZE != "origin")
            {
                $("#ViewerSizeOrigin").attr("src", "/img/websocket/MainToolbarImage_origin.gif");
            }
            else
            {
                $("#ViewerSizeOrigin").attr("src", "/img/websocket/MainToolbarImage_origin_C.gif");
            }
        });
        $("#ViewerSizeOrigin").mousedown(function() {
            $("#ViewerSizeOrigin").attr("src", "/img/websocket/MainToolbarImage_origin_C.gif");
        });
        $("#ViewerSizeWidth").mouseover(function() {
            $("#ViewerSizeWidth").attr("src", "/img/websocket/MainToolbarImage_width_O.gif");
        });
        $("#ViewerSizeWidth").mouseout(function() {
            if ( SCREEN_SIZE != "width")
            {
                $("#ViewerSizeWidth").attr("src", "/img/websocket/MainToolbarImage_width.gif");
            }
            else
            {
                $("#ViewerSizeWidth").attr("src", "/img/websocket/MainToolbarImage_width_C.gif");
            }
        });
        $("#ViewerSizeWidth").mousedown(function() {
            $("#ViewerSizeWidth").attr("src", "/img/websocket/MainToolbarImage_width_C.gif");
        });
        $("#ViewerSizeFull").mouseover(function() {
            $("#ViewerSizeFull").attr("src", "/img/websocket/MainToolbarImage_full_O.gif");
        });
        $("#ViewerSizeFull").mouseout(function() {
            if ( SCREEN_SIZE != "full")
            {
                $("#ViewerSizeFull").attr("src", "/img/websocket/MainToolbarImage_full.gif");
            }
            else
            {
                $("#ViewerSizeFull").attr("src", "/img/websocket/MainToolbarImage_full_C.gif");
            }
        });
        $("#ViewerSizeFull").mousedown(function() {
            $("#ViewerSizeFull").attr("src", "/img/websocket/MainToolbarImage_full_C.gif");
        });

        
        $("#ViewerChannel0").mouseover(function() {
            $("#ViewerChannel0").attr("src", "/img/websocket/button_ch1_O.gif");
        });
        $("#ViewerChannel0").mouseout(function() {
            if ( CHANNEL_STATUS != 1)
            {
                $("#ViewerChannel0").attr("src", "/img/websocket/button_ch1_U.gif");
            }
            else
            {
                $("#ViewerChannel0").attr("src", "/img/websocket/button_ch1_d.gif");
            }
        });
        $("#ViewerChannel0").mousedown(function() {
            $("#ViewerChannel0").attr("src", "/img/websocket/button_ch1_d.gif");
        });
        $("#ViewerChannel1").mouseover(function() {
            $("#ViewerChannel1").attr("src", "/img/websocket/button_ch2_O.gif");
        });
        $("#ViewerChannel1").mouseout(function() {
            if ( CHANNEL_STATUS != 2)
            {
                $("#ViewerChannel1").attr("src", "/img/websocket/button_ch2_U.gif");
            }
            else
            {
                $("#ViewerChannel1").attr("src", "/img/websocket/button_ch2_d.gif");
            }
        });
        $("#ViewerChannel1").mousedown(function() {
            $("#ViewerChannel1").attr("src", "/img/websocket/button_ch2_d.gif");
        });
        $("#ViewerChannel2").mouseover(function() {
            $("#ViewerChannel2").attr("src", "/img/websocket/button_ch3_O.gif");
        });
        $("#ViewerChannel2").mouseout(function() {
            if ( CHANNEL_STATUS != 4)
            {
                $("#ViewerChannel2").attr("src", "/img/websocket/button_ch3_U.gif");
            }
            else
            {
                $("#ViewerChannel2").attr("src", "/img/websocket/button_ch3_d.gif");
            }
        });
        $("#ViewerChannel2").mousedown(function() {
            $("#ViewerChannel2").attr("src", "/img/websocket/button_ch3_d.gif");
        });
        
        /*
        $("#ViewerChannel0").mouseover(function() {
            $("#ViewerChannel0").attr("src", "/img/websocket/button_ch1_O.gif");
        });
        $("#ViewerChannel0").mouseout(function() {
            if ( CHANNEL_STATUS != 1)
            {
                $("#ViewerChannel0").attr("src", "/img/websocket/button_ch1_U.gif");
            }
            else
            {
                $("#ViewerChannel0").attr("src", "/img/websocket/button_ch1_d.gif");
            }
        });
        $("#ViewerChannel0").mousedown(function() {
            $("#ViewerChannel0").attr("src", "/img/websocket/button_ch1_d.gif");
        });
        $("#ViewerChannel1").mouseover(function() {
            $("#ViewerChannel1").attr("src", "/img/websocket/button_ch2_O.gif");
        });
        $("#ViewerChannel1").mouseout(function() {
            if ( CHANNEL_STATUS != 2)
            {
                $("#ViewerChannel1").attr("src", "/img/websocket/button_ch2_U.gif");
            }
            else
            {
                $("#ViewerChannel1").attr("src", "/img/websocket/button_ch2_d.gif");
            }
        });
        $("#ViewerChannel1").mousedown(function() {
            $("#ViewerChannel1").attr("src", "/img/websocket/button_ch2_d.gif");
        });
        $("#ViewerChannel2").mouseover(function() {
            $("#ViewerChannel2").attr("src", "/img/websocket/button_ch3_O.gif");
        });
        $("#ViewerChannel2").mouseout(function() {
            if ( CHANNEL_STATUS != 4)
            {
                $("#ViewerChannel2").attr("src", "/img/websocket/button_ch3_U.gif");
            }
            else
            {
                $("#ViewerChannel2").attr("src", "/img/websocket/button_ch3_d.gif");
            }
        });
        $("#ViewerChannel2").mousedown(function() {
            $("#ViewerChannel2").attr("src", "/img/websocket/button_ch3_d.gif");
        });
        $("#ViewerChannel3").mouseover(function() {
            $("#ViewerChannel3").attr("src", "/img/websocket/button_ch4_O.gif");
        });
        $("#ViewerChannel3").mouseout(function() {
            if ( CHANNEL_STATUS != 8)
            {
                $("#ViewerChannel3").attr("src", "/img/websocket/button_ch4_U.gif");
            }
            else
            {
                $("#ViewerChannel3").attr("src", "/img/websocket/button_ch4_d.gif");
            }
        });
        $("#ViewerChannel3").mousedown(function() {
            $("#ViewerChannel3").attr("src", "/img/websocket/button_ch4_d.gif");
        });
        */
    });


    function ViewerResize() {
        with (document.all) {
            if ( SCREEN_SIZE == "origin" )
            {
                if ( PtzOnClose.value == 0 )
                    gwidth = window.innerWidth - 0; 
                       
                else
                    gwidth = window.innerWidth - 23;
                gheight = window.innerHeight - 19;

                $('#ViewerIFrame').contents().find("#id_image").width("gwidth");
                $('#ViewerIFrame').contents().find("#id_image").height("gheight");
                $('#ViewerIFrame').width(gwidth);
                $('#ViewerIFrame').height(gheight);
                $('#ViewerIFrame').contents().find("#id_image").css("object-fit","contain");
                $("#ViewerIFrame")[0].setAttribute("scrolling", "no");
            }
            else if ( SCREEN_SIZE == "width" )
            {
                if ( PtzOnClose.value == 0 )
                    gwidth = window.innerWidth - 0;    
                else
                    gwidth = window.innerWidth - 23;
                    gheight = window.innerHeight - 19;

                $('#ViewerIFrame').contents().find("#id_image").width(gwidth);
                $('#ViewerIFrame').contents().find("#id_image").height(gheight);
                $('#ViewerIFrame').width(gwidth);
                $('#ViewerIFrame').height(gheight);
                $('#ViewerIFrame').contents().find("#id_image").css("object-fit","contain");
                $("#ViewerIFrame")[0].setAttribute("scrolling", "no");
            }
            else if ( SCREEN_SIZE == "full" )
            {
                if ( PtzOnClose.value == 0 )
                    gwidth = window.innerWidth - 0;    
                else
                    gwidth = window.innerWidth - 23;
                gheight = window.innerHeight - 19;

                $('#ViewerIFrame').contents().find("#id_image").width(gwidth);
                $('#ViewerIFrame').contents().find("#id_image").height(gheight);
                $('#ViewerIFrame').width(gwidth);
                $('#ViewerIFrame').height(gheight);
                $('#ViewerIFrame').contents().find("#id_image").css("object-fit","contain");
                $("#ViewerIFrame")[0].setAttribute("scrolling", "no");
            }
            else 
            {
               if ( PtzOnClose.value == 0 )
               gwidth = window.innerWidth - 0 ; 
                else
                    gwidth = window.innerWidth - 23;
                    gheight = window.innerHeight - 19;

                $('#ViewerIFrame').contents().find("#id_image").width(gwidth);
                $('#ViewerIFrame').contents().find("#id_image").height(gheight);
                $('#ViewerIFrame').width(gwidth);
                $('#ViewerIFrame').height(gheight);
                $('#ViewerIFrame').contents().find("#id_image").css("object-fit","contain");
                $("#ViewerIFrame")[0].setAttribute("scrolling", "no");
            }
        }
    }

    $(window).resize( function () {
        ViewerResize();
    });