Jquery code doesn't work after paging

i have written below code in my header page


<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />

<script type="text/javascript">
        $(document).ready(function() {
            $(".various3").fancybox({
                'width'                : 1000,
                'height'            : 580,
                'autoScale'            : true,
                'autoSize'          : false,
                'transitionIn'        : 'none',
                'transitionOut'        : 'none',
                'autoDimensions': false,
                'type'                : 'iframe'
               
            });
        });
    </script>

This works fine.. but when i do paging then code written doesn't work.

i am resolved the that issues with little bit changes in my following code.

code is given below.

<script type="text/javascript">
    $(document).ready(function () {
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(showtpopup);
        showtpopup();
    });
    function showtpopup() {
        $(".various3").fancybox({
                'width'                : 1000,
                'height'            : 580,
                'autoScale'            : true,
                'autoSize'          : false,
                'transitionIn'        : 'none',
                'transitionOut'        : 'none',
                'autoDimensions': false,
                'type'                : 'iframe'
        });
    }
</script>


Thats work fine.