//Mouseovereffekt auf der Startseite
Event.observe(window, 'load', init);
var timer;

function init(evt) {
	$('spalten').select('div.spalte').each(function(item) {
		item.observe('mouseover', hover);
		item.observe('mouseout',unhover);
		item.descendants().each(function(d) {
			d.observe('mouseover', breakTimer);
		});
	});
}

function show(evt) {
	hide();
	if ($(evt.target).hasClassName('spalte'))evt.target.addClassName('active');	
	else evt.target.up('div.spalte').addClassName('active');	
}

function hide() {
	breakTimer();
	$('spalten').select('div.spalte').each(function(item) {
		item.removeClassName('active');	
	});
}

function hover(evt) {
	show(evt);
}

function unhover(evt) {
	//start timer
	timer = window.setTimeout(hide, 100);
}
function breakTimer() {
	//stop timer
	window.clearTimeout(timer);
}