Le portail francophone de la géomatique

bjr et joyeux noel a tous;
je suis nouveau dans les SIG et j'ai un souci.
J'ai importer d'abord dans Postgis les couches 5 suivantes: regions, departements,usines , pipeline_chad__cmr, dangers
Pour publier ces couches dans une page web grace à un serveur web wampserver, et geoserver
je procède par html et javascript.
Ainsi j'ai créé les fichier pipeline.html et carte.js
voici le code de carte.js:

function init() {
    var osmLayer1 = new OpenLayers.Layer.OSM();
    var regions = new OpenLayers.Layer.WMS( "regions", "http://localhost:8080/geoserver/pipeline/wms",{layers:'regions',transparent:"true"});
    map.addLayers([osmLayer1,regions]);
    map.zoomToMaxExtent();
    map.addControl(new OpenLayers.Control.Navigation());
    map.addControl(new OpenLayers.Control.PanZoomBar());
    map.addControl(new OpenLayers.Control.OverviewMap());
    map.addControl(new OpenLayers.Control.MousePosition());
    map.addControl(new OpenLayers.Control.LayerSwitcher());
}

Ce code marche bien pour une seule couche region à afficher sur la carte du monde (voir limage img2 en pièce jointe)

mais quand je veux afficher plusieurs couches  superposée exemple 3 couches(regions, departement,usines) sur la carte du monde cela ne marche pas. même apres avoir modifié le code:
var osmLayer1 = new OpenLayers.Layer.OSM();
var all= new OpenLayers.Layer.WMS("regions, departements, usines", "http://localhost:8080/geoserver/pipelinepg/wms",
        {layers:'regions, departements, usines', transparent:"true"}
        );
map.addLayers([osmLayer1,all]);

Merci pour votre aide