var onloadHandler = function(obj){
	$(obj).show();
	$('.Abstract', $(obj).parents('.ArticleTeaser:not(.NoImg)')).show();
};

var Animator = (function(){

	$.extend($.easing,{
		easeOutExpo: function (x, t, b, c, d) {
			return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
		}
	});

	jQuery.support.placeholder = (function(){
		var i = document.createElement('input');
		return 'placeholder' in i;
	})();

	var btnClick = function(btnEl, e){
		var href = $(btnEl).attr('href');
		e.preventDefault();
		e.stopPropagation();
		linkTracking(btnEl);
		window.location.href = href;
	};

	var abstractClick = function(elem, btnClass, parent){
		elem = (parent) ? $(elem, parent) : $(elem);
		elem.click(function(e){
			var btn = $(btnClass, $(this));
			if(btn.length > 0)
			{
				btnClick(btn, e);
			}
		});
	};

	var queueType = {
		NO_IMG_MOUSEENTER: 'noImgOver',
		NO_IMG_MOUSEOUT: 'noImgOut',
		IMG_MOUSEENTER: 'imgOver',
		IMG_MOUSEOUT: 'imgOut',
		STAGE_MOUSEENTER: 'stageOver',
		STAGE_MOUSEOUT: 'stageOut',
		AUTHOR_BIO_MOUSEENTER : 'authorBioOver',
		AUTHOR_BIO_MOUSEOUT : 'authorBioOut'
	};

	var mouseEnter = function(el){
		$(el).unbind('mouseenter');
		$(el).dequeue('effect');
	};

	var mouseLeave = function(el, child){
		var queueEl = child || el;
		$(el).unbind('mouseleave');
		$(queueEl).dequeue('effect');
	};

	var initQueue = function(){};
	initQueue = function(elem, type){
		switch(type)
		{
			case queueType.NO_IMG_MOUSEENTER:
				elem.queue('effect', function(next){
					$(this).bind('mouseleave', function(){mouseLeave($(this));});
					next();
				}).queue('effect', function(next){
					$('.OpenAbstract', $(this)).hide();
					next();
				}).queue('effect', function(next){
					$('.ArticleLink', $(this)).show();
					next();
				}).queue('effect', function(next){
					initQueue(elem, queueType.NO_IMG_MOUSEOUT);
				});
				break;
			case queueType.NO_IMG_MOUSEOUT:
				elem.queue('effect', function(next){
					$(this).bind('mouseenter', function(){mouseEnter($(this));});
					next();
				}).queue('effect', function(next){
					$('.ArticleLink', $(this)).hide();
					next();
				}).queue('effect', function(next){
					$('.OpenAbstract', $(this)).show();
					next();
				}).queue('effect', function(next){
					initQueue(elem, queueType.NO_IMG_MOUSEENTER);
				});
				break;
			case queueType.IMG_MOUSEENTER:
				elem.queue('effect', function(next){
					$(this).bind('mouseleave', function(){mouseLeave($(this));});
					next();
				}).queue('effect', function(next){
					$('.OpenAbstract', $(this)).hide();
					next();
				}).queue('effect', function(next){
					$('.ArticleLink', $(this)).show();
					next();
				}).queue('effect', function(next){
					$('p', $(this)).css({'visibility': 'visible'});
					next();
				}).queue('effect', function(next){
					var targetPos = parseInt($(this).parent().height(), 10) - parseInt($(this).outerHeight(), 10);
					$(this).animate({ 'top': targetPos + 'px' }, 100, function(){
						var tracking = $('.tracking', $(this));
						var articleName = $('.articleName',tracking).html();
						var categoryName = $('.categoryName', tracking).html();
						var linkName = 'stage_teaser:'+categoryName+':open';
						linkTracking(this, 'o', {
							prop19: linkName+':'+articleName,
							prop26: linkName
						}, linkName+':'+articleName);
						next();
					});
				}).queue('effect', function(next){
					initQueue(elem, queueType.IMG_MOUSEOUT);
				});
				break;
			case queueType.IMG_MOUSEOUT:
				elem.queue('effect', function(next){
					$(this).bind('mouseenter', function(){mouseEnter($(this));});
					next();
				}).queue('effect', function(next){
					$('p', $(this)).css({'visibility': 'hidden'});
					next();
				}).queue('effect', function(next){
					$('.ArticleLink', $(this)).hide();
					next();
				}).queue('effect', function(next){
					$(this).animate({ 'top': '210px' }, 100, function(){
						next();
					});
				}).queue('effect', function(next){
					$('.OpenAbstract', $(this)).show();
					next();
				}).queue('effect', function(next){
					initQueue(elem, queueType.IMG_MOUSEENTER);
				});
				break;
			case queueType.STAGE_MOUSEENTER:
				elem.queue('effect', function(next){
					$(elem.next()).bind('mouseleave', function(){mouseLeave($(this));});
					next();
				}).queue('effect', function(next){
					$('.jcarousel-next, .jcarousel-prev').hide();
					next();
				}).queue('effect', function(next){
					var Flyout = $(this).next();
					var targetPos = parseInt($('#Stage').height(), 10) - parseInt($(Flyout).height(), 10);
					$(this).hide();
					$(Flyout).animate({ 'top': targetPos + 'px' }, 300);
					next();
				}).queue('effect', function(next){
					var Flyout = $(this).next();
					var articleName = $('.articleName',Flyout).html();
					var categoryName = $('.categoryName', Flyout).html();
					var linkName = 'stage_teaser:'+categoryName+':open';

					linkTracking(Flyout, 'o', {
						prop19: linkName+':'+articleName,
						prop26: linkName
					}, linkName+':'+articleName);

					next();
				}).queue('effect', function(next){
					initQueue(elem.next(), queueType.STAGE_MOUSEOUT);
				});
				break;
			case queueType.STAGE_MOUSEOUT:
				elem.queue('effect', function(next){
					$(elem.prev()).bind('mouseenter', function(){mouseEnter($(this));});
					next();
				}).queue('effect', function(next){
					var Flyout = $('.StageFlyout', '#Stage');
					var targetPos = parseInt($('#Stage').height(), 10);
					$(Flyout).animate({ 'top': targetPos + 'px' }, 300, function(){
						$(this).prev().show();
						next();
					});
				}).queue('effect', function(next){
					$('.jcarousel-next, .jcarousel-prev').show();
					next();
				}).queue('effect', function(){
					initQueue(elem.prev(), queueType.STAGE_MOUSEENTER);
				});
				break;
			case queueType.AUTHOR_BIO_MOUSEENTER:
				elem.queue('effect', function(next){
					$(this).bind('mouseleave', function(){mouseLeave($(this));});
					next();
				}).queue('effect', function(next){
					var biography = $('.AuthorBiography', $(this).parent());
					biography.animate({top: '27px'}, 250);
					$(this).addClass('OpenBio');
					next();
				}).queue('effect', function(next){
					initQueue(elem, queueType.AUTHOR_BIO_MOUSEOUT);
				});
				break;
			case queueType.AUTHOR_BIO_MOUSEOUT:
				elem.queue('effect', function(next){
					$(this).bind('mouseenter', function(){mouseEnter($(this));});
					next();
				}).queue('effect', function(next){
					var biography = $('.AuthorBiography', $(this).parent());
					biography.animate({top: '143px'}, 250);
					$(this).removeClass('OpenBio');
					next();
				}).queue('effect', function(){
					initQueue(elem, queueType.AUTHOR_BIO_MOUSEENTER);
				});
				break;
		}
	};

	var playerControlIsInterrupted = false;
	var playerControlVisible = true;

	return {
		apply: function(layer)
		{
			var parent = (true === layer) ? '.RelatedContentWrap' : 'body';

			abstractClick('.Abstract', '.ArticleLink:not(.MediaLink)', parent);

			$('.ArticleTeaser:not(.NoImg) .Abstract', parent).each(function(){
				Animator.initAbstractAnimation($(this), queueType.IMG_MOUSEENTER);
			});


			if(layer)
			{
				return;
			}

			$('.ArticleTeaser.NoImg', parent).each(function(){
				Animator.initAbstractAnimation($(this), queueType.NO_IMG_MOUSEENTER);
			});

			$('.StageTitle', '#Stage').each(function(){
				Animator.initAbstractAnimation($(this), queueType.STAGE_MOUSEENTER);
			});

			$('.OpenAdditionalInfo', '#Stream').each(function(){
				Animator.initAbstractAnimation($(this), queueType.AUTHOR_BIO_MOUSEENTER);
			});
		},
		initAbstractAnimation: function(el, queueType)
		{
			initQueue($(el), queueType);
			$(el).mouseenter(function(){
				mouseEnter($(this));
			});
		},
		playerControlVisibilityChange: function(visible)
		{
			visible = (('true' === visible) || (true === visible)) ? true : false;
			if(!playerControlIsInterrupted)
			{
				$('#colorbox').animate({height:(visible) ? '959px' : '404px'});
				$('#cboxLoadedContent').animate({'margin-top':(visible) ? '55px' : '0px'});
				$('#cboxTitle, #cboxClose').css({'display' : (visible) ? 'block' : 'none'});
			}

			playerControlVisible = visible;
		},
		applyPlayerToLayerLink: function()
		{
			$('.RelatedContentWrap').hover(
					function(){
						playerControlIsInterrupted = true;
					},
					function(){
						playerControlIsInterrupted = false;
						controlVisibilityChange(playerControlVisible);
					}
				);
		},
		resetPlayerToLayerLink: function()
		{
			playerControlIsInterrupted = false;
			playerControlVisible = true;
		},
		abstractClick: abstractClick,
		queueType: queueType
	};
}());

