document.observe("dom:loaded", function() {
	$("hauptnavi").childElements().each(function(element) {
		new HauptnaviPunkt(element);
	});
	
	var farleft = $$(".farleftcontent");
	if (farleft) {
		farleft[0].setStyle("background-color:transparent;")
	}
});

HauptnaviPunkt = function(element) {
	this.element = element;
	
	this.initialize();
};

HauptnaviPunkt.prototype = {
	initialize: function() {
		this.element.observe("mouseenter", this.over.bindAsEventListener(this));
		this.element.observe("mouseleave", this.out.bindAsEventListener(this));
	},
	over: function() {
		this.element.down("ul").setStyle({ left: "0px" });
	},
	out: function() {
		this.element.down("ul").setStyle({ left: "-9999px" });
	}
};