var bsector = Class.create(opleidingen,{
		initialize : function($super, RPCURI, container){
			$super(RPCURI, container);
			this.instID = 'kb_' + parseInt(Math.random()*1000000);
		},
		
		getSectoren : function(mainCat){
			$('page').hide();
			this.mainCat = mainCat.toString();
			// get sectors:
			this.getSectors(this._getOpleidingen.bind(this));
		},
		
		_getOpleidingen : function(sectors){
			this.container.update('<h1>Beroepensectoren ' + this.getMainCatName() + '</h1>');
			
			var sectorContainer = new Element('div', {className:'sectors'})
			this.container.insert(sectorContainer);
			this.writeSectors(sectorContainer, this.writeSectorDetails.bindAsEventListener(this))
	  	},
	  	
	  	writeSectors : function(container,onclickHandler){
	  		var ul = new Element('ul');
	  		container.insert(ul);
	  		this.sectors.each(
	  			(function(sector){
  					var showSector = true;
	  				if (this.mainCat == 2){
	  					showDescription = true;
	  					if (sector.no_show_at_vmbo == 1) showSector = false;	
	  				}
	  				if (showSector){
	  					var link = new Element('a').update(sector.name);
	  					var li = new Element('li').update(link);
	  					ul.insert(li);
	  					link.observe('click', onclickHandler);
	  					link.sector = sector;
	  					var inlineContainer = new Element('div', {className:"categoryContainer"});
	  					inlineContainer.hide();
	  					link.inlineContainer = inlineContainer;
	  					li.insert(inlineContainer)
	  				}
	  			}).bind(this)
	  		)
	  	},
	  	
	  	writeSectorDetails : function(e){
	  		var sector = e.element().sector;
	  		var container = e.element().inlineContainer;
	  		this.writeSectorDescription(sector, container);
	  		
	  	}
	  	
	});