fullscreen for map div

in the links:
***********************
<script type="text/javascript" src="http://vtirene.crowdmap.com/plugins/fullscreenmap/views/js/jquery.colorbox.js">

<link rel="stylesheet" type="text/css" href="http://vtirene.crowdmap.com/plugins/fullscreenmap/views/css/fullscreenmap.css" />
<link rel="stylesheet" type="text/css" href="http://vtirene.crowdmap.com/plugins/fullscreenmap/views/css/colorbox.css" />


in the header:
***********************
<script type="text/javascript" charset="utf-8">
//start fullscreen script
$(document).ready(function() {
        var orig_width = $("#map").width();
        var orig_height = $("#map").height();

        currZoom = map.getZoom();
        currCenter = map.getCenter();

        $(".fullscreenmap_click").colorbox({
                width:"100%",
                height:"100%",
                inline:true,
                href:"#map",
                // Resize Map DIV and Refresh
                onComplete:function(){
                    $("#map").width("99%");
                        $("#map").height("99%");
//                      $("#map").append();
//                      $(".fullscreenmap_cats").draggable( { handle: 'h2' } );
                        map.setCenter(currCenter, currZoom, false, false);
                },
                // Return DIV to original state
                onClosed:function(){
                        $("#map").width(orig_width);
                        $("#map").height(orig_height);
                        $("#map").show();
                        map.setCenter(currCenter, currZoom, false, false);
                }
        });
});

//end fullscreen script
</script>



in the body:
*********************
<div class="fullscreenmap-btn"><a href="#" class="fullscreenmap_click">Full Screen Map</a>
</div>