// Eigene Javascript Klassen

// Klasse, welche die Boxen steuert


var Box = {
	   
    toggleUp: function(id, opt){
         var defaults = {
			minHeight: '2em',			
			imageUp:   'imageUp.gif',
			imageDown: 'imageDown.gif',
			imageUrl:  '../image/'
         }
         var opt = Object.extend(defaults, opt || {});     
         if(!this.status){this.status = new Array(); }
         if(opt.up == true && this.status[id] == 'up'){return;}
         if(opt.up == 0){
         	this.status[id] = 'down'; 
         	this.foldDown(id, opt);
         	return; 
         }
         
         if(this.status[id] != 'up'){
    	     this.status[id] = 'up';
    	     this.foldUp(id, opt);
         }
         else{
    	     this.status[id] = 'down';
    	     this.foldDown(id, opt);
         }
    },
    
    foldUp: function(id, opt){
    	var element = $(id+'_ro'); 
  	    Element.setStyle(element,{overflow:'hidden', height: opt.minHeight}); 
         var img = $(id+'_icon'); 
  	     img.src = opt.imageUrl+opt.imageDown; 
    },
    
    foldDown: function(id, opt){
    	var element = $(id+'_ro'); 
  	    Element.setStyle(element,{overflow:'auto', height:'auto'}); 
        var img = $(id+'_icon'); 
  	    img.src = opt.imageUrl+opt.imageUp;
    }
}