// File for coverflows
(function($) {



	$(document).ready(function() {



		$(window).load(function () {
//  			alert("window is so loaded! and now--->");

  		$('.coverflowH31Teaser .coverflowPanel').coverflow({
			leftItemCount: 0,
			isInfinite: true,
			onInit: function(coverflow) {
				$('.infoContainer',coverflow.elem).each(function() {
					$(coverflow.elem).append($(this).clone());
					$(this).remove();
				});
			},
			onItemSelected: function(index,coverflow) {
				var item = coverflow.getItem(index);
				$('.infoContainer',coverflow.elem).hide();
				$($('.infoContainer',coverflow.elem).get(index)).show();
			}
		});


		var id = 1;
		$('.coverflowH32Teaser .coverflowPanel').coverflow({
			leftItemCount: 4,
			rightItemCount: 4,
			initialIndex: 4,
			onPrepare: function(coverflow) {
				$('li',coverflow.elem).each(function() {
					var idAttr = 'coverflowH32Teaser-hovertip-'+(id++);
					$('.infoContainer',this).attr('id',idAttr);
					$('.infoContainer',this).hide();
					$('img',this).attr('rel',idAttr);
				});
			},
			onInit: function(coverflow) {
				$('.middle a',coverflow.elem).each(function(i,e) {
					$(this).click(function(e) {
						coverflow.itemClicked(i);
						return false;
					});
				});
				$('.rotateLeft',coverflow.elem).click(function(e) {
					coverflow.stepRight();
					return false;
				});
				$('.rotateRight',coverflow.elem).click(function(e) {
					coverflow.stepLeft();
					return false;
				});
			},
			onItemDeselected: function(index,coverflow) {
				var item = coverflow.getItem(index);
				$('img',item).unhovertip();
			},
			onItemSelected: function(index,coverflow) {
				var item = coverflow.getItem(index);
				var activatedLink = $('.middle a',coverflow.elem).get(index);
    			var newSrc = $('img',activatedLink).attr('src').replace('inactive','active');
    			$('img',activatedLink).attr('src',newSrc);
				$(activatedLink).addClass('active');
				$('img',item).hovertip({
					useRel: true,
					position: {
						my: 'right top',
						at: 'left top',
						offset: '-15px 0'
					}
				});
			},
			onAnimationStart: function(coverflow) {
				$('.middle img',coverflow.elem).each(function(i,e) {
					$(e).attr('src','/_art/img/teaser/rotator/icon_inactive_element.png');
				});
				$('.navigation li',coverflow.elem).removeClass('active');
			}
		});


		// end window load
	});



		$('.coverflowHV2Teaser .coverflowPanel').coverflow({
			leftItemCount: 1,
			rightItemCount: 1,
			initialIndex: 1,
			isInfinite: true,
			imgSelector: '.cover',
			onAnimationStart: function(coverflow) {
				$('.special',coverflow.elem).hide();
			},
			onItemSelected: function(index,coverflow) {
				var item = coverflow.getItem(index);
				var left = ($('.special',item).width()/2)*-1+11;
				var top = ($('.special',item).height()/2)*-1+23;
				$('.special',item).css({
					'left': left,
					'top': top,
					'z-index': 32000
				}).show();
				$('img:not(.special)',item).hovertip({
					additionalStyles: 'coverflowHV2TeaserTooltip',
					position: {
						my: 'top center',
						at: 'bottom center',
						offset: '0 -25px'
					}
				});
			},
			onItemDeselected: function(index,coverflow) {
				var item = coverflow.getItem(index);
				$('img:not(.special)',item).unhovertip();
			}
		});

		$('.coverflowAktuellTeaser .coverflowPanel').coverflow({
			leftItemCount: 3,
			rightItemCount: 3,
			initialIndex: 4,
			imgSelector: '.cover',
			onInit: function(coverflow) {
				$('.infoContainer',coverflow.elem).each(function() {
					$(coverflow.elem).append($(this).clone());
					$(this).remove();
				});
				$('.detailContainer',coverflow.elem).each(function() {
					$(coverflow.elem).append($(this).clone());
					$(this).remove();
				});
				$('.special',coverflow.elem).each(function() {
					$(coverflow.elem).append($(this).clone());
					$(this).remove();
				});
				$('.navigationContainer .middle a',$(coverflow.elem).closest('.teaserContainer')).each(function(i,e) {
					$(this).click(function(e) {
						coverflow.itemClicked(i,href);
						return false;
					});
				});
				$('.navigationContainer .rotateLeft',$(coverflow.elem).closest('.teaserContainer')).click(function(e) {
					coverflow.stepRight();
					return false;
				});
				$('.navigationContainer .rotateRight',$(coverflow.elem).closest('.teaserContainer')).click(function(e) {
					coverflow.stepLeft();
					return false;
				});
				$('.hoverButton',coverflow.elem).hoverbutton();
				$('a.detail',coverflow.elem).each(function(i,e) {
					$(this).click(function() {
						$($('.detailContainer',coverflow.elem).get(i)).show();
						return false;
					});
				});
				$('.detailClose',coverflow.elem).each(function(i,e) {
					$(this).click(function() {
						$($('.detailContainer',coverflow.elem).get(i)).hide();
						return false;
					});
				});
				$("a.preview",coverflow.elem).colorbox({
					onOpen: function() {
						$('#colorbox').addClass('coverflowAktuellCbox');
					},
					onComplete: function() {
						$('#colorbox .hoverButton').hoverbutton();

						updateNavigation = function(index) {
							$('#colorbox .middle a').removeClass('active');
							$('#colorbox .middle a img').each(function() {
								var src = $(this).attr('src').replace('_active','_inactive');
								$(this).attr('src',src);
							});

							var link = $('#colorbox .middle a').get(index);
			    			var src = $('img',link).attr('src').replace('_inactive','_active');
			    			$('img',link).attr('src',src);
							$(link).addClass('active');
						};
						$('#colorbox .rotateLeft').click(function() {
							var index = $('#colorbox .content li.active').prevAll().length;
							if (index > 0) {
								$('#colorbox .content li.active').removeClass('active');
								$($('#colorbox .content li').get(index-1)).addClass('active');
								updateNavigation(index-1);
							}
							return false;
						});
						$('#colorbox .rotateRight').click(function() {
							var index = $('#colorbox .content li.active').prevAll().length;
							var nexts = $('#colorbox .content li.active').nextAll().length;
							if (nexts > 0) {
								$('#colorbox .content li.active').removeClass('active');
								$($('#colorbox .content li').get(index+1)).addClass('active');
								updateNavigation(index+1);
							}
							return false;
						});
						$('#colorbox .middle a').click(function() {
							var index = $(this).parent().prevAll().length;
							$('#colorbox .content li.active').removeClass('active');
							$($('#colorbox .content li').get(index)).addClass('active');
							updateNavigation(index);
							return false;
						});
						var height = $('.coverflowAktuellTeaserPreviewContainer').outerHeight();
						var width = $('.coverflowAktuellTeaserPreviewContainer').outerWidth();
						$.colorbox.resize({innerHeight: height+"px",innerWidth: width+"px"});
					},
					onClosed: function() {
						$('#colorbox').removeClass('coverflowAktuellCbox');
					},
					opacity: 0.5

				});
				// für IE
				//$('#cboxClose, #cboxTitle').addClass('png');
				//$("#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight").html('<!---->').addClass('png');
			},
			onCalculate: function(offset,style) {
				if (offset > 0) {
					style.left = style.left + 100;
				}
				if (offset < 0) {
					style.left = style.left - 100;
				}
				return style;
			},
			onItemSelected: function(index,coverflow) {
				var item = coverflow.getItem(index);
				var src = $('img',item).attr('src');
				$('.imageContainer',coverflow.elem).html('<img src="'+src+'" />');
				$('.infoContainer',coverflow.elem).hide();
				$($('.infoContainer',coverflow.elem).get(index)).show();

				$($('.special',coverflow.elem).get(index)).show();

				var activatedLink = $('.middle a',$(coverflow.elem).closest('.teaserContainer')).get(index);
    			var newSrc = $('img',activatedLink).attr('src').replace('inactive','active');
    			$('img',activatedLink).attr('src',newSrc);
				$(activatedLink).addClass('active');
			},
			onAnimationStart: function(coverflow) {
				$('.special',coverflow.elem).hide();
				$('.detailContainer',coverflow.elem).hide();
				$('.middle img',$(coverflow.elem).closest('.teaserContainer')).each(function(i,e) {
					$(e).attr('src','/_art/img/teaser/rotator/icon_inactive_element.png');
				});
				$('.navigation li',$(coverflow.elem).closest('.teaserContainer')).removeClass('active');
			}
		});

	});

})(jQuery);