/**
 * @author alexander.farkas
 */

jQuery.noConflict();
(function($){

	function callOnDomReady() {
		
		
		$('html').addClass('js-on'); // html class
		$('body').removeClass('js-off');
		//Zebra-Tables
		$('div.text tbody tr:nth-child(odd)').addClass('odd');

		addPrintLink();

		//wait for the swfobject DOM-Ready, so we can return a proper reference to flash object
		swfobject.addDomLoadEvent(function(){
			$('div.flash').embedSWF();
		});
		
		$('#nav-global.megamenu').simpleMenu({
			generateSkip: true,
			skipStructure: '<a class="menu-skip" href="#" title="Untermenü {from} überspringen">direkt zu Menü {to} springen</a>',
			skipEndStructure: '<a class="menu-skip" href="#" title="ans Ende vom Menu springen">Untermenü {from} überspringen</a>',
			init: function(e, ui){
				
			},
			//showHiddenOnFocus: true,
			show: function(e, ui){
				var menuBox = $('> div.menu-box', ui.menu)
					.css({
						top: ui.menu.outerHeight({margin: true}) * -1
					});
				
				ui.menu.addClass('menu-open');
				menuBox.stop(true, true)
					.animate({
						top: 0
					});
			},
			hide: function(e, ui){
				var menuBox = $('> div.menu-box', ui.menu);
				menuBox.animate(
					{
						top: ui.menu.outerHeight({margin: true}) * -1
					},
					{complete: function(){
						ui.menu.removeClass('menu-open');
						menuBox.css({top: 0});
					}}
				);
				
			}
		});
		
		//initialize flowplayer
		window.contextPath = window.contextPath ||
			'';
		
		$("div.video a").flowplayer(
			contextPath + "/.resources/templating-kit/swf/flowplayer.swf", {
				// splash image
				clip:{
					autoPlay: false,
					autoBuffering: true
				}
			}
		);

		//different tabs
		createTabs();
		faqToc();

		//Teaser-Switchers
		
		$('div.teaser-wrapper:not(.tw-paging,.tw-slider)')
			.each(function(){
				$('div.pager', this)
					.append('<div class="prev"><span /></div><div class="next"><span /></div>');
				$(this).scroller();
			});

		pagingTeaserSwitcher();
		slidingTeaserSwitcher();

		createShowBox();
		
		slidingTabs();
		
		addLandmarks();

		$.socialbookmark.init('li.social-b a');
		
	}
	
	
	function createShowBox(){
		var showboxCFG = {
				setInitialContent: {
					'showbox-title': $('h1').html(), 
					prev: 'previous',
					next: 'next',
					'close-button': 'close',
					'play-pause': 'play'
				},
				
				getTextContent: function(opener, content, ui){
					// Um Text aus einer dl-Structure zu holen (Magnolia-Style)
					
					var dl 				= opener.closest('dl'), //hole das nächst höhere dl
						dds				= $('dd', dl), // hole die dd
						img 			= $('img', dl), // hole das img 
						extraContent	= ''
					;
					
					//content objekt dient zur befüllung der lightbox mit weiterem content
					//die eigenschaftsnamen stimmen mit den Klassen-Namen überein
					
					//content['multimedia-box'] ist bereits mit dem grossen Bild vorbelegt
					//und wird nun mit dem alt Attribut des kleinen Bildes versehen
					content['multimedia-box'].attr('alt', img.attr('alt'));
					
					content['text-content'] = ''; // String in dem wir unser gesamt content zusammefügen
					
					dds.each(function(){
						var dd 		= $(this),
							html 	= dd.html()
						;
						if(dd.is('.caption')){
							content['text-content'] += '<h2 class="caption">'+ html +'</h2>';
						} else if(dd.is('.longdesc')){
							content['text-content'] += '<p class="longdesc">'+ html +'</p>';
						} else if(!dd.is('.zoom')) {
							extraContent += '<li class="'+ this.className +'">'+ html +'</li>';
						}
					});
					
					if(extraContent){
						content['text-content'] += '<ul class="sb-extra">'+ extraContent +'</ul>';
					}
					
				},
				showContentAnim: function(ui, img, e, extras){
					var contentBox = $('div.content-box', ui.element);
					contentBox
						.queue(function(){
							var duration 	= 300,
								width 		= img[0].width, 
								height
							;
							
							ui.element.css({height: ui.element.height()});
							ui.fillContent();
							width = ui.calcWidth(img, width);
							
							contentBox
								.css(
									{width: width}
								)
								.animate(
									{opacity: 1}, 
									{duration: duration}
								);
								
							ui.element
								.animate({
									height: contentBox.outerHeight({margin: true}) + $('div.showbox-head', ui.element).outerHeight({margin: true})
								}, {
										duration: duration,
										complete: function(){
											ui.element.css({height: ''});
										}
									});
							
							contentBox.dequeue();
						});
				}
			};
			
		$('div.tw-images').each(function(){
			
			$('a[rel=showbox]', this)
				.addClass('showboxed')
				.showbox($.extend({}, showboxCFG, {
					setInitialContent: {
						'showbox-title': $(':header', this).html(), 
						prev: 'previous',
						next: 'next',
						'close-button': 'close',
						'play-pause': 'play'
					}
				}));
		});
		$('a[rel=showbox]:not(.showboxed)').showbox(showboxCFG);
	}
	function addLandmarks(){
		var landmarks = {
			navigation: '#nav-global, #nav, #breadcrumb',
			search: '#search-box',
			article: 'div.text, div.teaser, div.opener, #comments li',
			complementary: '#extras',
			banner: '#branding',
			main: '#main',
			contentinfo: 'div.text-data, #site-info'
		};
		
		$.each(landmarks, function(landmark, sel){
			$(sel).attr({role: landmark});
		});
	}

	function slidingTabs(){
		$.fn.mySlide = function(fn){
			fn = fn || function(){};
			return this.animate({
				height: 'toggle',
				opacity: 'toggle'
			}, {
				duration: 500,
				complete: fn,
				deque: true
			});
		};
		
		$('ol.superpromos-toc')
			.each(function(){
				$(this)
					.bind('tabtreecollapse', function(e, ui){
						ui.panel
							.stop(true, true)
							.animate({
								height: 'hide',
								opacity: 0
							}, {duration: 500});
					})
					.bind('tabtreeexpand', function(e, ui){
						ui.panel
							.stop(true, true)
							.animate({
								height: 'show',
								opacity: 1
							}, {duration: 500});
					})
					.tabtree(
						{activeButtonClass: 'on', 
						selectEvents: 'mouseenter focus',
						handleDisplay: 'initial'
					})
					.find('a')
					.bind('click', function(e){
						
						if(e.pageX !== 0 && e.pageY !== 0){
							var url = $($(this).attr('href'))
								.find('a:first')
								.attr('href');
							if(url){
								location = url;
							}
						}
					});
			});


	}

	function pagingTeaserSwitcher(){
		function myPag(status){
				if(status == 'inactive'){
					$('a',this).animate({opacity: 0.5},{duration: 500});
				} else {
					$('a',this).animate({opacity: 1},{duration: 500});
				}
			}
			function myLink(status){
				if(status == 'show'){
					this.animate({opacity: 1},{duration: 500});
				} else {
					this.animate({opacity: 0},{duration: 500});
				}
			}
			$('div.teaser-wrapper.tw-paging').scroller({
				pagination: 'div.pagination',
				paginationFn: myPag,
				linkFn: myLink,
				paginationTitleFrom: 'h2',
				paginationAtoms: '<li class="pa-$number" title="$title"><a href="#">$number</a></li>'
			});
	}

	function slidingTeaserSwitcher(){
		
		$('div.teaser-wrapper.tw-slider')
			.each(function(){
				var jElm = $(this),
					slider = $('div.slider', this)
						.css({display: 'block'})
						.wrap('<div class="slider-bar" />');
				
				$('div.slider-bar', this)
					.append('<span class="prev" /> <span class="next" />');
				
				function slideSliderCall(e, o, ui){
					ui = ui ||
						o;
					var val = (ui && isFinite(ui.value))? ui.value : (o) ? o.value : false;
					jElm
						.scroller('moveTo', val + '%', false);
				}
				
				slider
					.slider({maxValue: 100})
					.bind('slide', slideSliderCall);
				jElm
					.scroller({
				        prevLink: 'div.slider-bar span.prev',
						nextLink: 'div.slider-bar span.next'
					})
					.bind('uiscrollerslide', function(e, d){
						slider
							.slider('value', d.percentPos);
					});
				
			});
	}


	function addPrintLink(){

		function print(){
			window.print();
			return false;
		}

		$('<li class="print"><a href="#">Print</a></li>')
			.prependTo('ul#text-features')
			.find('a')
			.click(print);
	}

	function faqToc() {
		var hash 		= location.hash,
			tabWidgets	= $('div.super-list'),
			tabs 		= $('h3 a', tabWidgets)
		;

		if(hash){
			tabs
				.filter('[href='+hash+']')
				.addClass('on');
		}

		tabWidgets
			.bind('tabtreecollapse', function(e, ui){
				ui.panel.stop(true, true).slideParentUp();
			})
			.bind('tabtreeexpand', function(e, ui){
				ui.panel.stop(true, true).slideParentDown();
			})
			.tabtree({
					buttonSel: 'h3 a',
					activeButtonClass: 'on',
					toggleButton: true,
					multiSelectable: true, 
					handleDisplay: 'initial'
				});
			
	}

	$.fn.tabChangeAddon = function(){
		this
			.bind('tabtreecollapse', function(e, ui){
				ui.button.parent().removeClass('on');
			})
			.bind('tabtreeexpand', function(e, ui){
				ui.button.parent().addClass('on');
			});
		
		$('a.on', this)
			.parent()
			.addClass('on');
		return this;
	};

	function createTabs(){

		$('ol.text-box-toc, ol.toc-box-toc')
			.each(function(){
				$(this)
					.tabtree(
						{activeButtonClass: 'on'}
					)
					.tabChangeAddon();
			});
	}


	$('html').addClass('js-on'); // html class

		$.extend($.ui.scroller.prototype.options, {
			//Elements Classes
    			atoms: 'div.rack-teaser',
			prevLink: 'div.prev span',
			nextLink: 'div.next span',
			diashow: 5000
		});


	$(callOnDomReady);
})(jQuery);