// JavaScript Document

function doHover(CSSclass,bck_pos){
	$(CSSclass).hover(function(){
		$(this).fadeTo(380, 0.40);
		$('#header_photo').css('background-position','0px -'+bck_pos);
;
	},function(){
		$(this).fadeTo(380, 1.00);
	});
}

$(document).ready(function() {
	doHover('.historie','0px');
	doHover('.restaurant','225px');
	doHover('.biergarten','450px');
	doHover('.event_zelt','675px');
	doHover('.speisekarte','900px');
});