$(document).ready(function(){
	
	var fenster = $('html, body');
	fenster.scrollTop(0);
	offset = new Array();
	var offset_target = 0;
	$("#main #content img").each(function(index){
		offset[index] = $(this).offset().top;
	});

	$("#main #content a").click(function(e){
		e.preventDefault(); 
	if (offset_target >= offset.length -1 )	{
		offset_target = 0;
	} else {
		offset_target++;
	}
		fenster.animate({scrollTop : offset[offset_target] - 20 }, 200);
	});

	$("#main #navi_sub a").click(function(e){
		e.preventDefault(); 
		offset_target = $(this).index();
		fenster.animate({scrollTop : offset[$(this).index()] - 20 }, 200);
		return false; // ignore link, run only javascript  
	});

	var info_button = $("#info_button .menu_contact");

	info_button.mouseenter(function(e) {
		e.preventDefault(); 
		info_button.css({"color":"#000000", "background-color":"#FFFFFF"});
	}).mouseleave(function(event) {
		info_button.css({"color":"#FFFFFF", "background-color":"#000000"});
	});

/*	hide button mittels class hide:
	$("#menu .hide").click(function(e) {
		$("#menu").animate({left: "-=180px"}, 100, function() {
			$("#menu .menu_serien").fadeOut(200);
			$("#menu .menu_head").bind("mouseenter", function(event) {
				event.preventDefault();
				$(this).unbind();
				$("#menu .menu_serien").fadeIn(200, function() {
					if($(this).is(".hide")) {
						$("#menu").animate({left: "+=180px"}, 100);
					}
				});
				$("#info_button").fadeIn(200).animate({left: "-=180px"}, 100);
				$("#info").fadeIn(200).animate({left: "-=180px"}, 100);
				$("#navi").fadeIn(200).animate({left: "-=180px"}, 100);
			});
		});
		$("#info_button").animate({left: "+=180px"}, 100).fadeOut(200);
		$("#info").animate({left: "+=180px"}, 100).fadeOut(200);
		$("#navi").animate({left: "+=180px"}, 100).fadeOut(200);
	}) */
	
});