var controlVisibilityChange = Animator.playerControlVisibilityChange;

var ClickHandler = (function(){
	var applyMediaFilterBehavior = function(selector, cookieFn)
	{
		$(selector, '.MediaFilterOptions').click(
			function(e){
				e.stopPropagation();
				e.preventDefault();
				var btn = $(this);

				if($(this).hasClass('active'))
				{
					return;
				}

				cookieFn(btn.attr('rel'));

				$('#Stream').load('?ajax=1&_dc='+new Date().getTime(), function(){
					$(selector, '.MediaFilterOptions').removeClass('active');
					$(btn).addClass('active');
				});
			}
		);
	};

	return {
		initMediaStreamTeasers: function()
		{
			$('.MediaTeaser').unbind('click');
			$('.MediaTeaser').click(function(e){
				e.preventDefault();
				e.stopPropagation();
				var link = $('.MediaLink', this);
				var url = $('.MediaRelatedCountLink', $(this)).attr('href');
				var cfg = ColorBoxGlobals.applyForMedia({
					href: link.attr('href'),
					title: function()
					{
						var title = '<h1>_item_</h1>';
						return title.replace(/_item_/,link.attr('title'));
					}
				});

				$.getJSON(url, function(data){
					if(0 === parseInt(data.count, 10))
					{
						var height = ($.browser.msie) ? '614px' : '615px';
						$.extend(cfg, {height:height});
					}

					$.colorbox(cfg).load();
				});
			});
		},
		initMediaCarouselTeasers: function()
		{
			$('.MediaLink', '#Stage').live('click', function(e){
				e.preventDefault();
				e.stopPropagation();
				var link = $(this);
				$.colorbox(ColorBoxGlobals.applyForMedia({
					href: link.attr('href'),
					title: function()
					{
						var title = '<h1>_item_</h1>';
						return title.replace(/_item_/,link.attr('title'));
					}
				})).load();
			});
		},
		initMediaFilter: function()
		{
			applyMediaFilterBehavior('.MediaFilterLink', CookieStorage.setMediaFilterType);
			applyMediaFilterBehavior('.MediaSortLink', CookieStorage.setMediaFilterSort);
		}
	};
}());

