if(typeof(TIF) == 'undefined') { var TIF = {}; }
/*
* TIF Tabs:
* new TIF.Tabs("#some_id li a");
*/
TIF.Tabs = Class.create();
Object.extend(TIF.Tabs.prototype,{
    cEl: null,
    links: [],
    initialize: function(links, options){
        this.options = { activeClass: 'on' };
        Object.extend(this.options,options || {});
        this.links = $$(links);
        //this.cEl = window.location;
	this.cEl = this.links[0];

        this.links.each(function(el) {
		el.observe('click', this.tab.bind(this));
	}.bind(this));

        this.links.each(this.addTab.bind(this));
    },
    tab: function(ev) {
        this.cEl = Event.element(ev);
	// is soms niet de link zelf ? bij img is het de afbeelding.
	// zonodig deze check meer uitbreiden.
	if(!this.cEl.href) { this.cEl = this.cEl.parentNode; }
        Event.stop(ev); // link wordt niet echt gevolgd, nadeel is geen bookmarks, voordeel niet verspringen.
        this.links.each(this.addTab.bind(this));
    },
    addTab: function(el) {
        var r = el.href.match(/#(.*)/);
	// gaat ook niet goed in IE
        var match = this.cEl.href.replace(/.*#/, '');
        if(match  == r[1]) {
          Element.classNames($(el.parentNode)).add(this.options.activeClass); $(r[1]).show();
        } else {
          Element.classNames($(el.parentNode)).remove(this.options.activeClass); $(r[1]).hide();
        }
    }
});