Untitled

<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
       <title>Next time RTFM</title>
        <script src="../resources/js/ext-3.4.0/ext-base.js" type="text/javascript"></script>
        <script src="../resources/js/ext-3.4.0/ext-all.js"  type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="../resources/js/ext-3.4.0/resources/css/ext-all.css"></link>

        <script src="../resources/js/OpenLayers/OpenLayers.js" type="text/javascript"></script>
        <link rel="stylesheet" href="../resources/js/OpenLayers/theme/default/style.css" type="text/css" />

        <script src="../resources/js/GeoExt/GeoExt.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="../resources/js/GeoExt/css/geoext-all.css"></link>
        <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=key'></script>

        <style type="text/css">
            html, body, #map {
                margin: 0;
                width: 100%;
                height: 100%;
            }

            #text {
                position: absolute;
                bottom: 1em;
                left: 1em;
                width: 512px;
                z-index: 20000;
                background-color: white;
                padding: 0 0.5em 0.5em 0.5em;
            }
        </style>

        <script type="text/JavaScript">
            function RefreshPage(Period)
            {
                setTimeout("location.reload(true);", Period);
            }
            var Today = new Date();
            var day = Today.getDate();
            var month = Today.getMonth();
            var year = Today.getFullYear();
            var hours = Today.getHours();
            var minutes = Today.getMinutes();
            var seconds = Today.getSeconds();
            document.write(hours + ":" + minutes + ":" + seconds)
        </script>
        <script type="text/javascript">
            var lon = 85.31;
            var lat = 27.67;
            var zoom = 9;
            var map, layers;
            var info;
            var url = "http://localhost/geoserver/wms";
            function init(){


                map = new OpenLayers.Map('map', {
                    projection: new OpenLayers.Projection("EPSG:900913"),
                    displayProjection: new OpenLayers.Projection("EPSG:4326"),
                    numZoomLevels: 21,
                    maxExtent: new OpenLayers.Bounds(-20037508, -20037508,20037508, 20037508.34),
                    controls: [
                        new OpenLayers.Control.Navigation(),
                        new OpenLayers.Control.PanZoomBar(),
                        new OpenLayers.Control.LayerSwitcher({'ascending':false}),
                        new OpenLayers.Control.ScaleLine(),
                        new OpenLayers.Control.MousePosition(),
                        new OpenLayers.Control.OverviewMap(),
                        new OpenLayers.Control.KeyboardDefaults()
                    ]


                });


                var nplBorder = new OpenLayers.Layer.WMS( "Border",
                url,
                {layers: 'GisData:INTERNATION_BORDER'}
            );

                var dsBand = new OpenLayers.Layer.WMS( "Band",
                url,
                {layers: 'GisData:DISTRICT_BND'}
            );


                var site = new OpenLayers.Layer.WMS( "site",
                url,
                {layers: 'GisData:sites', transparent: "true",format: "image/png"}
            );


       var g_pmap = new OpenLayers.Layer.Google(
                "Google Physical",
                {type: G_PHYSICAL_MAP,'sphericalMercator': true}

                );

                var gmap_gs = new OpenLayers.Layer.Google(
                    "Google Streets"// the default
                {'sphericalMercator': true}
                );

                var gmap_ghy  = new OpenLayers.Layer.Google(
                    "Google Hybrid",
                    {type: G_HYBRID_MAP,'sphericalMercator': true}
                );

                var gmap_gsat = new OpenLayers.Layer.Google(
                    "Google Satellite",
                    {type: G_SATELLITE_MAP,'sphericalMercator': true}

                )

                site.setIsBaseLayer(false);


                map.addLayer(Border);
                map.addLayer(Band);
                map.addLayer(Site);

        // why didn't you add the Google layers???
map.add(g_pmap);
map.add(gmap_gs);
map.add(gmap_ghy);
map.add(gmap_gsat);

        info = new OpenLayers.Control.WMSGetFeatureInfo({
            url: "http://localhost/geoserver/wms",
            title: 'Identify features by clicking',
            queryVisible: true,
            eventListeners: {
                getfeatureinfo: function(event) {
                    map.addPopup(new OpenLayers.Popup.FramedCloud(
                        "chicken",
                        map.getLonLatFromPixel(event.xy),
                        null,
                        event.text,
                        null,
                        true
                    ));
                }
            }
        });
         map.addControl(info);
        info.activate();

                map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);


            }
        </script>
    </head>
    <body onload="init();">

        <div id="map"  ></div>
    </body>
</html>