function hideAll(id) {
	var myHider = new Fx.Slide(id);
	myHider.hide;
}

function changecolor(id, color, thumb) {
	element = document.getElementById(id);
	element.style.background = color;
	element2 = document.getElementById(thumb);
	element2.style.background = color;
}
/**
 * 
 * @param {Object} id
 */
function getObject(id) {
	if (typeof id == "object") {
		return id;
	} else {
		return document.getElementById(id);
	}
	return false;	
}
/**
 * adds a class name to an element
 * @param {Object} id
 * @param {Object} className
 */
function addClassName(id, className) {
	if (false !== (object = getObject(id))) {
		var classes = object.className.split(" ");
		if (!classes[className]) {
			classes.push(className);
			var newClassName = "";
			for (i = 0; i < classes.length; i++) {
				if (newClassName == "") newClassName = classes[i];
				else newClassName += " " + classes[i];
			}
			object.className = "" + newClassName;
		}
	}
}
/**
 * removes a class name
 * @param {Object} id
 * @param {Object} className
 */
function removeClassName(id, className) {
	if (false !== (object = getObject(id))) {
		var classes = object.className.split(" ");
		var newClassName = "";
		for (i = 0; i < classes.length; i++) {
			if(className != classes[i]) {
				if (newClassName == "") newClassName = classes[i];
				else newClassName += " " + classes[i];
			}
		}
		object.className = "" + newClassName;
	}
}

function slider(teaserID, storyID, thumbID) {
	var hideTeaser = new Fx.Slide(teaserID, {duration: 700});
	hideTeaser.toggle();
	element = document.getElementById(storyID);
	element.style.display = '';

}