$(document).ready(function(){
	
	
	if (jQuery.browser.msie && jQuery.browser.version < 7) {	
	        $(document).pngFix(); 
	}
	
	$("#switcher a").each( function(i) {
		$(this).assocBoxNr = i;
		$(this).click( function() {
			$(window.activeSwitch).removeClass("active");
			$(this).addClass("active");
			window.activeSwitch = $(this);
			window.activeSwitch.assocBoxNr = i+1;
			faceStyles(window.activeSwitch.assocBoxNr);
			return false; // prevent jumping to anchor (#) of link 
		});
	});
	
	window.activeSwitch = $("#switcher a").eq(0);
	$(window.activeSwitch).addClass("active");
	if ($("#switcher a").length != 0) $("#content ul.level4Nav li.sel2").addClass("red");
	
	
	$("#materialien img").each( function(i) {
		$(this).mouseover( function () {
			$("#materialien p").text($(this).attr("title"));
		})
	});
	
	
	if (jQuery.browser.msie && jQuery.browser.version < 7) {
		$("a.imgRolloverFaceRed").hover( 
			function() {
				$(this).addClass("over");
			},
			function() {
				$(this).removeClass("over");
		});
	}
	
});


function faceStyles (i) {

	var hiddenStyle = {"position":"absolute","margin-left":"-5000px"};
	var visibleStyle = {"position":"relative","margin-left":"0px"};

	switch(i) {
		case 1:
		$("#switcher").removeClass().addClass("redContainer");
		$("div.s2, div.s3").css(hiddenStyle);
		$("div.s" + i).css(visibleStyle);
		$("#content ul.level4Nav li.sel2").removeClass().addClass("sel2 red");
		break;
		
		case 2:
		$("#switcher").removeClass().addClass("whiteContainer");
		$("div.s1, div.s3").css(hiddenStyle);
		$("div.s" + i).css(visibleStyle);
		$("#content ul.level4Nav li.sel2").removeClass().addClass("sel2");
		break;
		
		case 3:
		$("#switcher").removeClass().addClass("blackContainer");
		$("div.s1, div.s2").css(hiddenStyle);
		$("div.s" + i).css(visibleStyle);
		$("#content ul.level4Nav li.sel2").removeClass().addClass("sel2 black");
		break;
	}	
}