var ColorBoxGlobals = (function(){
	var mediaFuncs = {
		iframe: false,
		width: '797px',
		height: '959px',
		onOpen: function()
		{
			Carousel.pause(true);
			$('#colorbox').addClass('MediaCenterLayer');
			Animator.resetPlayerToLayerLink();
		},
		onComplete: function()
		{
			if(typeof _typeface_js != 'undefined')
			{
				_typeface_js.renderDocument();
			}
		},
		onClosed: function()
		{
			$('#colorbox').removeClass('MediaCenterLayer');
			Carousel.play(true);
		}
	};

	var footerFuncs = {
		width:'797px',
		title: function()
		{
			var title = '<h1>Stilgestalten<br/>_item_</h1><div class="Separator Bold"></div>';
			return title.replace(/_item_/,$(this).attr('title'));
		},
		onLoad: function()
		{
			$(this).parent().toggleClass('active',true);
		},
		onCleanup: function()
		{
			$('li','footer.PageFooter ul#Popups').toggleClass('active',false);
		},
		onComplete: function()
		{
			if(typeof _typeface_js != '.')
			{
				_typeface_js.renderDocument();
			}
		}
	};

	var articleImageFuncs = {
		iframe: false,
		width:'auto',
		height:'auto',
		onLoad: function()
		{
			$('#colorbox').addClass('ArticleImageLayer');
		},
		onComplete: function()
		{
			var hBorder = 7;
			var height  = parseInt($('#cboxContent').height(), 10) - hBorder;
			$('#cboxContent').height(height+'px');

			var winWidth  = $(window).width() - 20; /* scrollbar */
			var imgWidth  = $(this).attr('data-width');
			var imgHeight = $(this).attr('data-height');
			if(imgWidth > winWidth)
			{

				var ratio = winWidth / imgWidth;
				imgWidth  = winWidth;
				imgHeight = ratio * imgHeight;

				$('#cboxContent').width((imgWidth+1)+'px');
				$('#cboxContent').height((imgHeight+12)+'px');
				$('.ArticleImageLayer').width((imgWidth-59)+'px');

				$('#cboxContent #cboxLoadedContent').css('width', imgWidth+'px');
				$('#cboxContent #cboxLoadedContent').css('height', imgHeight+'px');
				$('#cboxContent #cboxLoadedContent img').css('width', imgWidth+'px').attr('width', imgWidth);
				$('#cboxContent #cboxLoadedContent img').css('height', imgHeight+'px').attr('height', imgHeight);
			}
		},
		onClosed: function()
		{
			$('#colorbox').removeClass('ArticleImageLayer');
		}
	};


	return {
		applyForMedia: function(config)
		{
			config = config || {};
			config = $.extend(config, mediaFuncs);

			return config;
		},
		applyForFooter: function(config)
		{
			config = config || {};
			return $.extend(config, footerFuncs);
		},
		applyForArticleImages: function(config)
		{
			config = config || {};
			return $.extend(config, articleImageFuncs);
		}
	};
}());

