/**
 * magicbanner; provides complex, dynamic functionality for looping through different media
 * @class magicbanner; provides cross-browser media-presentation functionality
 * @constructor
 * @param {jQuery} $ The jQuery object - to prevent conflicts with similar libraries
 */
var magicbanner = ( function ($) {

	/**
	 * mainly css identifiers
	 * @namespace Private properties
	 * @type Object
	 * @private
	 */
	var config = {
		corners : '.corners',
		timer : '.timer'
	},

	/**
	 * containes possible objects
	 * @type Array
	 * @private
	 */
	objArr = [],

	/**
     * @namespace Private methods
     */
	privs = {

		/**
         * gathers options for the Slider from XML
		 * @param {Object} obj The current object
		 * @type Object Method
         * @private
         */
		setParams : function (obj) {

			var vars =  $('gallery', obj.xml);

			obj.options = {
				effect				: vars.attr('effect'),
				pauseTime			: parseInt(vars.attr('animspeed')),
				pauseOnHover		: parseInt(vars.attr('pauseonhover')),
				startSlide			: vars.attr('startslide'),
				slideshowEnd		: parseInt(vars.attr('slideshowend')),
				directionNav		: parseInt(vars.attr('directionNav')),
				directionNavHide	: parseInt(vars.attr('directionNavHover')),
				controlNav			: parseInt(vars.attr('navigation')),
				navigationPosition	: vars.attr('navigationPosition'),
				roundedcorners		: parseInt(vars.attr('roundedcorners')),
				timerbar			: parseInt(vars.attr('timer')),

				width				: parseInt(vars.attr('width')),
				height				: parseInt(vars.attr('height'))
			};

		},

		/**
         * Gives magicbanner its dimensions, and assembles Image objects
		 * @param {Object} obj The current object
		 * @param {Function} callback The method to run on success
		 * @type Object Method
         * @private
         */
		setHTML : function (obj, callback) {

			var slider = $(obj.id);

			slider.css({
				width : obj.options.width + 'px',
				height : obj.options.height + 'px'
			});

			if ($('image', obj.xml).length < 1) {
				slider.hide();
				return;
			}
			
			$('image', obj.xml).each( function () {

				var xmlImg = $(this), img = new Image();

				img.id			= xmlImg.attr('picId');
				img.src			= xmlImg.attr('path');
				img.title		= xmlImg.attr('mainText');
				img.alt			= xmlImg.attr('mainTitle');

				/**
				 *@todo rebuild invalid attributes
				 */
				img.setAttribute('sellprice', xmlImg.attr('sellprice'));
				img.setAttribute('originalprice', xmlImg.attr('originalprice'));
				slider.append(img);

				if ( xmlImg.attr('linkurl') != '') {
					var external = (parseInt(xmlImg.attr('urlext'))) ? ' target="_blank"' : '';
					$('#'+img.id, slider).wrap('<a href="' +xmlImg.attr('linkurl') +'" ' +external+ ' />');
				}

			});

			callback();
		},

		/**
         * Sets the actual Magicbanner
		 * @type Object Ajax Method
		 * @param {Object} obj The current magicbanner object
         * @private
         */
		setMagicbanner : function (obj) {
			$.ajax({
				url : 'includes/processors/magicbanner.php?articleid=' + obj.articleid,
				dataType : ($.browser.msie) ? 'text' : 'xml',
				success : function (data) {

					var xml;
					if (typeof data == 'string') {
						xml = new ActiveXObject('Microsoft.XMLDOM');
						xml.async = false;
						xml.loadXML(data);

					} else {
						xml = data;
					}

					obj.xml = xml;

					privs.setParams(obj);

					privs.setHTML(obj, function () {

						if (obj.options.roundedcorners) {
							$(config.corners).show();
						}

						//an extra (very small) time delay is added, so in case of multiple magicbanners on a page, none would start simultaniously
						var timerOptions = [0, 1, 2, 3, 4, 5],
							random = Math.floor(Math.random() * 6),
							timer  = timerOptions[random] * 45;

						$(obj.id).nivoSlider(obj.options, timer);
					});

				},
				error : function (e) {
					if(window.log){
						log.console(e);
					}					
				}
			});

		}

	};

	/**
     * @namespace Public properties and methods
	 * @scope magicbanner
     */
	return {

		/**
		 * starts optional timerbar for visualisation of animation duration
		 * @public
		 */
		startTimer : function (width, length) {

			var bar = $(config.timer + '> div');

			$({ count : 0 }).animate({ count : width }, {
				duration: length,
				step : function () {
					bar.css({ width : Math.round(this.count) + 'px' });
				}
			});
		},

		/**
		 * stops optional timerbar for visualisation of animation duration
		 * @public
		 */
		stopTimer : function () {
			$(config.timer).fadeOut( 300, function () {
				$('> div', this).width(0);
			});
		},

		/**
         * translates an article id into a unique object, and triggers the AJAX-call to fill it
		 * @param {String} id The css-selector to inflict the magicbanner on
		 * @param {Integer} articleid The id of the module/layout
         * @public
         */
		initiate : function (id, articleid) {

			objArr[id] = {
				id : id,
				articleid : articleid
			};

			privs.setMagicbanner(objArr[id]);
		}

	};

} )(jQuery);



