function $$() {
	function get$(el){
		if (typeof el == 'string') el = document.getElementById(el);
		return el;
	}
	if (arguments.length == 1) return get$(arguments[0]);
    var elements=[];
    for (var i=0, length=arguments.length;i<length;i++) elements.push($(arguments[i]));
   	return elements;
}

function Tabs(tabarea) {
  var tabs=[]; // tabs
  var divs=[]; // divs
  var activeTab=0;
  var that={};

  
  // eerste UL ophalen... daarna alle li & a tags! LETOP er mogen geen spaces voorkomen!
  var temp=$$(tabarea).getElementsByTagName('ul')[0].firstChild;
  tabs.push(temp);
  temp.firstChild.firstChild.unselectable='on';   
  while (temp.nextSibling){
    temp=temp.nextSibling;
    tabs.push(temp);
    temp.firstChild.firstChild.unselectable='on'; 
  }
  var nodes=$$(tabarea).childNodes;
  for (var i=0,length=nodes.length;i<length;i++) if (nodes[i].tagName=='DIV') {
		 divs.push(nodes[i]);
		 nodes[i].className+=' hiddentab';
  };
  var maxtabs=tabs.length,maxdivs=divs.length;
  
  that.deactivate = function() {
	 for (i=0;i<maxdivs;i++) {
       divs[i].className=divs[i].className.replace('activetab','hiddentab');
     }
	 for (i=0;i<maxtabs;i++) {
       tabs[i].id="";
     }
  };
  
  that.activate=function(tabnr) {
    divs[tabnr].className=divs[tabnr].className.replace('hiddentab','activetab');
	tabs[tabnr].id="active";
  }; 
  
  that.clean=function() {
     for (i=0;i<maxdivs;i++) {
       divs[i].className=divs[i].className.replace('activetab','')
       divs[i].className=divs[i].className.replace('hiddentab','')
	 }
     for (i=0;i<maxtabs;i++) {
       tabs[i].id="";
     }
  };

  that.execute=function(tabnr) {  // voer een handler functie uit
	that.deactivate();
	divs[tabnr].className=divs[tabnr].className.replace('hiddentab','activetab');
    tabs[tabnr].id="active";
	tabs[tabnr].onclick();
  };
  

  that.handler=function(tabnr,functie) {   // na de normale onclick events wordt de functie 'functie' uitgevoerd;
	tabs[tabnr].onclick=function() {
	 that.deactivate();
	 divs[tabnr].className=divs[tabnr].className.replace('hiddentab','activetab');
	 tabs[tabnr].id="active";
     functie();
	};
  };
  
  for (i=0;i<maxtabs;i++) {
	  tabs[i].onclick=function(i) {
		  return function() {
   	        that.deactivate();	
		    divs[i].className=divs[i].className.replace("hiddentab","activetab");
			tabs[i].id="active";
		  }
	  }(i);
  };  
  
  divs[activeTab].className=divs[activeTab].className.replace('hiddentab','activetab');
  tabs[activeTab].id="active";
  
  return that;
    
};



///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

zindex=100;





 
 
 
 

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////