/**
 * info.js
 */

$(document).ready(function() {

	/**
	 * Produkte
	 */
	$("div.produkt a").fancybox({
		'overlayShow'	: true,
		'easingIn'		: 'easeOutBack',
		'easingOut'		: 'easeInBack',
		'overlayOpacity': 0.5, 	
		'padding'		: '2', 
		'centerOnScroll': false,
		'hideOnContentClick' : false,
		'frameWidth'	: 450,
      	'frameHeight'	: 350 
	});

	/**
	 * Kontakt & Impressum
	 */
	$("a#kontakt_link").click(function() {
		$("#kontakt .box").removeClass('impressum_container');
		$("#kontakt .kontakt_box").show();
		$("#kontakt .impressum_box").hide();
		$("a#kontakt_link").addClass('active');
		$("a#impressum_link").removeClass('active');
		return false;
	});
	
	$("a#impressum_link").click(function() {
		$("#kontakt .box").addClass('impressum_container');
		$("#kontakt .kontakt_box").hide();
		$("#kontakt .impressum_box").show();
		$("a#kontakt_link").removeClass('active');
		$("a#impressum_link").addClass('active');
		return false;
	});
	
	/**
	 * Beteiligte, Ansprechpartner & Förderer
	 */
	$("a#beteiligte_link").click(function() {
		$("#beteiligte .beteiligte_box").fadeIn('slow');
		$("#beteiligte .ansprechpartner_box").fadeOut('slow');
		$("#beteiligte .foerderer_box").fadeOut('slow');
		
		$("a#beteiligte_link").addClass('active');
		$("a#ansprechpartner_link").removeClass('active');
		$("a#foerderer_link").removeClass('active');
		
		return false;
	});
	
	$("a#ansprechpartner_link, a#ansprechpartner_link_text").click(function() {
		$("#beteiligte .beteiligte_box").fadeOut('slow');
		$("#beteiligte .ansprechpartner_box").fadeIn('slow');
		$("#beteiligte .foerderer_box").fadeOut('slow');
		
		$("a#beteiligte_link").removeClass('active');
		$("a#ansprechpartner_link").addClass('active');
		$("a#foerderer_link").removeClass('active');
		
		return false;
	});
	
	$("a#foerderer_link, a#foerderer_link_text").click(function() {
		$("#beteiligte .beteiligte_box").fadeOut('slow');
		$("#beteiligte .ansprechpartner_box").fadeOut('slow');
		$("#beteiligte .foerderer_box").fadeIn('slow');
		
		$("a#beteiligte_link").removeClass('active');
		$("a#ansprechpartner_link").removeClass('active');
		$("a#foerderer_link").addClass('active');
		
		return false;
	});
	
	/**
	 * Kontaktpersonen
	 */
	$("a#kontakte_link").fancybox({
		'zoomSpeedIn'	: 500,
		'zoomSpeedOut'	: 400,
		'easingIn'		: 'easeOutBack',
		'easingOut'		: 'easeInBack',
		'overlayShow'	: true,
		'overlayOpacity': 0.7, 	
		'padding'		: '1', 
		'hideOnContentClick' : false,
		'centerOnScroll': false,
		'frameWidth'	: 900,
      	'frameHeight'	: 430 
	});
	
	
	/**
	 * Theke
	 *********************************************************/
	 
	$("a#theke_1, a#theke_2, a#theke_3, a#theke_4, a#theke_5").click(function() {
	alert("haha");
		return false;
	});
	
	/**
	 * Hüben-Drüben
	 */
	$('a#theke1').qtip({
		style: { 
			name: 'light', 
			tip: 'topRight',
			border: {
				color: '#97c3c4',
				width: 2, 
				radius: 0
			},
			title: {
				color: '#e30057',
				background: '#f1f1f1'
			},
			width: 250,
			height: 30
		}, 
		position: {
			corner: {
				target: 'bottomMiddle', 
				tooltip: 'topRight'
			}
		}, 
		content: {
			prerender: 1, 
			title: 'Hüben-Drüben!',
			text: 'Welche Vorstellungen haben wir von der DDR und der SED- Diktatur?'
		},
		show: {
			target: 'mouseover', 
			delay: 0
		}, 
		hide: 'mouseout'
	});
	
	$("a#theke_1").fancybox({
		'overlayShow'	: true,
		'easingIn'		: 'swing',
		'easingOut'		: 'swing',
		'overlayOpacity': 0.5, 	
		'padding'		: '1', 
		'centerOnScroll': false,
		'hideOnContentClick' : false,
		'frameWidth'	: 350,
      	'frameHeight'	: 235
	});
	
	
	/**
	 * Grenzen-Los
	 */
	$('a#theke_2').qtip({
		style: { 
			name: 'light', 
			tip: 'topRight',
			border: {
				color: '#97c3c4',
				width: 2, 
				radius: 0
			},
			title: {
				color: '#e30057'
			},
			width: 250,
			height: 30
		}, 
		position: {
			corner: {
				target: 'bottomMiddle', 
				tooltip: 'topRight'
			}
		},
		content: {
			prerender: 1, 
			title: 'Grenzen-Los!',
			text: 'Die Mauer steht und fällt mit dir!'
		},
		show: {
			target: 'mouseover', 
			delay: 0
		}, 
		hide: 'mouseout'
	});
	
	$("a#theke_2").fancybox({
		'overlayShow'	: true,
		'easingIn'		: 'swing',
		'easingOut'		: 'swing',
		'overlayOpacity': 0.5, 	
		'padding'		: '1', 
		'centerOnScroll': false,
		'hideOnContentClick' : false,
		'frameWidth'	: 480,
      	'frameHeight'	: 250 
	});
	
	
	/**
	 * Frei-Zeichen
	 */
	$('a#theke_3').qtip({
		style: { 
			name: 'light', 
			tip: 'topMiddle', 
			border: {
				color: '#97c3c4',
				width: 2, 
				radius: 0
			},
			title: {
				color: '#e30057'
			},
			width: 250,
			height: 30
		}, 
		position: {
			corner: {
				target: 'bottomMiddle', 
				tooltip: 'topMiddle'
			}
		},
		content: {
			prerender: 1, 
			title: 'Frei-Zeichen!',
			text: 'Was haben die Hoffnungen der Wende mit uns zu tun?'
		},
		show: {
			target: 'mouseover', 
			delay: 0
		}, 
		hide: 'mouseout'
	});
	
	$("a#theke_3").fancybox({
		'overlayShow'	: true,
		'easingIn'		: 'swing',
		'easingOut'		: 'swing',
		'overlayOpacity': 0.5, 	
		'padding'		: '1', 
		'centerOnScroll': false,
		'hideOnContentClick' : false,
		'frameWidth'	: 440,
      	'frameHeight'	: 250 
	});
	
	
	/**
	 * Sinn-These
	 */	
	$('a#theke_4').qtip({
		style: { 
			name: 'light', 
			tip: 'topLeft', 
			border: {
				color: '#97c3c4',
				width: 2, 
				radius: 0
			},
			title: {
				color: '#e30057'
			},
			width: 250,
			height: 30
		}, 
		position: {
			corner: {
				target: 'bottomMiddle', 
				tooltip: 'topLeft'
			}
		},
		content: {
			prerender: 1, 
			title: 'Sinn-These!',
			text: 'Die Mauer steht und fällt mit dir!'
		},
		show: {
			target: 'mouseover', 
			delay: 0
		}, 
		hide: 'mouseout'
	});
	
	$("a#theke_4").fancybox({
		'overlayShow'	: true,
		'easingIn'		: 'swing',
		'easingOut'		: 'swing',
		'overlayOpacity': 0.5, 	
		'padding'		: '1', 
		'centerOnScroll': false,
		'hideOnContentClick' : false,
		'frameWidth'	: 480,
      	'frameHeight'	: 265
	});
	
	
	/**
	 * Einzel-Kämpfer
	 */	
	$('a#theke_5').qtip({
		style: { 
			name: 'light', 
			tip: 'topLeft', 
			border: {
				color: '#97c3c4',
				width: 2, 
				radius: 0
			},
			title: {
				color: '#e30057'
			},
			width: 250,
			height: 30
		}, 
		position: {
			corner: {
				target: 'bottomMiddle', 
				tooltip: 'topLeft'
			}
		},
		content: {
			prerender: 1, 
			title: 'Einzel-Kämpfer!',
			text: 'Das Ich und die Gemeinschaft!'
		},
		show: {
			target: 'mouseover', 
			delay: 0
		}, 
		hide: 'mouseout'
	});
	
	$("a#theke_5").fancybox({
		'overlayShow'	: true,
		'easingIn'		: 'easeOutBack',
		'easingOut'		: 'easeInBack',
		'overlayOpacity': 0.5, 	
		'padding'		: '1', 
		'centerOnScroll': false,
		'hideOnContentClick' : false,
		'frameWidth'	: 450,
      	'frameHeight'	: 250 
	});

});