Someone

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <title>OpenLayers map preview</title>
        <style type="text/css">
            #map {
                width: 1650px;
                height: 700px;
                border: 1px solid black;
            }
            #wrapper {
                width: 547px;
            }
            #location {
                float: right;
            }
        </style>
        <script src="http://localhost:8080/geoserver/openlayers/OpenLayers.js" type="text/javascript">
        </script>
        <script defer="defer" type="text/javascript">
        var map;
            function setHTML(response) { 
            document.getElementById('nodelist').innerHTML = response.responseText;
        };
        
        OpenLayers.IMAGE_RELOAD_ATTEMPTS = 5;
        OpenLayers.DOTS_PER_INCH = 25.4 / 0.28;
        
        function init(){
            var bounds = new OpenLayers.Bounds(
                578746.4488243159, 4349190.6463798005,
                667300.6003039934, 4447226.4507977255
            );
            var options = {
                controls: [],
                maxExtent: bounds,
                maxResolution: 382.95236100751936,
                projection: "EPSG:26910",
                units: 'm'
            };
            map = new OpenLayers.Map('map', options);
            
            
            // setup tiled layer
            outline = new OpenLayers.Layer.WMS(
                "topp:butte_county - Tiled", "http://localhost:8080/geoserver/wms",
                {
                    isBaseLayer: 'true'
		    height: '550',
                    width: '547',
                    layers: 'butte_outline',
                    styles: '',
                    srs: 'EPSG:26910',
                    format: 'image/png',
                    tiled: 'true',
                    tilesOrigin : "578746.4488243159,4349190.6463798005"
                },
                {buffer: 0} 
            );
            
          roads = new OpenLayers.Layer.WMS(
                "topp:bcroads - Tiled", "http://localhost:8080/geoserver/wms",
                {
                    isBaseLayer: 'false'
			  height: '550',
                    width: '494',
                    layers: 'butte_county_roads',
                    styles: '',
                    srs: 'EPSG:26910',
                    format: 'image/png',
                    tiled: 'true',
                    tilesOrigin : "580081.8105865251,4344307.497238553"
                },
                {buffer: 0} 
        
            map.addLayers([roads, outline]);
            
            // setup controls and initial zooms
            map.addControl(new OpenLayers.Control.PanZoomBar());
            map.addControl(new OpenLayers.Control.Navigation());
            map.addControl(new OpenLayers.Control.Scale($('scale')));
            map.addControl(new OpenLayers.Control.MousePosition({element: $('location')}));
            map.addControl(new OpenLayers.Control.LayerSwitcher());
            //map.addControl(new OpenLayers.Control.OverviewMap());
            map.zoomToExtent(bounds);
            
            // support GetFeatureInfo
            map.events.register('click', map, function (e) {
                document.getElementById('nodelist').innerHTML = "Loading... please wait...";
                var url =  map.layers[0].getFullRequestString(
                    {
                        REQUEST: "GetFeatureInfo",
                        EXCEPTIONS: "application/vnd.ogc.se_xml",
                        BBOX: map.getExtent().toBBOX(),
                        X: e.xy.x,
                        Y: e.xy.y,
                        INFO_FORMAT: 'text/html',
                        QUERY_LAYERS: map.layers[0].params.LAYERS,
                        FEATURE_COUNT: 50,
                        WIDTH: map.size.w,
                        HEIGHT: map.size.h
                    },
                    "http://localhost:8080/geoserver/wms"
                );
                OpenLayers.loadURL(url, '', this, setHTML, setHTML);
                OpenLayers.Event.stop(e);
            });
        }
        </script>

    </head>
    <body onload="init()">
        <div id="map"></div>
        <div id="wrapper">
            <div id="location"></div>
            <div id="scale"></div>
        </div>
        <div id="nodelist">Click on the map to get feature info</div>

    </body>
</html>