Design Pattern für Container-Element gesucht

[Stefan]

Hi,

habe eben versucht sowas zu implementieren:

  
function Container() {  
 var container = new Array();  
 this.add = function(panel) {  
  container[panel.id] = panel;  
 }  
 this.remove = function(panel) {  
  container[panel.id] = null;  
 }  
  
 this.setPanel = function(id) {  
  for (panel in container) {  
  
    // TEST  
    alert(panel);  
  
   if(panel.id === id) {  
    panel.display();  
   }else{  
    panel.hide();  
   }  
  }  
 }  
}  
  
function Panel(id) {  
 this.id = id;  
 this.display = function() {  
  $(this.id).style.display = 'block';  
 }  
 this.hide = function() {  
  $(this.id).style.display = 'none';  
 }  
}  
function ConcretePanel(id) {  
}  
LoginPanel.prototype = new Panel();  

Ich verstehe nicht warum bei // TEST im Code hier die möglichen Funktionen vom Array ausgegeben werden (und am schluss das hinzugefügte Panel)? Ich möchte doch nur die konkreten Panel ausgeben...

Viele Grüsse
Stefan