// http://robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/
function getElementsByClassName(className, tag, elm){
	var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}

function addEvent(obj, type, fn){
	if (obj.addEventListener) {
		obj.addEventListener(type, fn, false);
	} else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn](window.event); }
		obj.attachEvent("on"+type, obj[type+fn]);
	}
}

function toggleSpecification(){
	var content = document.getElementById('text'),
		elements = getElementsByClassName('spezifikation', 'div', content);
		
	for (var i = 0; i < elements.length; i++) {
		var title = elements[i].getElementsByTagName('h3')[0];
		
		addEvent(title, 'click', function(){
			var element = this.parentNode,
				clazz = element.className;
				
			if (clazz.search('active') == -1) {
				element.className += ' active';
			} else {
				element.className = clazz.replace(/ active/g, '');
			}
		});
	}
}
	
addEvent(window, 'load', toggleSpecification);