/*
 * jQuery Nivo Slider v1.9
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * April 2010 - controlNavThumbs option added by Jamie Thompson (http://jamiethompson.co.uk)
 * March 2010 - manualAdvance option added by HelloPablo (http://hellopablo.co.uk)
 */

( function ($) {

	$.fn.nivoSlider = function(options, timeout) {

		//Defaults are below
		var settings = $.extend({}, $.fn.nivoSlider.defaults, options);
		
		return this.each( function() {

			//Useful variables. Play carefully.
			var vars = {
				currentSlide: 0,
				currentLink: false,
				currentImage: '',
				totalSlides: 0,
				randAnim: '',
				running: false,
				paused: false,
				stop: false
			};

			//Get this slider
			var slider = $(this);
			slider.data('nivo:vars', vars);
			slider.css('position','relative');
			/*
			slider.width('1px');
			slider.height('1px');
			*/
			slider.addClass('nivoSlider');

			/**
			 *@todo: repair dirty IE7 hack (ie7 finds additional div-elements)
			 */
			//Find our slider children
			var children = slider.children();
			
			//array to store only imagesand/or linksfor the slider (IE attemps to add divs and/or css3pie related tags to the mix)
			var kids = [];
			
			children.each( function() {
				
				var child = $(this), childNodeName = this.nodeName.toLowerCase();
				
				//only images, or linked images are alowed (IE attends to add div and/or other elements tothe list)
				if ( childNodeName == 'img' || childNodeName == 'a' ) {
					
					kids[vars.totalSlides] = child;
					
					if (!child.is('img')){
						if(child.is('a')) {
							child.addClass('nivo-imageLink');
						}
						child = child.find('img:first');
					}

					//Don't ask
					var childWidth = child.width();
					if(childWidth == 0) childWidth = child.attr('width');
					var childHeight = child.height();
					if(childHeight == 0) childHeight = child.attr('height');

					//Resize the slider
					/*
					if(childWidth > slider.width()){
						slider.width(childWidth);
					}
					if(childHeight > slider.height()){
						slider.height(childHeight);
					}
					*/
					child.css('display','none');
					vars.totalSlides++;
				}
			});

			//Set startSlide
			if (settings.startSlide == 'random') {
				vars.currentSlide = Math.floor(Math.random() * (vars.totalSlides));
			} else  {

				settings.startSlide = parseInt(settings.startSlide);

				if (isNaN(settings.startSlide)) {
					vars.currentSlide = 0;

				} else {

					settings.startSlide = Math.abs(settings.startSlide);

					if (settings.startSlide != 0){
						settings.startSlide -= 1;
					}

					if (settings.startSlide >= vars.totalSlides) {
						settings.startSlide = vars.totalSlides - 1;
					}
					vars.currentSlide = settings.startSlide;
				}

			}

			//Get initial image
			if($(kids[vars.currentSlide]).is('img')){
				vars.currentImage = $(kids[vars.currentSlide]);
				vars.currentLink = false;

			} else if ($(kids[vars.currentSlide]).is('a')) {
				vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
				vars.currentLink = $(kids[vars.currentSlide]).attr('href');

			} else {
				vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
				vars.currentLink = false;
			}


			//Show initial link
			if($(kids[vars.currentSlide]).is('a')){
				$(kids[vars.currentSlide]).css('display','block');
			}

			//Set first background
			slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');

			//Add initial slices
			for (var i = 0; i < settings.slices; i++) {
				var sliceWidth = Math.round(slider.width() / settings.slices);

				if (i == settings.slices-1) {
					slider.append(
						$('<div class="nivo-slice"></div>').css({
							left : (sliceWidth * i) + 'px',
							width : (slider.width() - (sliceWidth*i)) + 'px'
						})
					);
				} else {
					slider.append(
						$('<div class="nivo-slice"></div>').css({
							left:(sliceWidth*i)+'px',
							width:sliceWidth+'px'
						})
					);
				}
			}

			//Create caption
			slider.append(
				$('<div class="nivo-caption"></div>').css({
					display : 'none',
					opacity : settings.captionOpacity
				})
			);

			//Process initial  caption
			if(vars.currentImage.attr('title') != '' && vars.currentImage.attr('alt') != '') {

				var html = setCaptionHTML(vars);

				$('.nivo-caption', slider).html(html);
				$('.nivo-caption', slider).fadeIn(settings.animSpeed);
			}

			//In the words of Super Mario "let's a go!"

			//variable for storing interval
			var timer = 0;
			
			//in case of multiple image, start rotation
			//else just put the one image within the slider
			if ( kids.length > 1) {
				if (!isNaN(timeout)) {

					setTimeout( function () {

						//sync with optional timebar
						if (settings.timerbar) {
							$('> .timer', slider).show();
							magicbanner.startTimer(settings.width, settings.pauseTime);
						}

						if (!settings.manualAdvance) {

							timer = setInterval( function () {
								nivoRun(slider, kids, settings, false);

								if (settings.timerbar) {
									magicbanner.startTimer(settings.width, settings.pauseTime);
								}

							}, settings.pauseTime);
						}

					}, timeout);
				}
			}
			
			//Add Direction nav
			if (settings.directionNav) {
				slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div>');

				//Hide Direction nav
				if(settings.directionNavHide){
					$('.nivo-directionNav', slider).hide();
					slider.hover(function(){
						$('.nivo-directionNav', slider).show();
					}, function(){
						$('.nivo-directionNav', slider).hide();
					});
				}

				$('a.nivo-prevNav', slider).live('click', function () {
					if(vars.running) return false;
					clearInterval(timer);
					timer = '';
					vars.currentSlide-=2;
					nivoRun(slider, kids, settings, 'prev');
				});

				$('a.nivo-nextNav', slider).live('click', function () {
					if(vars.running) return false;
					clearInterval(timer);
					timer = '';
					nivoRun(slider, kids, settings, 'next');
				});
			}

			//Add Control nav

			if (settings.controlNav) {

				var nivoControl = $('<ul />').addClass('nivo-controlNav').css( 'float', settings.navigationPosition );
				slider.append(nivoControl);


				for (var i = 0; i < kids.length; i++) {
					if(settings.controlNavThumbs) {
						var child = kids.eq(i);
						if(!child.is('img')){
							child = child.find('img:first');
						}
						nivoControl.append('<li><a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('src').replace(settings.controlNavThumbsSearch, settings.controlNavThumbsReplace) +'"></a></li>');
					} else {
						nivoControl.append('<li><a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a><li>');
					}

				}
				//Set initial active link
				$('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');

				$('.nivo-controlNav a', slider).live('click', function(){
					if(vars.running) return false;
					if($(this).hasClass('active')) return false;
					clearInterval(timer);
					timer = '';
					slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');
					vars.currentSlide = $(this).attr('rel') - 1;
					nivoRun(slider, kids, settings, 'control');
				});
			}

			//Keyboard Navigation
			if(settings.keyboardNav){
				$(window).keypress(function(event){
					//Left
					if(event.keyCode == '37'){
						if(vars.running) return false;
						clearInterval(timer);
						timer = '';
						vars.currentSlide-=2;
						nivoRun(slider, kids, settings, 'prev');
					}
					//Right
					if(event.keyCode == '39'){
						if(vars.running) return false;
						clearInterval(timer);
						timer = '';
						nivoRun(slider, kids, settings, 'next');
					}
				});
			}

			//For pauseOnHover setting
			if(settings.pauseOnHover){
				slider.hover(function(){
					vars.paused = true;
					clearInterval(timer);
					timer = '';

					if (settings.timerbar) {
						magicbanner.stopTimer();
					}

				}, function(){
					vars.paused = false;
					//Restart the timer
					if(timer == '' && !settings.manualAdvance){
						$('> .timer', slider).show();
						magicbanner.startTimer(settings.width, settings.pauseTime);
						timer = setInterval(function(){
							nivoRun(slider, kids, settings, false);
							if (settings.timerbar) {
								magicbanner.startTimer(settings.width, settings.pauseTime);
							}
						}, settings.pauseTime);
					}
				});
			}

			//Event when Animation finishes
			slider.bind('nivo:animFinished', function(){
				vars.running = false;
				//Hide child links
				$(kids).each(function(){
					if($(this).is('a')){
						$(this).css('display','none');
					}
				});
				//Show current link
				if($(kids[vars.currentSlide]).is('a')){
					$(kids[vars.currentSlide]).css('display','block');
				}
				//Restart the timer
				if(timer == '' && !vars.paused && !settings.manualAdvance){
					timer = setInterval(function(){
						nivoRun(slider, kids, settings, false);
					}, settings.pauseTime);
				}
				//Trigger the afterChange callback
				settings.afterChange.call(this);
			});
		});

		function setCaptionHTML (vars) {

			var html = '';

			if(vars.currentLink != false) {
				html += '<a href="'+vars.currentLink+'">'
			}
			html += '<h2>'+vars.currentImage.attr('alt')+'</h2>';
			html += '<p>'+vars.currentImage.attr('title')+'</p>';

			if(vars.currentLink != false) {
				html += '</a>'
			}



			/**
			 * @todo clean up ugly formatted statements
			 */
			if (vars.currentImage.attr('originalprice') !== '' || vars.currentImage.attr('sellprice') !== '') {
				html += '<div class="prices">';
			}

			if (vars.currentImage.attr('originalprice') !== '') {
				html +=	'	<div class="originalprice">&euro;' +vars.currentImage.attr('originalprice')+ '</div>';
			}

			if (vars.currentImage.attr('sellprice') !== '') {
				html += '	<div class="sellprice">&euro;' +vars.currentImage.attr('sellprice')+ '</div>';
			}

			if (vars.currentImage.attr('originalprice') !== '' || vars.currentImage.attr('sellprice') !== '') {
				html += '</div>';
			}

			return html;
		};

		function nivoRun(slider, kids, settings, nudge){
			//Get our vars
			var vars = slider.data('nivo:vars');
			if((!vars || vars.stop) && !nudge) {
				return false;
			}


			//Trigger the beforeChange callback
			settings.beforeChange.call(this);

			//Set current background before change
			if(!nudge){
				slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');
			} else {
				if(nudge == 'prev'){
					slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');
				}
				if(nudge == 'next'){
					slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');
				}
			}
			vars.currentSlide++;
			if (vars.currentSlide == vars.totalSlides) {
				vars.currentSlide = 0;
				//Trigger the slideshowEnd callback
				if (settings.slideshowEnd) {
					vars.stop = true;
				}
			}
			if (vars.currentSlide < 0) vars.currentSlide = (vars.totalSlides - 1);

			//Set vars.currentImage and vars.currentLink
			if ($(kids[vars.currentSlide]).is('img')) {
				vars.currentImage = $(kids[vars.currentSlide]);
				vars.currentLink = false;

			} else if ($(kids[vars.currentSlide]).is('a')) {
				vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
				vars.currentLink = $(kids[vars.currentSlide]).attr('href');

			} else {
				vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
				vars.currentLink = false;
			}

			//Set acitve links
			if(settings.controlNav){
				$('.nivo-controlNav a', slider).removeClass('active');
				$('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');
			}

			//Process caption
			if(vars.currentImage.attr('title') != '') {
				if($('.nivo-caption', slider).css('display') == 'block') {
					$('.nivo-caption > *', slider).fadeOut(settings.animSpeed, function(){

						var html = setCaptionHTML(vars);
						$('.nivo-caption', slider).empty().html(html);
						$('.nivo-caption > *', slider).fadeIn(settings.animSpeed);
					});
				} else {
					$('.nivo-caption p', slider).html(vars.currentImage.attr('title'));
				}
				$('.nivo-caption', slider).fadeIn(settings.animSpeed);
			} else {
				$('.nivo-caption', slider).fadeOut(settings.animSpeed);
			}

			//Set new slice backgrounds
			var  i = 0;
			$('.nivo-slice', slider).each(function(){
				var sliceWidth = Math.round(slider.width()/settings.slices);
				$(this).css({
					height:'0px',
					opacity:'0',
					background: 'url('+ vars.currentImage.attr('src') +') no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%'
				});
				i++;
			});

			if(settings.effect == 'random'){
				var anims = new Array("sliceDownRight","sliceDownLeft","sliceUpRight","sliceUpLeft","sliceUpDown","sliceUpDownLeft","fold","fade");
				vars.randAnim = anims[Math.floor(Math.random() * (anims.length + 1)) ];
				if(vars.randAnim == undefined) vars.randAnim = 'fade';
			}

			//Run effects
			vars.running = true;
			if(settings.effect == 'sliceDown' || settings.effect == 'sliceDownRight' || vars.randAnim == 'sliceDownRight' ||
				settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft'){
				var timeBuff = 0;
				var i = 0;
				var slices = $('.nivo-slice', slider);

				if (settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft') {
					slices = $('.nivo-slice', slider).reverse();
				}

				slices.each(function(){
					var slice = $(this);
					slice.css('top','0px');
					if(i == settings.slices-1){
						setTimeout(function(){
							slice.animate({
								height:'100%',
								opacity:'1.0'
							}, settings.animSpeed, '', function(){
								slider.trigger('nivo:animFinished');
							});
						}, (100 + timeBuff));
					} else {
						setTimeout(function(){
							slice.animate({
								height:'100%',
								opacity:'1.0'
							}, settings.animSpeed);
						}, (100 + timeBuff));
					}
					timeBuff += 50;
					i++;
				});
			}
			else if(settings.effect == 'sliceUp' || settings.effect == 'sliceUpRight' || vars.randAnim == 'sliceUpRight' ||
				settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft'){
				var timeBuff = 0;
				var i = 0;
				var slices = $('.nivo-slice', slider);
				if(settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft') slices = $('.nivo-slice', slider).reverse();
				slices.each(function(){
					var slice = $(this);
					slice.css('bottom','0px');
					if(i == settings.slices-1){
						setTimeout(function(){
							slice.animate({
								height:'100%',
								opacity:'1.0'
							}, settings.animSpeed, '', function(){
								slider.trigger('nivo:animFinished');
							});
						}, (100 + timeBuff));
					} else {
						setTimeout(function(){
							slice.animate({
								height:'100%',
								opacity:'1.0'
							}, settings.animSpeed);
						}, (100 + timeBuff));
					}
					timeBuff += 50;
					i++;
				});
			}
			else if(settings.effect == 'sliceUpDown' || settings.effect == 'sliceUpDownRight' || vars.randAnim == 'sliceUpDown' ||
				settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft'){
				var timeBuff = 0;
				var i = 0;
				var v = 0;
				var slices = $('.nivo-slice', slider);
				if(settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft') slices = $('.nivo-slice', slider).reverse();
				slices.each(function(){
					var slice = $(this);
					if(i == 0){
						slice.css('top','0px');
						i++;
					} else {
						slice.css('bottom','0px');
						i = 0;
					}

					if(v == settings.slices-1){
						setTimeout(function(){
							slice.animate({
								height:'100%',
								opacity:'1.0'
							}, settings.animSpeed, '', function(){
								slider.trigger('nivo:animFinished');
							});
						}, (100 + timeBuff));
					} else {
						setTimeout(function(){
							slice.animate({
								height:'100%',
								opacity:'1.0'
							}, settings.animSpeed);
						}, (100 + timeBuff));
					}
					timeBuff += 50;
					v++;
				});
			}
			else if(settings.effect == 'fold' || vars.randAnim == 'fold'){
				var timeBuff = 0;
				var i = 0;
				$('.nivo-slice', slider).each(function(){
					var slice = $(this);
					var origWidth = slice.width();
					slice.css({
						top:'0px',
						height:'100%',
						width:'0px'
					});
					if(i == settings.slices-1){
						setTimeout(function(){
							slice.animate({
								width:origWidth,
								opacity:'1.0'
							}, settings.animSpeed, '', function(){
								slider.trigger('nivo:animFinished');
							});
						}, (100 + timeBuff));
					} else {
						setTimeout(function(){
							slice.animate({
								width:origWidth,
								opacity:'1.0'
							}, settings.animSpeed);
						}, (100 + timeBuff));
					}
					timeBuff += 50;
					i++;
				});
			}
			else if(settings.effect == 'fade' || vars.randAnim == 'fade'){
				var i = 0;
				$('.nivo-slice', slider).each(function(){
					$(this).css('height','100%');
					if(i == settings.slices-1){
						$(this).animate({
							opacity:'1.0'
						}, (settings.animSpeed*2), '', function(){
							slider.trigger('nivo:animFinished');
						});
					} else {
						$(this).animate({
							opacity:'1.0'
						}, (settings.animSpeed*2));
					}
					i++;
				});
			}
		}
	};

	//Default settings
	$.fn.nivoSlider.defaults = {
		effect:'random',
		slices:15,
		animSpeed:500,
		pauseTime:3000,
		startSlide:0,
		directionNav:true,
		directionNavHide:true,
		controlNav:true,
		controlNavThumbs:false,
		controlNavThumbsSearch: '.jpg',
		controlNavThumbsReplace: '_thumb.jpg',
		keyboardNav:true,
		pauseOnHover:true,
		manualAdvance:false,
		captionOpacity:0.8,
		beforeChange: function(){},
		afterChange: function(){},
		slideshowEnd: false
	};

	$.fn.reverse = [].reverse;

})(jQuery);