function CLASS_SIDEBAR(p_can,p_url)
{
  //Öffentliche Variablen
  this.className = "sidebar";
  this.canvas = document.getElementById(p_can);
  this.element_alpha = 0.5;
  this.element_alpha_active = 1.0;
  this.url = p_url;
  this.color = "#ffffff";
  this.border_color = "#ff2700";
  this.fenster_div;
  this.bg_div;
  this.content_div;
  this.box1_div;
  this.box2_div;
  this.children = new Array();
  this.active_element;
  //Private Variablen

  

  //Öffentliche Methoden
  this.init_from_xml = function(xml){
  var xml = xml.childNodes;
  var i=0;
  for(var counter=0;counter<xml.length;counter++) {
  if (xml[counter].firstChild){
    switch(xml[counter].nodeName.toLowerCase()){
      case "border_color":
        this.border_color = xml[counter].firstChild.nodeValue;
        break;
      case "element_alpha":
        this.element_alpha = xml[counter].firstChild.nodeValue;
        break;
       case "element_alpha_active":
        this.element_alpha_active = xml[counter].firstChild.nodeValue;
        break;     
      case "element":
        var temp = new CLASS_SIDEBAR_ELEMENT(this,i);
        i++;
        temp.init_from_xml(xml[counter]);
        this.children.push(temp);
        break;
    }
	}
  }
    this.draw();
  }
  this.draw = function(){
    this.fenster_div = document.createElement("div");
    this.fenster_div.className = this.className;
    this.fenster_div.obj = this;
    
    this.box1_div = document.createElement("div");
    this.box1_div.className = "box1";
    this.box1_div.style.border = "4px solid "+this.border_color;
    this.fenster_div.appendChild(this.box1_div);
    
    this.box2_div = document.createElement("div");
    this.box2_div.className = "box2";
    //this.box2_div.style.border = "4px solid #ffffff";
    //this.box2_div.style.padding = "4px";
    this.fenster_div.appendChild(this.box2_div);

  	this.canvas.appendChild(this.fenster_div);
  	for (var counter=0;counter<this.children.length;counter++) {
      this.children[counter].draw();
    }
  	files[this.url] = this;
  	sidebar = this;
  }
  //Private Methoden
}