var CookieStorage = (function(){
	var cookieAccess = $.cookie;
	var ns = '';
	var cookieNames = {
		mediaFilterType: 'mediaFilterType',
		mediaFilterSort: 'mediaFilterSort',
		followAuthors: 'followAuthors'
	};

	var options = {
		path:'/',
		expires: 30
	};

	var setCookie = function(key, value) {
		key = ns + key;
		return cookieAccess(key, value, options);
	};

	var getCookie = function(key)
	{
		key = ns + key;
		return cookieAccess(key, options);
	};

	return {
		init: function(namespace)
		{
			if(namespace)
			{
				ns = namespace;
			}
		},
		setCookie: function(key, value)
		{
			return setCookie(key, value);
		},
		getCookie: function(key)
		{
			return getCookie(key);
		},
		setMediaFilterType: function(type)
		{
			return setCookie(cookieNames.mediaFilterType, type);
		},
		getMediaFilterType: function()
		{
			return getCookie(cookieNames.mediaFilterType);
		},
		setMediaFilterSort: function(sort)
		{
			return setCookie(cookieNames.mediaFilterSort, sort);
		},
		getMediaFilterSort: function()
		{
			return getCookie(cookieNames.mediaFilterSort);
		},
		addFollowAuthor: function(locale, authorId)
		{
			var contents = getCookie(cookieNames.followAuthors+'_'+locale);
			if(null === contents)
			{
				contents = [];
			}
			else
			{
				contents = contents.split(',');
			}

			var index = $.inArray(authorId, contents);

			if(-1 === index)
			{
				contents.push(authorId);
			}

			contents.join(',');

			return setCookie(cookieNames.followAuthors+'_'+locale, contents);
		},
		removeFollowAuthor: function(locale, authorId)
		{
			var contents = getCookie(cookieNames.followAuthors+'_'+locale);
			if(null === contents)
			{
				return [];
			}
	
			contents = contents.split(',');

			var index = $.inArray(authorId, contents);

			if(index > -1)
			{
				if(contents.length > 1)
				{
					var rest = contents.slice(index + 1 || contents.length);
					contents.length = index;
					contents.push.apply(contents, rest);
					contents.join(',');
				}
				else
				{
					contents = null;
				}
			}

			return setCookie(cookieNames.followAuthors+'_'+locale, contents);
		},
		hasFollowAuthors: function(locale)
		{
			var contents = getCookie(cookieNames.followAuthors+'_'+locale);
			return !!contents;
		}

	};

}());


