//
// Interface Scripts



//	setContentHeight
//
//	Höhe des Inhalts der Fentstergrösse anpassen
//	Das Layout erfordert einen kleinen Hack, damit der Rollbalken die richtige Höhe
//	hat und sich der gesamte Inhalt innerhalb unseres Divs anzeigen lässt

function setContentHeight(set_visibility) {
	footer_pos = 631;
	window_height = $(window).height();
	content_margin = window_height - footer_pos;
	if (jQuery.browser.msie && parseInt(jQuery.browser.version) <= 6) {
		content_margin += 242;
	}
	$("div#Main-Content").css({'padding-bottom': content_margin});
	if (set_visibility) {
		$("div#footer").css("display", "block");
	}
}


$(document).ready(function(){
	
	// Infos und Mehr ausblenden bei Klick auf Main-Navigation
	$(".infos").addClass("fade_out");
	$(".infos").css({"opacity": "0", "left": "-600px"});
	
	// Blitzen des Textes in IE unterbinden
	if ($.browser.msie){
		$(".infos").css({"visibility": "visible"});
	}
	$(".infos").animate({ 
			opacity: 100,
			left: "0px"
		}, 600, "swing", function(){
			// Text unter IE glätten -> http://mattberseth.com/blog/2007/12/ie7_cleartype_dximagetransform.html
			if ($.browser.msie){
				$(this).css("filter", "");
			}
		}
	);
	$("div#Main-Navigation ul li a, p.kontakt-link a, p.kontakt-back a").click(function(){
		goto_url = $(this).attr("href");
		$(".fade_out").animate({ 
			opacity: 0,
			left: "-600px"
		}, 600, "swing", function(){
			document.location = goto_url;
		});
		return false;
	});
	
	// Höhe des Inhalts einstellen
	setContentHeight(1);
	
	// Infos ausblenden, Mehr einblenden
	$(".mehr-href").click(function(){
		fadein_id = $(this).attr("href");
		$(".infos").animate({ 
			opacity: 0,
			left: "-600px"
		}, 600, "swing", function(){
			$(".infos").addClass("hidden");
			$(".infos").removeClass("fade_out");
			$(fadein_id).addClass("fade_out");
			$(fadein_id).css({"top": 0, "left": "-600px"});
			
			// IE6 Verhindern, dass das einzublendende div nach oben gescrollt ist
			if ($.browser.msie){
				if (parseInt(jQuery.browser.version) < 7) {
					document.documentElement.scrollTop = 0;
				}
			}
			$(fadein_id).removeClass("hidden");
			$(fadein_id).animate({opacity: 100, left: "0px"}, 1000, "swing", function(){
				
				// Text unter IE glätten -> http://mattberseth.com/blog/2007/12/ie7_cleartype_dximagetransform.html
				if ($.browser.msie){
					$(this).css("filter", "");
				}
			});
		});
	});
	
	// Mehr ausblenden, Infos einblenden
	$(".back-href").click(function(){
		fadeout_id = "#" + $(this).attr("id").substr(5);
		$(fadeout_id).animate({ 
			opacity: 0,
			left: "-600px"
		}, 600, "swing", function(){
			$(fadeout_id).addClass("hidden");
			$(fadeout_id).removeClass("fade_out");
			$(".infos").addClass("fade_out");
			$(".infos").css({"top": 0, "left": "-600px"});
			
			// IE6 Verhindern, dass das einzublendende div nach oben gescrollt ist
			if ($.browser.msie){
				if (parseInt(jQuery.browser.version) < 7) {
					document.documentElement.scrollTop = 0;
				}
			}
			$(".infos").removeClass("hidden");
			$(".infos").animate({opacity: 100, left: "0px"}, 1000, "swing", function(){
				
				// Text unter IE glätten -> http://mattberseth.com/blog/2007/12/ie7_cleartype_dximagetransform.html
				if ($.browser.msie){
					$(this).css("filter", "");
				}
			});
		});
		return false;
	});
	
});

$(window).resize(function(){
	setContentHeight();
});