Untitled

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

    <head>
        <script src="http://openlayers.org/api/OpenLayers.js"></script>
        <script src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>
        <script>
            function moveByPixel(X, Y) {
                map.pan(X, Y);
            }

            function init() {
                map = new OpenLayers.Map("mapElementId", {
                    controls: [new OpenLayers.Control.Navigation()]
                });

                var googleMapsLayer = new OpenLayers.Layer.Google();
                map.addLayer(googleMapsLayer);

                var position = new OpenLayers.LonLat(14.4944, 50.078735).transform('EPSG:4326', 'EPSG:3857');
                var zoom = 15;
                map.setCenter(position, zoom);
            }
        </script>
    </head>

    <body onload="init();">
        <div style="width:100%; height:100%" id="mapElementId"></div>
    </body>

</html>