$(function(){
	var carouselCallbacks = {};
	//Animator.apply();
//	$('#Stage').mouseleave(function(){
//		var StageFlyout = $('.StageFlyout', $(this));
//		if(275 !== parseInt(StageFlyout.css('top'), 10))
//		{
//			StageFlyout.animate({'top': '275px'}, 300, function(){
//				$('.StageTitle').show();
//			});
//		}
//	});

	carouselCallbacks.abstractClick = Animator.abstractClick;
	carouselCallbacks.animateFunc = Animator.initAbstractAnimation;

	if($('#StageCarousel', '#Stage').get(0))
	{
		$('#StageCarousel', '#Stage').jcarousel({
			wrap: 'circular',
			scroll: 1,
			auto: 4,
			easing: 'easeOutExpo',
			initCallback: Carousel_initCallback,
			itemVisibleInCallback: {
				onBeforeAnimation: function(carousel, item, i, state, evt) {
					Carousel_itemVisibleInCallback(carousel, item, i, state, evt, Animator.queueType, carouselCallbacks);
				}
			},
			itemVisibleOutCallback: {onAfterAnimation: Carousel_itemVisibleOutCallback}
		});

		$('.jcarousel-prev, .jcarousel-next').hover(
			function(e){
				if($(this).hasClass('jcarousel-prev'))
				{
					$('.jcarousel-next').toggle(false);
				}
				else
				{
					$('.jcarousel-prev').toggle(false);
				}
			},
			function(e){
				if($(this).hasClass('jcarousel-prev'))
				{
					$('.jcarousel-next').toggle(true);
				}
				else
				{
					$('.jcarousel-prev').toggle(true);
				}
		});

		$('.StageTitle', '#StageCarousel').hover(
			function(){
				$('.jcarousel-prev, .jcarousel-next').css({
					'background-image': 'none'
				});
			},
			function(){
				$('.jcarousel-prev, .jcarousel-next').css({
					'background-image': ''
				});
			}
		);
	}

	var countDown = 0;

	$('#VideoContainer, #SlideshowContainer').mouseleave(function(){
		countDown = window.setTimeout(function(){
			$('#MediaNavigationArea').fadeOut(500);
		}, 2000);
	});

	$('#VideoContainer, #SlideshowContainer, #MediaNavigationArea').mouseenter(function(){
			window.clearTimeout(countDown);
			$('#MediaNavigationArea').fadeIn(500);
	});


	$('.ajaxBox','footer.PageFooter').colorbox(ColorBoxGlobals.applyForFooter({
		iframe: false,
		width: '803px',
		height: '650px'
	}));

	$('.iframeBox','footer.PageFooter').colorbox(ColorBoxGlobals.applyForFooter({
		width: '803px',
		height: '750px',
		iframe: true
	}));
});

function linkTracking(obj, type, params, linkName) {
	if(!obj || !params)
	{
		return;
	}

	var s = s_gi('daiwsp00038');
	var linkTrackVars = [];
	for(var name in params)
	{
		if(typeof params[name] == 'function')
		{
			continue;
		}

		linkTrackVars.push(name);
		s[name] = params[name];
	}

	s.linkTrackVars = linkTrackVars.join(',');
	s.tl(obj,type,linkName);
}