$(document).ready(function(){

	/* thickbox: hide containers */

	$('.hidejs').hide();


	/* startseiten intro */

	$('#intro').crossSlide({
		sleep: 3,
		fade: 2
	}, [
		{ src: 'static/images/intro/intro_01.jpg', href: '/startseite/' },
		{ src: 'static/images/intro/intro_08.jpg', href: '/startseite/' },
		{ src: 'static/images/intro/intro_02.jpg', href: '/startseite/' },
		{ src: 'static/images/intro/intro_03.jpg', href: '/startseite/' },
		{ src: 'static/images/intro/intro_04.jpg', href: '/startseite/' },
		{ src: 'static/images/intro/intro_05.jpg', href: '/startseite/' },
		{ src: 'static/images/intro/intro_06.jpg', href: '/startseite/' },
		{ src: 'static/images/intro/intro_07.jpg', href: '/startseite/' }
	]);


	/* external links
	   based on: http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links
	*/

	$('a').filter(function() {
		return this.hostname && (this.hostname).split(":")[0] !== (location.hostname).split(":")[0];
	})
	.not(':has(img, div)')
	.addClass('external')
	.click(function() {
		window.open(this.href);
		return false;
	});


	/* produkte: animation */

	var speed = 175;

	$('.saecke li').hover(
		function () {
			if (!$(this).hasClass('disabled')) {
				if ($.browser.msie) {
					$('div.a .schatten', this).hide();
					$('div.b', this).fadeIn(speed);
				}
				else {
					$('div.a .schatten', this).fadeOut(speed);
					$('div.b', this).fadeIn(speed);
				}
				// welpen
				if (
					$(this).hasClass('n1') ||
					$(this).hasClass('n2')
				) {
					$('.buttons .n1').addClass('n1-hover');
				}
				// ausgewachsen
				if (
					$(this).hasClass('n3') ||
					$(this).hasClass('n4') ||
					$(this).hasClass('n6') ||
					$(this).hasClass('n7')
				) {
					$('.buttons .n2').addClass('n2-hover');
				}
				// senior
				if ($(this).hasClass('n5')) {
					$('.buttons .n2').addClass('n2-hover');
					$('.buttons .n3').addClass('n3-hover');
				}
	
				// details
				if ($(this).hasClass('n1')) {
					$('.buttons .n4').addClass('n4-hover');
				}
				if ($(this).hasClass('n2')) {
					$('.buttons .n5').addClass('n5-hover');
				}
				if ($(this).hasClass('n3')) {
					$('.buttons .n6').addClass('n6-hover');
				}
				if ($(this).hasClass('n4')) {
					$('.buttons .n7').addClass('n7-hover');
				}
				if ($(this).hasClass('n5')) {
					$('.buttons .n8').addClass('n8-hover');
					$('.buttons .n11').addClass('n11-hover');
				}
				if ($(this).hasClass('n6')) {
					$('.buttons .n9').addClass('n9-hover');
				}
				if ($(this).hasClass('n7')) {
					$('.buttons .n10').addClass('n10-hover');
				}
			}
			
		},
		function () {
			if (!$(this).hasClass('disabled')) {
				if ($.browser.msie) {
					$('div.b', this).fadeOut(speed);
					$('div.a .schatten', this).show();
				}
				else {
					$('div.b', this).fadeOut(speed);
					$('div.a .schatten', this).fadeIn(speed);
				}
				// welpen
				if (
					$(this).hasClass('n1') ||
					$(this).hasClass('n2')
				) {
					$('.buttons .n1').removeClass('n1-hover');
				}
				// ausgewachsen
				if (
					$(this).hasClass('n3') ||
					$(this).hasClass('n4') ||
					$(this).hasClass('n6') ||
					$(this).hasClass('n7')
				) {
					$('.buttons .n2').removeClass('n2-hover');
				}
				// senior
				if ($(this).hasClass('n5')) {
					$('.buttons .n2').removeClass('n2-hover');
					$('.buttons .n3').removeClass('n3-hover');
				}
	
				// details
				if ($(this).hasClass('n1')) {
					$('.buttons .n4').removeClass('n4-hover');
				}
				if ($(this).hasClass('n2')) {
					$('.buttons .n5').removeClass('n5-hover');
				}
				if ($(this).hasClass('n3')) {
					$('.buttons .n6').removeClass('n6-hover');
				}
				if ($(this).hasClass('n4')) {
					$('.buttons .n7').removeClass('n7-hover');
				}
				if ($(this).hasClass('n5')) {
					$('.buttons .n8').removeClass('n8-hover');
					$('.buttons .n11').removeClass('n11-hover');
				}
				if ($(this).hasClass('n6')) {
					$('.buttons .n9').removeClass('n9-hover');
				}
				if ($(this).hasClass('n7')) {
					$('.buttons .n10').removeClass('n10-hover');
				}
	
			}
		}
	);
	
	
	
	$('.buttons a').hover(
		function () {
			// welpen
			if ($(this).hasClass('n1')) {
				$('.saecke .n3').addClass('disabled');
				$('.saecke .n4').addClass('disabled');
				$('.saecke .n5').addClass('disabled');
				$('.saecke .n6').addClass('disabled');
				$('.saecke .n7').addClass('disabled');
			}
			// ausgewachsen
			if ($(this).hasClass('n2')) {
				$('.saecke .n1').addClass('disabled');
				$('.saecke .n2').addClass('disabled');
			}
			// senior
			if ($(this).hasClass('n3')) {
				$('.saecke .n1').addClass('disabled');
				$('.saecke .n2').addClass('disabled');
				$('.saecke .n3').addClass('disabled');
				$('.saecke .n4').addClass('disabled');
				$('.saecke .n6').addClass('disabled');
				$('.saecke .n7').addClass('disabled');
			}
			
			// details
			if ($(this).hasClass('n4')) show(1);
			if ($(this).hasClass('n5')) show(2);
			if ($(this).hasClass('n6')) show(3);
			if ($(this).hasClass('n7')) show(4);
			if ($(this).hasClass('n8')) show(5);
			if ($(this).hasClass('n9')) show(6);
			if ($(this).hasClass('n10')) show(7);
			if ($(this).hasClass('n11')) show(5);
		},
		function () {
			// welpen
			if ($(this).hasClass('n1')) {
				$('.saecke .n3').removeClass('disabled');
				$('.saecke .n4').removeClass('disabled');
				$('.saecke .n5').removeClass('disabled');
				$('.saecke .n6').removeClass('disabled');
				$('.saecke .n7').removeClass('disabled');
			}
			// ausgewachsen
			if ($(this).hasClass('n2')) {
				$('.saecke .n1').removeClass('disabled');
				$('.saecke .n2').removeClass('disabled');
			}
			// senior
			if ($(this).hasClass('n3')) {
				$('.saecke .n1').removeClass('disabled');
				$('.saecke .n2').removeClass('disabled');
				$('.saecke .n3').removeClass('disabled');
				$('.saecke .n4').removeClass('disabled');
				$('.saecke .n6').removeClass('disabled');
				$('.saecke .n7').removeClass('disabled');
			}

			// details
			if ($(this).hasClass('n4')) hide(1);
			if ($(this).hasClass('n5')) hide(2);
			if ($(this).hasClass('n6')) hide(3);
			if ($(this).hasClass('n7')) hide(4);
			if ($(this).hasClass('n8')) hide(5);
			if ($(this).hasClass('n9')) hide(6);
			if ($(this).hasClass('n10')) hide(7);
			if ($(this).hasClass('n11')) hide(5);
		}
	);

	function show(elm) {
		if ($.browser.msie) {
			$('.saecke .n' + elm + ' div.a .schatten').hide();
			$('.saecke .n' + elm + ' div.b').fadeIn(speed);
		}
		else {
			$('.saecke .n' + elm + ' div.a .schatten').fadeOut(speed);
			$('.saecke .n' + elm + ' div.b').fadeIn(speed);
		}
	}

	function hide(elm) {
		if ($.browser.msie) {
			$('.saecke .n' + elm + ' div.b').fadeOut(speed);
			$('.saecke .n' + elm + ' div.a .schatten').show();
		}
		else {
			$('.saecke .n' + elm + ' div.b').fadeOut(speed);
			$('.saecke .n' + elm + ' div.a .schatten').fadeIn(speed);
		}
	}

});