var initTabs = function() {
	var allTeaser = $$('.vditeaser_tabs');
	allTeaser.each(function(ele, index) {
	   var tabHead = ele.immediateDescendants();
	   var idSplit = ele.id.split('_');
	   tabHead = tabHead[1];
	    var allTabs = tabHead.descendants();
	    allTabs.each(function (tab, cnt){
	    	
	    	tab.writeAttribute({'id' : 't_' + idSplit[1] + '_' + cnt});
	    	
	        if(cnt == 0 && !tab.hasClassName('tab_headline')) {
	            tab.addClassName('active_tab');
	            var allContents =  $$('.tab_' + idSplit[1]);
	            allContents.each(function (content, contentIndex){
	                if(contentIndex == 0){
	                    content.addClassName('active_tab_content');
	                } else { 
	                    content.removeClassName('active_tab_content');
	                }
	                content.writeAttribute({'id' : 'content' + ele.id + '_' + contentIndex});
	            });
	        } else {
	            tab.removeClassName('active_tab');
	        }
	        Event.observe(tab, 'click', handleTabChange);
	    });
	});
};

var handleTabChange = function(event){
	var wrapEle = this.ancestors();
	var idSplit = this.id.split('_');
	var allContents =  $$('.tab_' + idSplit[1]);
	var allTabsInEle = wrapEle[0].descendants();
	allTabsInEle.each(function(ele, index) {
		ele.removeClassName('active_tab');
	});
	allContents.each(function(ele, index) {
		ele.removeClassName('active_tab_content');
		if(index == idSplit[2]) {
			ele.addClassName('active_tab_content');
		}
	});
	this.addClassName('active_tab');
};

FastInit.addOnLoad(initTabs);