var animationHeaders = null, animationTooglers = null;

function InitAnimationKB(){
	animationHeaders = $('animation').getElements(".header");
	animationTooglers = $("animation").getElements(".footer div");
	animationTooglers.each(function(el) {
		el.addEvent('mouseenter', OverToogler);
	});
}

function OverToogler(){
	animationTooglers.each(function(item) {
		item.getParent().removeClass('selected');
	});
	this.getParent().addClass('selected');
	
	var elem = $(this.getProperty("rel"));
	
	animationHeaders.each(function(item) {
		item.setStyle("display", 'none');
	});
	
	elem.setStyle("display", 'block');
}


window.addEvent('load', InitAnimationKB);