
$(document).ready(function(){
	// haupt-navi: mouseover	
	$("li.main_link").mouseover(function() {
		$(this).addClass("jsMainLinkHoverRight");
		$(this).find("a.main_link").addClass("jsMainLinkHoverLeft");
	}).mouseout(function(){
		$(this).removeClass("jsMainLinkHoverRight");
		$(this).find("a.main_link").removeClass("jsMainLinkHoverLeft");
	});
  
	// startseite bzw. tabs vorhanden?
	if($("ul.tabs").lenght!=0 && $("ul.tabs").children().length > 1)
	{
		// gehe alle durch und haue ein event drauf
		$("ul.tabs").click(function(e){		
			
			// die id des aktuell angeklickten elementes
			itsId 		= e.target.id;
			itsIdFull 	= "_" + itsId;
			
			// die id des elementes, das aktuell aktiv ist
			actId 		= $("ul.tabs > li.activated").attr('id');
			actIdFull 	= "_" + actId; 
			
			// den aktuellen inhalt ausblenden
			$("div#"+actIdFull).addClass("default");
			$("div#"+actIdFull).removeClass("activated");

			// das aktuell aktivierte auf default setzen
			$("ul.tabs > li.activated").addClass("default");
			$("ul.tabs > li.activated").removeClass("activated");
			
			// das angeklickte auf activated setzen
			$("li#"+itsId).removeClass("default");
			$("li#"+itsId).addClass("activated");
			
			// den neuen inhalt einblenden
			$("div#"+itsIdFull).removeClass("default");
			$("div#"+itsIdFull).addClass("activated");
		});
	}
});



