// JavaScript Document

$(document).ready(function() {		
	
	// Tabellen ausblenden wenn nicht active	
	if($("#Tabellen div.first").hasClass("active")) {
		$("#Tabellen div.first").css('display', 'block');
		$("#Tabellen div.second").css('display', 'none');
		$("#Tabellen div.third").css('display', 'none');
	}
	// Social-Media ausblenden wenn nicht aktiv
	if($("#SocialMedia div.first").hasClass("active")) {
		$("#SocialMedia div.first").css('display', 'block');
		$("#SocialMedia div.second").css('display', 'none');
	}
	
	// Klick-Event auf Navigation, aktiviert den entsprechenden Punkt
	$("#Tabellen-Nav ul li.first a").click(function(){
		$("#Tabellen-Nav ul li.first").addClass("active");
		$("#Tabellen div.first").addClass("active");
		
		$("#Tabellen-Nav ul li.second").removeClass("active");
		$("#Tabellen-Nav ul li.third").removeClass("active");
		$("#Tabellen div.second").removeClass("active");
		$("#Tabellen div.third").removeClass("active");
		
		$("#Tabellen div.first").removeAttr("style");
		$("#Tabellen div.second").removeAttr("style");
		$("#Tabellen div.third").removeAttr("style");
		
		$("#Tabellen div.first").css('display', 'block');
		$("#Tabellen div.second").css('display', 'none');
		$("#Tabellen div.third").css('display', 'none');
	});
	
	$("#Tabellen-Nav ul li.second a").click(function(){
		$("#Tabellen-Nav ul li.second").addClass("active");
		$("#Tabellen div.second").addClass("active");
		
		$("#Tabellen-Nav ul li.first").removeClass("active");
		$("#Tabellen-Nav ul li.third").removeClass("active");
		$("#Tabellen div.first").removeClass("active");
		$("#Tabellen div.third").removeClass("active");	
		
		$("#Tabellen div.first").removeAttr("style");
		$("#Tabellen div.second").removeAttr("style");
		$("#Tabellen div.third").removeAttr("style");
		
		$("#Tabellen div.first").css('display', 'none');
		$("#Tabellen div.second").css('display', 'block');
		$("#Tabellen div.third").css('display', 'none');	
	});
	
	$("#Tabellen-Nav ul li.third a").click(function(){
		$("#Tabellen-Nav ul li.third").addClass("active");
		$("#Tabellen div.third").addClass("active");
		
		$("#Tabellen-Nav ul li.first").removeClass("active");
		$("#Tabellen-Nav ul li.second").removeClass("active");
		$("#Tabellen div.second").removeClass("active");
		$("#Tabellen div.first").removeClass("active");		
		
		$("#Tabellen div.first").removeAttr("style");
		$("#Tabellen div.second").removeAttr("style");
		$("#Tabellen div.third").removeAttr("style");
		
		$("#Tabellen div.first").css('display', 'none');
		$("#Tabellen div.second").css('display', 'none');
		$("#Tabellen div.third").css('display', 'block');
	});
	
	// SocialMedia Klick-Event auf Navigation, aktiviert den entsprechenden Punkt
	
	$("#Social-Nav ul li.first a").click(function(){
		$("#Social-Nav ul li.first").addClass("active");
		$("#SocialMedia div.first").addClass("active");
		
		$("#Social-Nav ul li.second").removeClass("active");
		$("#SocialMedia div.second").removeClass("active");
		
		$("#SocialMedia div.first").removeAttr("style");
		$("#SocialMedia div.second").removeAttr("style");
		
		$("#SocialMedia div.first").css('display', 'block');
		$("#SocialMedia div.second").css('display', 'none');
	});
	
	$("#Social-Nav ul li.second a").click(function(){
		$("#Social-Nav ul li.second").addClass("active");
		$("#SocialMedia div.second").addClass("active");
		
		$("#Social-Nav ul li.first").removeClass("active");
		$("#SocialMedia div.first").removeClass("active");
		
		$("#SocialMedia div.first").removeAttr("style");
		$("#SocialMedia div.second").removeAttr("style");
		
		$("#SocialMedia div.first").css('display', 'none');
		$("#SocialMedia div.second").css('display', 'block');	
	});
	
	
	
	
});