/**
 *	@license
 *	uBillboard - Premium Slide for WordPress
 *
 *	Version: 3.0.5
 *
 *	Copyright: uDesignStudios (Miroslav Zoricak, Jan Keselak) 2011
 *	
 */
(function($) {
	function d(variable) {
		try {
			console.log(variable);
		} catch(e) {
			//
		}
	}
	
	$.extend(jQuery.easing, {
		easeInOutQuad: function (x, t, b, c, d) {
			if ((t/=d/2) < 1) return c/2*t*t + b;
			return -c/2 * ((--t)*(t-2) - 1) + b;
		}
	});
	
	/**
	 *	Main jQuery plugin definition
	 */
	$.fn.uBillboard = function(options){
	
		/**
		 *	$bb holds the jQuery object for this uBillboard
		 */
		var $bb,
		
		/**
		 *	$slides is a jQuery object that holds $stage and $next
		 */
		$slides,
		
		/**
		 *	$stage is a jQuery object that represents the current slide as it is being displayed
		 */
		$stage,
		
		/**
		 *	$next is holder div for all the squares that animate to display the next slide
		 */
		$next,
		
		/**
		 *	$squares is jQuery object that references the animatable squares
		 */
		$squares,
		
		/**
		 *	$nextInsides is jQuery object that references the animatable square inside
		 */
		$nextInsides,
		
		/**
		 *	$controls is jQuery object that references all playback controls/pagination/slide countdown/etc
		 */
		$controls,
		
		/**
		 *	$countdown is jQuery referecne to the countdown canvas holder
		 */
		$countdown,
		
		/**
		 *	$preloader is jQuery referecne to the preloader
		 */
		$preloader,
		
		/**
		 *	Array of slides
		 */
		slides,
		
		/**
		 *	Object, options for the current uBillboard
		 */
		options,
		
		/**
		 *	Array of timers needed for animation
		 */
		timers,
		
		/**
		 *	Int ID of the current slide in the slides array
		 */
		currentSlideId,
		
		/**
		 *	Bool, true if playing false if not
		 */
		playing,
		
		/**
		 *	Bool, true if a transition is in progress
		 */
		transitionInProgress,
		
		/**
		 *	Public methods callable from the outside. Call like this:
		 *	$('bb-id').uBillboard('next')
		 */
		_public = {
			/**
			 *	Initializes all necessary data structures
			 */
			'init': function(defaults, passedOptions){
				//d('Init');
				$bb = $(this);
				
				$slides = $('.uds-bb-slides', $bb);
								
				// Fix options
				options = $.extend(defaults, passedOptions);
				
				$bb.css('overflow', 'visible');
				
				$bb.add($slides).css({
					width: options.width,
					height: options.height
				})
				
				// initialize timers
				timers = {};
				
				// initialize playing var
				playing = false;
				
				// initialize transitioning var
				transitionInProgress = false;
				
				// check if we don't have the images already in the cache
				var preloadRequired = _private.preloadRequired();
				
				_private.initSlides();
				_private.initAnimationMarkup();
				
				var willPreloadImages = preloadRequired;
				if(preloadRequired) {
					_private.initPreloader();
					// Runs preloader, and when it finishes, it triggers the udsBillboardLoadingDidComplete Event
					// to continue normal code flow
					willPreloadImages = _private.preloadImages();
				}
				
				// Init pagination and playback controls
				_private.initControls();
				
				// Setup Click Event handling
				$('.uds-bb-slides', $bb).live('click', function(){
					var slide = slides[currentSlideId];
					if(typeof slide.link === 'string' && slide.link !== '' && slide.link !== '#') {
						if(slide.linkTarget === '_blank') {
							window.open(slide.link, '_blank');
						} else {
							window.location = slide.link;
						}
					}
				});
				
				// this call from the preloadImages() function would be too soon
				if(willPreloadImages === false) {
					$bb.trigger('udsBillboardLoadingDidComplete');
					_private.loadingCompleted();
				}
				
				$bb.bind('udsBillboardTransitionDidComplete', function(){
					transitionInProgress = false;
				});
			},
			
			/**
			 *	Main backbone animation function. Animates slideId according to its definition
			 */
			'animateSlide': function(slideId) {
				// No need to animate
				if(slideId === currentSlideId) {
					return;
				}
				
				if(slides[slideId] === null) {
					$.error('Slide ID ' + slideId + ' does not exist');
					return;
				}
				
				$bb.trigger('udsBillboardSlideWillChange', currentSlideId);
				
				var slide = slides[slideId];
				
				_private.prepareForAnimation(slideId);
				
				// handle no image
				if(slide.transition == 'none' || slide.bg == '') {
					$stage.css({
						backgroundColor: slide.bgColor,
						backgroundImage: 'none'
					});
				}
				
				// Handle Embedded content
				_private.handleEmbeddedContent(slide);
				
				// Decide on transition
				var transition = 'fade';
				if(slide.transition !== null && typeof slide.transition === 'string') {
					transition = slide.transition;
				}
	
				if(animations[transition] === null || typeof animations[transition] !== 'object'){
					d('Transition "' + transition + '" is not defined');
					transition = 'fade';
				}
				
				// Assign Direction
				var defaultDirection = animations[transition].direction;
				if(directions[slide.direction] === null || typeof directions[slide.direction] !== 'object') {
					if(directions[defaultDirection] === null || typeof directions[defaultDirection] !== 'object') {
						animations[transition].direction = 'right';
					} else {
						animations[transition].direction = defaultDirection;
					}
				} else {
					animations[transition].direction = slide.direction;
				}
				
				$next.show().css('opacity', 1);
				
				transitionInProgress = true;
				
				// Run Transition Setup function
				if(animations[transition].setup !== null && typeof animations[transition].setup === 'function') {
					animations[transition].setup();
				}
				
				// Run Transition Perform function
				if(animations[transition].perform !== null && typeof animations[transition].perform === 'function') {
					animations[transition].perform();
				}
				
				// Decide on transition duration
				var duration = 1000;
				if(animations[transition].duration !== null && typeof animations[transition].duration === 'number') {
					duration = animations[transition].duration;
				}

				clearTimeout(timers.transitionComplete);
				timers.transitionComplete = setTimeout(function(){
					// Change cursor to pointer if there is a link present
					var cursor = 'default';
					if(typeof slide.link === 'string' && slide.link !== '' && slide.link !== '#') {
						cursor = 'pointer';
					}
					
					$stage
						.stop()
						.html(slide.html)
						.css({
							top: '0px',
							left: '0px',
							opacity: 1,
							backgroundImage: 'url(' + slide.bg + ')',
							backgroundRepeat: slide.repeat,
							cursor: cursor
						});
					$next.stop().hide();
					$bb.trigger('udsBillboardTransitionDidComplete', slideId);
				}, duration);
				
				// update current slide ID
				currentSlideId = slideId;
				
				$bb.trigger('udsBillboardSlideDidChange', currentSlideId);
				
				if(options.pauseOnVideo && slides[currentSlideId].transition == 'none') {
					return;
				}
				
				if(slide.stop) {
					playing = false;
				}
				
				// Run Countdown Animation
				if(playing) {
					_private.animateCountdown(slides[currentSlideId].delay);
				} else {
					$countdown.hide();
				}
				
				// continue playing
				if((options.autoplay || playing) && !slide.stop) {
					//clearTimeout(timers.nextSlideAnimation);
					_public.play();
				}
			},
			
			/**
			 *	Animates the next slide in
			 */
			'next': function() {
				var nextSlideId = _private.getNextSlideId();
				_public.animateSlide(nextSlideId);
			},
			
			/**
			 *	Animates the previous slide in
			 */
			'prev': function() {
				var prevSlideId = _private.getPrevSlideId();
				_public.animateSlide(prevSlideId);
			},
			
			/**
			 *	Animates a random slide
			 */
			'random': function() {
				var slideId = Math.floor(Math.random() * slides.length + 1);
				_public.animateSlide(slideId);
			},
			
			/**
			 *	Starts Playback
			 */
			'play': function() {				
				if(typeof currentSlideId !== 'number' || currentSlideId === null) {
					currentSlideId = 0;
				}
				
				if(timers !== null && timers.nextSlideAnimation !== null) {
					clearTimeout(timers.nextSlideAnimation);
				}
				
				if(typeof $countdown !== 'undefined' && $countdown !== null) {
					$countdown.show();
				}
				
				if(!playing) {
					// Run Countdown Animation
					_private.animateCountdown(slides[currentSlideId].delay);
				}
				
				clearTimeout(timers.nextSlideAnimation);
				timers.nextSlideAnimation = setTimeout(function(){
					_public.next();
				}, slides[currentSlideId].delay);
				
				playing = true;
				
				$bb.trigger('didChangePlayingState', {playing: playing});
			},
			
			/**
			 *	Pauses Playback
			 */
			'pause': function() {
				playing = false;
				$bb.trigger('didChangePlayingState', {playing: playing});
				
				// clear timeouts
				if(timers.nextSlideAnimation !== null) {
					clearTimeout(timers.nextSlideAnimation);
				}
				
				if(typeof $countdown !== 'undefined' && $countdown !== null) {
					$countdown.hide();
				}
			},
			
			'playpause': function() {
				if(playing) {
					_public.pause();
				} else {
					_public.play();
				}
			}
		},
		
		/**
		 *	Private Method to be called only from within uBillboard methods
		 */
		_private = {
			/**
			 *	Initializes the slides array by parsing the HTML markup
			 *	Also removes the markup
			 */
			initSlides: function() {
				slides = [];
				$('.uds-bb-slide', $bb).each(function(i, el){
					var slide = {
						delay: parseInt($('.uds-delay', el).remove().text(), 10),
						linkTarget: $('.uds-link-target', el).remove().text(),
						transition: $('.uds-transition', el).remove().text(),
						direction: $('.uds-direction', el).remove().text(),
						bg: $('.uds-bb-bg-image', el).remove().attr('src'),
						bgColor: $('.uds-background', el).remove().text(),
						repeat: $('.uds-background-repeat', el).remove().text(),
						link: $('.uds-bb-link', el).remove().attr('href'),
						stop: $('.uds-stop', el).remove().text() == 'true' ? true : false,
						html: $(el).remove().html()
					};
					slides.push(slide);
				});
			},
			
			preloadRequired: function() {
				var complete = true;
				$('.uds-bb-bg-image', $bb).each(function(){
					var el = $(this).get(0);
					complete = complete && el.complete;
				});
				
				return !complete;
			},
			
			initPreloader: function() {
				$bb.append('<div class="uds-bb-preloader-wrapper"><div class="uds-bb-preloader"><div class="uds-bb-preloader-indicator"></div></div></div>');
				$preloader = $('.uds-bb-preloader-wrapper', $bb);
				
				var $indicator = $('.uds-bb-preloader-indicator', $preloader);
				
				$('.uds-bb-preloader', $bb).css({
					top: parseInt(options.height, 10) / 2 - $indicator.height() / 2 + 'px',
					left: parseInt(options.width, 10) / 2 - $indicator.width() / 2 + 'px'
				});
			},
			
			updatePreloader: function(progress) {
				var $indicator = $('.uds-bb-preloader-indicator', $preloader), css;

				$indicator.stop().animate({
					left: '-' + Math.round((1 - progress) * $indicator.width()) + 'px'
				}, 200);
				
				if(progress >= 1) {
					$indicator.fadeOut('200', function(){
						$preloader.remove();
					});
				}
			},
			
			/**
			 *	Runs the image preloader
			 */
			preloadImages: function() {
				var progress = 0;
				var totalImages = slides.length;
				
				// handle sliders with no images whatsoever
				var hasAnyImages = false;
				for(var i = 0; i < totalImages; i++) {
					if(slides[i].bg !== '') {
						hasAnyImages = true;
					}
				}
				
				if(!hasAnyImages) {
					_private.updatePreloader(1);
					$bb.trigger('udsBillboardLoadingDidComplete');
					_private.loadingCompleted();
					return false;
				}
				
				// handle image preload
				for(var i = 0; i < totalImages; i++) {
					// only preload slides that actually have images
					if(slides[i].bg === '') {
						++progress;
						continue;
					}
					
					$('<img>').data('slideID', i)
					.load(function(){
						++progress;
						
						_private.updatePreloader(progress/totalImages);
						
						if(progress == totalImages) {
							$bb.trigger('udsBillboardLoadingDidComplete');
							_private.loadingCompleted();
						}
						
					}).error(function() {
						var slideID = $(this).data('slideID');
						d('Failed to load image: ' + slides[slideID].bg);
						
						++progress;
						
						_private.updatePreloader(progress/totalImages);
						
						if(progress == totalImages) {
							$bb.trigger('udsBillboardLoadingDidComplete');
							_private.loadingCompleted();
						}
						
						if(options.removeSlidesWithBrokenImages === true) {
							// remove slide
							slides.splice(slideID, 1);
						}
					}).attr('src', slides[i].bg);
				}
				
				return true;
			},
			
			/**
			 *	Run after all images have been safely loaded and playback should start
			 */
			loadingCompleted: function() {
				// load first slide
				currentSlideId = 0;
				var currentSlide = slides[currentSlideId],
					css = _private.getSlideBackgroundCSS(currentSlide);

				$stage.css(css).html(currentSlide.html).fadeTo(300, 1);
				
				_private.handleEmbeddedContent(currentSlide);
				
				$controls.delay(300).fadeTo(300, 1);
				
				// should we pause on this slide
				var pauseForVideo = options.pauseOnVideo && currentSlide.transition == 'none';

				if(options.autoplay === true && !pauseForVideo) {
					//d('Autoplay Initiated');
					
					// Run Countdown Animation
					_private.animateCountdown(slides[currentSlideId].delay);
					
					_public.play();
				} else {
					if(typeof $countdown !== 'undefined' && $countdown !== null) {
						$countdown.hide();
					}
				}
			},
			
			/**
			 *	Creates square markup, should be run only once, at init time
			 */
			initAnimationMarkup: function() {
				$('.uds-bb-slides', $bb)
					.append("<div class='uds-stage'>")
					.append("<div class='uds-next'>");
				$stage = $('.uds-stage', $bb);
				$next = $('.uds-next', $bb);
	
				$next.hide();
				
				$($stage).add($next).css({
					width: options.width,
					height: options.height,
					opacity: 0
				});
				
				var width = parseInt(options.width, 10);
				var height = parseInt(options.height, 10);
				var squareSize = parseInt(options.squareSize, 10);
				
				var cols = Math.ceil(width/squareSize);
				var rows = Math.ceil(height/squareSize);
				
				for(var y = 0; y < rows; y++) {
					for(var x = 0; x < cols; x++) {
						$('<div>', {
							'class': 'uds-square uds-column-'+x+' uds-row-'+y+' uds-square-'+(x+(cols*y))
						}).data('position', {x:x,y:y}).append($('<div>',{
							'class': 'uds-square-inside'
						})).appendTo($next);
					}
				}
				
				_private.resetAnimation();
				
				$squares = $('.uds-square', $bb);
				$nextInsides = $('.uds-square-inside', $bb);
				$controls = $('.uds-bb-controls', $bb);
				
				// initialize countdown
				_private.createCountdown();
			},
			
			/**
			 *	Resets all animation squares and divs to the original position and size
			 */
			resetAnimation: function() {
				var width = parseInt(options.width, 10);
				var height = parseInt(options.height, 10);
				var squareSize = parseInt(options.squareSize, 10);
				
				var cols = Math.ceil(width/squareSize);
				var rows = Math.ceil(height/squareSize);
				
				for(var y = 0; y < rows; y++) {
					for(var x = 0; x < cols; x++) {
						$('.uds-square-'+(x+(cols*y)), $bb).css({
							width: squareSize,
							height: squareSize,
							top: y*squareSize,
							left: x*squareSize,
							opacity: 1
						}).stop(true, true).find('.uds-square-inside').css({
							width: width,
							height: height,
							top: - (y*squareSize),
							left: - (x*squareSize),
							opacity: 1
						}).stop(true, true);
					}
				}
				
				$stage.css({
					opacity: 1
				}).add($next).css({
					top: '0px',
					left: '0px'
				});
			},
			
			/**
			 *	Prepares slide slideId for animation
			 */
			prepareForAnimation: function(slideId) {
				var currentSlide = slides[currentSlideId];
				var nextSlide = slides[slideId];
				
				// Sanity Checks
				if(typeof currentSlide === 'undefined' || currentSlide === null) {
					d('Slide ' + currentSlideId + ' does not exist! (Current Slide)');
					return;
				}
				
				if(typeof nextSlide === 'undefined' || nextSlide === null) {
					d('Slide ' + slideId + ' does not exist! (Next Slide)');
					return;
				}
				
				var css = _private.getSlideBackgroundCSS(currentSlide);
				
				$stage.css(css).html(currentSlide.html);
				
				_private.resetAnimation();
				
				if(nextSlide.transition !== 'none') { // Do not create a million copies of embedded content ;)
					css = _private.getSlideBackgroundCSS(nextSlide);
					
					$nextInsides.css(css).html(nextSlide.html);
				}
			},
			
			initControls: function() {
				$controls = $('.uds-bb-controls', $bb);
	
				// Setup CSS
				$controls.show().css({
					width: options.width,
					height: options.height,
					opacity: 0
				});
				
				// fix for IE7 controls not displaying
				if($.browser.msie && $.browser.version < 8) {
					$('.uds-bb-paginator').css('position', 'static');
				}
				
				// setup variables for shorter code
				var $playpause = $('.uds-bb-playpause', $bb),
					$buttonNext = $('.uds-bb-next', $bb),
					$buttonPrev = $('.uds-bb-prev', $bb),
					$paginator = $('.uds-bb-paginator', $bb),
					$bullets = $('.uds-bb-position-indicator-bullets', $bb),
					$thumbs = $('.uds-bb-thumbnails', $bb),
					$thumb = $('.uds-bb-thumb', $thumbs),
					$container = $('.uds-bb-thumbnail-container', $thumbs);
				
				// Bind next/prev/playpause handlers
				$playpause.click(_public.playpause);
				$buttonNext.click(_public.next);
				$buttonPrev.click(_public.prev);
				
				// Change playing button class based on the active playing state
				$playpause.addClass('play');
				$bb.bind('didChangePlayingState', function(event, data){
					$playpause.removeClass('play pause');
					
					if(data.playing) {
						$playpause.addClass('pause');
					} else {
						$playpause.addClass('play');
					}
				});
				
				// Position Indicator 1/6
				$('.uds-bb-position-indicator', $bb).text(1 + "/" + slides.length);
				
				// Bullets
				var bullets = "";
				for(var i = 0; i < slides.length; i++) {
					bullets += "<div class='uds-bb-bullet'></div>";
				}
				
				$bullets.append(bullets).find('div:first').addClass('active');
				
				$('div', $bullets).click(function(){
					_public.animateSlide($(this).index());
				});
				
				$bb.bind('udsBillboardSlideDidChange', function() {
					// Position indicator
					$('.uds-bb-position-indicator').text((currentSlideId + 1) + "/" + slides.length);
					
					// Bullets
					$('div', $bullets).removeClass('active').eq(currentSlideId).addClass('active');
					
					// Thumbs
					$thumb
						.css('background-color', '')
						.removeClass('active')
						.eq(currentSlideId)
						.addClass('active')
						.css('background-color', options.thumbnailHoverColor);
				});
				
				// Thumbnails
				
				// Active class assign
				$thumb.removeClass('active').eq(0).addClass('active');
				
				// Thumbnail Click Handler
				$thumb.click(function(){
					_public.animateSlide($(this).index());
				});
				
				if($thumbs.is('.top,.bottom')) {
					$container.css('width', '10000px');
				}
				
				$bb.has('.uds-bb-thumbnails.top:not(.inside)').css('margin-top', $thumbs.outerHeight());
				$bb.has('.uds-bb-thumbnails.bottom:not(.inside)').css('margin-bottom', $thumbs.outerHeight());
				$bb.has('.uds-bb-thumbnails.left:not(.inside)').css('margin-left', $thumbs.outerWidth());
				$bb.has('.uds-bb-thumbnails.right:not(.inside)').css('margin-right', $thumbs.outerWidth());
				
				// Precompute thumbnail dimensions
				$thumb.each(function(i){
					var $img = $('img', this);
					$img.css({
						width: $img.attr('width') + 'px',
						height: $img.attr('height') + 'px'
					});
					
					// TODO: Transform this condition so it checks if the image is actually present
					if(slides[i].bg === '' && slides[i].transition !== 'none') {
						$img.replaceWith('<div>');
						$('div', this).css({
							width: $img.attr('width') + 'px',
							height: $img.attr('height') + 'px',
							backgroundColor: slides[i].bgColor
						});
					}
					
					if($(this).is('.active')) {
						$(this).css('background-color', options.thumbnailHoverColor);
					}
					
					var	hoverColor = {
							r: parseInt(options.thumbnailHoverColor.substr(1, 2), 16),
							g: parseInt(options.thumbnailHoverColor.substr(3, 2), 16),
							b: parseInt(options.thumbnailHoverColor.substr(5, 2), 16)
						};
					
					// thumbnail hovering
					$(this).hover(function(){
						if($(this).is('.active')) {
							$(this).css('background-color', options.thumbnailHoverColor);
							return;
						}
						
						$(this)
							.css('background-color', 'rgb(237,237,237)')
							.stop()
							.animate({
								opacity: 1
							}, {
								duration: 200,
								step: function(now, fx) {
									var progress = (new Date().getTime() - fx.startTime) / fx.options.duration;
									
									var r = 255 - Math.round(((237 - hoverColor.r) * progress)),
										g = 255 - Math.round(((237 - hoverColor.g) * progress)),
										b = 255 - Math.round(((237 - hoverColor.b) * progress));
									fx.elem.style.backgroundColor = 'rgb('+r+','+g+','+b+')';
								}
							});
					}, function() {
						if($(this).is('.active')) {
							$(this).css('background-color', options.thumbnailHoverColor);
							return;
						}
						
						$(this)
							.css('background-color', options.thumbnailHoverColor)
							.stop()
							.animate({
								opacity: 1
							}, {
								duration: 200,
								step: function(now, fx) {
									var progress = (new Date().getTime() - fx.startTime) / fx.options.duration;
									
									var r = hoverColor.r + Math.round(((237 - hoverColor.r) * progress)),
										g = hoverColor.g + Math.round(((237 - hoverColor.g) * progress)),
										b = hoverColor.b + Math.round(((237 - hoverColor.b) * progress));
									
									fx.elem.style.backgroundColor = 'rgb('+r+','+g+','+b+')';
								}
							});
					});
				});
				
				// Thumbnails scrolling
				var windowDim,
					containerDim,
					scrollProperty,
					position = 0,
					orientation = $thumbs.is('.right,.left') ? 'vertical' : 'horizontal',
					margin;
				
				// Calculate variables
				if(orientation == 'vertical') {
					windowDim = $thumbs.height();
					margin = ($thumb.outerHeight(true) - $thumb.outerHeight()) / 2;
					containerDim = $thumb.length * $thumb.outerHeight(true) - ($thumb.length - 1) * margin;
					scrollProperty = 'top';
					$container.css('height', containerDim + 'px');
				} else {
					windowDim = $thumbs.width();
					containerDim = $thumb.length * $thumb.outerWidth(true);
					scrollProperty = 'left';
					$container.css('width', containerDim + 'px');
				}
	
				if(windowDim > containerDim) {
					position = windowDim / 2 - containerDim / 2;
					$container.css(scrollProperty, position + 'px');
				}
	
				var recalculateContainerPosition = function(e){
					// Normalize coordinates
					var offset = 0, speed = 0;
					if(orientation == 'vertical') {
						offset = e.pageY - $thumbs.offset().top;
					} else {
						offset = e.pageX - $thumbs.offset().left;
					}
					
					// speed is the distance from the center
					speed = offset - windowDim / 2;
					
					// normalize it to 0..1
					speed = (speed / (windowDim / 2)) * 5;
					
					if(windowDim > containerDim) {
						return;
					}

					if((speed < 0 && position > 0) || (speed > 0 && position < (containerDim - windowDim))) {
						position += speed;
					}
					
					$container.css(scrollProperty, - position + 'px');
				}
				
				$thumbs.bind({
					'mouseenter mousemove': function(e){
						clearInterval(timers.thumbMove);
						
						timers.thumbMove = setInterval(function() {
							recalculateContainerPosition(e);
						}, 10);
					}, 
					'mouseleave': function(){
						clearInterval(timers.thumbMove);
					}
				});
				
				// Comply with options (hide/hover etc)
				var $controlsToHover = $('');
				if(options.showControls === 'hover') {
					$controlsToHover = $controlsToHover.add($buttonNext).add($buttonPrev);
				}
	
				if(options.showPause === 'hover') {
					$controlsToHover = $controlsToHover.add($playpause);
				}
				
				if(options.showPaginator === 'hover') {
					$controlsToHover = $controlsToHover.add($bullets).add($('.uds-bb-position-indicator', $bb));
				}
				
				if(options.showThumbnails === 'hover') {
					$controlsToHover = $controlsToHover.add($thumbs);
				}
				
				// handle paginator background hiding
				if(options.showPaginator !== true && options.showPause !== true && options.showControls !== true) {
					$controlsToHover = $controlsToHover.add($paginator);
				}
				
				// Handle bullets container for Silver Skin
				var $bulletsContainer = $('.uds-bb-position-indicator-bullets-container', $bb);
				if($bulletsContainer.length > 0 && (options.showPause === 'hover' || options.showPaginator === 'hover')) {
					$controlsToHover = $controlsToHover.add($bulletsContainer);
				} 
				
				$controlsToHover.fadeTo(0, 0);
				$bb.hover(function(){
					$controlsToHover.stop().fadeTo(300, 1);
				}, function(){
					$controlsToHover.stop().fadeTo(300, 0);
				});
				
				// Hide controls based on the options
				if(options.showControls === false) {
					$buttonNext.hide()
					$buttonPrev.hide();
				}
	
				if(options.showPause === false) {
					$playpause.hide();
				}
				
				if(options.showPaginator === false) {
					$bullets.hide();
					$('.uds-bb-position-indicator', $bb).hide();
				}
				
				if(options.showThumbnails === false) {
					$thumbs.hide();
				}
				
				// Bullets contianer for the Silver Skin
				if($('>*', $bulletsContainer).not(':hidden').length === 0) {
					$bulletsContainer.hide();
				}
				
				// Center controls
				$('.uds-center', $bb).each(function() {
					var widthAdjustment = $(this).outerWidth() / 2;
					var heightAdjustment = $(this).outerHeight() / 2;
					
					$(this).css({
						top: parseInt(options.height, 10) / 2 - heightAdjustment,
						left: parseInt(options.width, 10) / 2 - widthAdjustment
					});
				});
				
				$('.uds-center-vertical', $bb).each(function() {
					var heightAdjustment = $(this).outerHeight() / 2;
					
					$(this).css({
						top: parseInt(options.height, 10) / 2 - heightAdjustment
					});
				});
				
				$('.uds-center-horizontal', $bb).each(function() {
					var widthAdjustment = $(this).outerWidth() / 2;
					
					$(this).css({
						left: parseInt(options.width, 10) / 2 - widthAdjustment
					});
				});
			},
			
			/**
			 *	Figures out the next slide ID
			 */
			getNextSlideId: function() {
				var nextSlideCandidateId = currentSlideId + 1;
				if(typeof slides[nextSlideCandidateId] === 'undefined') {
					return 0;
				}
				return nextSlideCandidateId;
			},
			
			/**
			 *	Figures out the previous slide ID
			 */
			getPrevSlideId: function() {
				var prevSlideCandidateId = currentSlideId - 1;
				if(typeof slides[prevSlideCandidateId] === 'undefined') {
					return slides.length - 1;
				}
				return prevSlideCandidateId;
			},
			
			createCountdown: function() {
				if(options.showTimer === false) {
					return;
				}
				
				$countdown = $('<div class="uds-bb-countdown"></div>').appendTo($controls);
				canvas = $countdown.append('<canvas width="100" height="100">').find('canvas').get(0);
				if(canvas && typeof canvas.getContext == 'function') {
					ctx = canvas.getContext('2d');
					
					// setup style					
					ctx.lineWidth = 3;
					ctx.strokeStyle = 'white';
					ctx.shadowOffsetX = 0;
					ctx.shadowOffsetY = 0;
					ctx.shadowBlur = 2;
					ctx.shadowColor = 'black';
				} else {
					$countdown.remove();
					$countdown = null;
					return;
				}
				
				$countdown.data('context', ctx);
			},
			
			animateCountdown: function(duration) {
				if(	$countdown === null || 
					typeof $countdown === 'undefined' || 
					options.showTimer === false) {
					return;
				}
				
				var ctx = $countdown.data('context'),
					progress = 0;
				
				if(duration !== false) {
					var start = new Date().getTime();
					$countdown.data('start', start);
					$countdown.data('duration', duration);
					
					clearInterval(timers.countDown);
					timers.countDown = setInterval(function() {
						_private.animateCountdown(false);
					}, 30);
				} else {
					progress = new Date().getTime() - $countdown.data('start');
					duration = $countdown.data('duration');
				}
				
				if(progress / duration >= 1) {
					clearInterval(timers.countDown);
				}
				
				ctx.clearRect(0,0,100,100);
				ctx.beginPath();
				ctx.arc(50, 50, 20, - Math.PI / 2, - Math.PI / 2 + (2*Math.PI) * (progress/duration), false);
				ctx.stroke();
			},
			
			getSlideBackgroundCSS: function(slide) {
				var css;
				//d(slide);
				if(slide.bg !== '') {
					css = {
						backgroundColor: slide.bgColor,
						backgroundImage: 'url('+slide.bg+')',
						backgroundRepeat: slide.repeat
					};
				} else {
					css = {
						backgroundColor: slide.bgColor,
						backgroundImage: '',
						backgroundRepeat: slide.repeat
					};
				}
				
				return css;
			},
			
			handleEmbeddedContent: function(slide) {
				if(slide.transition == 'none') {
					$stage.html(slide.html);
					
					if(slide.embeddecContentHandled !== true) {
						// center content
						var $element = $('>*', $stage);
						
						if($element.is('object')) {
							$element.prepend("<param name='wmode' value='opaque' />");
							$('embed', $element).attr('wmode', 'opaque');
						}
						
						$element.css({
							position: 'absolute',
							top: parseInt(options.height, 10) / 2 - $element.attr('height') / 2,
							left: parseInt(options.width, 10) / 2 - $element.attr('width') / 2,
							margin: 'auto'
						});
						
						slide.html = $stage.html();
						slide.embeddecContentHandled = true;
					}
				}
			},
			
			/**
			 *	Returns input value transformed to positive pixel value string
			 */
			pos: function(dim) {
				return Math.abs(parseInt(dim, 10)) + 'px';
			},
			
			/**
			 *	Returns input value transformed to negative pixel value string
			 */
			neg: function(dim) {
				return '-' + Math.abs(parseInt(dim, 10)) + 'px';
			}
		},
		
		directions = {
			'none': {
				delay: $.noop
			},
			
			'left': {
				delay: function() {
					var cols = Math.ceil(parseInt(options.width, 10) / parseInt(options.squareSize, 10));
					for(var i = 0; i < cols; i++) {
						$('.uds-column-'+i, $bb).delay(i * (600/cols));
					}
				}
			},
			
			'right': {
				delay: function() {
					var cols = Math.ceil(parseInt(options.width, 10) / parseInt(options.squareSize, 10));
					for(var i = 0; i < cols; i++) {
						$('.uds-column-'+i, $bb).delay(600 - i * (600/cols));
					}
				}
			},
			
			'top': {
				delay: function() {
					var rows = Math.ceil(parseInt(options.height, 10) / parseInt(options.squareSize, 10));
					for(var i = 0; i < rows; i++) {
						$('.uds-row-'+i, $bb).delay(i * (600/rows));
					}
				}
			},
			
			'bottom': {
				delay: function() {
					var rows = Math.ceil(parseInt(options.height, 10) / parseInt(options.squareSize, 10));
					for(var i = 0; i < rows; i++) {
						$('.uds-row-'+i, $bb).delay(600 - i * (600/rows));
					}
				}
			},
			
			'center': {
				delay: function() {
					var rows = Math.ceil(parseInt(options.height, 10) / parseInt(options.squareSize, 10)),
						cols = Math.ceil(parseInt(options.width, 10) / parseInt(options.squareSize, 10));
					
					for(var x = 0; x < cols; x++) {
						for(var y = 0; y < rows; y++) {
							var delay = Math.sqrt(Math.pow(x - (cols / 2) + 0.5, 2) + Math.pow(y - (rows / 2) + 0.5, 2)) / Math.sqrt(Math.pow(cols / 2, 2) + Math.pow(rows / 2, 2));
							$('.uds-square-' + (y * cols + x)).delay(700 * delay);
						}
					}
				}
			},
			
			'randomSquares': {
				delay: function() {
					$squares.each(function(){
						$(this).delay(Math.random() * 700);
					});
				}
			},
			
			'spiralIn': {
				delay: function() {
					var cols = Math.ceil(parseInt(options.width, 10) / parseInt(options.squareSize, 10));
					var rows = Math.ceil(parseInt(options.height, 10) / parseInt(options.squareSize, 10));
					
					var leftBound = 0;
					var rightBound = cols - 1;
					var topBound = 0;
					var bottomBound = rows - 1;
					
					var n = 0, hPos = 0, vPos = 0;
					while(n < cols * rows){
						var squareId = cols * vPos + hPos;
						
						$('.uds-square-'+squareId).delay(1000 * (n/(cols*rows)));
						//d('T: '+topBound+' R:'+rightBound+' B:'+bottomBound+' L:'+leftBound+' X:'+hPos+' Y:'+vPos+' Delay:'+1000 * (n/(cols*rows)));
						
						if(vPos == topBound && hPos < rightBound) {
							hPos++;
						} else if(hPos == rightBound && vPos < bottomBound) {
							vPos++;
						} else if(vPos == bottomBound && hPos > leftBound) {
							hPos--;
						} else {
							vPos--;
							if(vPos == topBound) {
								hPos++;
								vPos++;
								leftBound++;
								rightBound--;
								topBound++;
								bottomBound--;
							}
						}
						n++;
					}
				}
			},
			
			'spiralOut': {
				delay: function() {
					var cols = Math.ceil(parseInt(options.width, 10) / parseInt(options.squareSize, 10));
					var rows = Math.ceil(parseInt(options.height, 10) / parseInt(options.squareSize, 10));
					
					var leftBound = 0;
					var rightBound = cols - 1;
					var topBound = 0;
					var bottomBound = rows - 1;
					
					var n = 0, hPos = 0, vPos = 0;
					while(n < cols * rows){
						var squareId = cols * vPos + hPos;
						
						$('.uds-square-'+squareId).delay(1000 - 1000 * (n/(cols*rows)));
						
						if(vPos == topBound && hPos < rightBound) {
							hPos++;
						} else if(hPos == rightBound && vPos < bottomBound) {
							vPos++;
						} else if(vPos == bottomBound && hPos > leftBound) {
							hPos--;
						} else {
							vPos--;
							if(vPos == topBound) {
								hPos++;
								vPos++;
								leftBound++;
								rightBound--;
								topBound++;
								bottomBound--;
							}
						}
						n++;
					}
				}
			},
			
			'chess' : {
				delay: function() {
					var rows = Math.ceil(parseInt(options.height, 10) / parseInt(options.squareSize, 10)),
						cols = Math.ceil(parseInt(options.width, 10) / parseInt(options.squareSize, 10));
					
					for(var x = 0; x < cols; x++) {
						for(var y = 0; y < rows; y++) {
							var delay = (y % 2 == 0 && x % 2 == 0) || (y % 2 == 1 && x % 2 == 1) ? 0 : 1;
							$('.uds-square-' + (y * cols + x)).delay(200 * delay);
						}
					}
				}
			},
			
			'zigzagHorizontal' : {
				delay: function() {
					var rows = Math.ceil(parseInt(options.height, 10) / parseInt(options.squareSize, 10)),
						cols = Math.ceil(parseInt(options.width, 10) / parseInt(options.squareSize, 10));
					
					for(var x = 0; x < cols; x++) {
						for(var y = 0; y < rows; y++) {
							var delay = (y * rows + (y % 2 == 0 ? x : cols - x)) / (rows * rows + cols / 2);
							$('.uds-square-' + (y * cols + x)).delay(700 * delay);
						}
					}
				}
			},
			
			'zigzagVertical' : {
				delay: function() {
					var rows = Math.ceil(parseInt(options.height, 10) / parseInt(options.squareSize, 10)),
						cols = Math.ceil(parseInt(options.width, 10) / parseInt(options.squareSize, 10));
					
					for(var x = 0; x < cols; x++) {
						for(var y = 0; y < rows; y++) {
							var delay = (x * cols + (x % 2 == 0 ? y : rows - y)) / (cols * cols + rows / 2);
							$('.uds-square-' + (y * cols + x)).delay(700 * delay);
						}
					}
				}
			}
		},
		
		/**
		 *	
		 */
		animations = {
			/**
			 *
			 */
			'none': {
				duration: 0,
				direction: '',
				setup: function() {
					// we dont want squares to interfere with the content
					$next.hide();
				},
				perform: $.noop()
			},
			
			/**
			 *
			 */
			'fade': {
				duration: 1000,
				direction: '',
				setup: function() {
					$squares.css({
						opacity: 0
					});
				},
				perform: function() {
					directions[this.direction].delay();
					$squares.animate({
						opacity: 1
					}, {
						duration: 500
					});
				}
			},
			
			/**
			 *
			 */
			'crossFade': {
				duration: 1000,
				direction: '',
				setup: function() {
					$squares.css({
						opacity: 0
					});
				},
				perform: function() {
					directions[this.direction].delay();
					$stage.animate({
						opacity: 0
					}, {
						duration: 1000
					});
					
					$squares.animate({
						opacity: 1
					}, {
						duration: 500
					});
				}
			},
			
			'slide': {
				duration: 700,
				direction: 'right',
				setup: function() {
					$('.uds-bb-slides', $bb).css({
						overflow: 'hidden'
					});
					$stage.css({
						top: '0px',
						left: '0px'
					});
					
					if(this.direction === 'left') {
						$next.show().css({
							top: '0px',
							left: _private.neg(options.width)
						});
					} else if(this.direction === 'top') {
						$next.show().css({
							top: _private.neg(options.height),
							left: '0px'
						});
					} else if(this.direction === 'bottom') {
						$next.show().css({
							top: _private.pos(options.height),
							left: '0px'
						});
					} else if(this.direction === 'top') {
						$next.show().css({
							top: '0px',
							left: _private.pos(options.width)
						});
					} else if(this.direction === 'zigzagHorizontal') {
						var sq = parseInt(options.squareSize, 10),
							height = parseInt(options.height, 10);
							
						$squares.each(function(){
							$(this).css({
								opacity: 0,
								top: parseInt($(this).css('top'), 10) - height + 'px'
							});
						});
						
						directions[this.direction].delay();
					} else if(this.direction === 'zigzagVertical') {
						var sq = parseInt(options.squareSize, 10),
							width = parseInt(options.width, 10);
							
						$squares.each(function(){
							$(this).css({
								opacity: 0,
								left: parseInt($(this).css('left'), 10) - width + 'px'
							});
						});
						
						directions[this.direction].delay();
					} else {
						$next.show().css({
							top: '0px',
							left: _private.pos(options.width)
						});
					}
				},
				perform: function() {
					var animOptions =  {
						duration: 700,
						easing: 'easeInOutQuad'
					};
					
					if(this.direction === 'left') {
						$stage.animate({
							left: _private.pos(options.width)
						}, animOptions);
						$next.animate({
							left: '0px'
						}, animOptions);
					} else if(this.direction === 'top') {
						$stage.animate({
							top: _private.pos(options.height)
						}, animOptions);
						$next.animate({
							top: '0px'
						}, animOptions);
					} else if(this.direction === 'bottom') {
						$stage.animate({
							top: _private.neg(options.height)
						}, animOptions);
						$next.animate({
							top: '0px'
						}, animOptions);
					} else if(this.direction === 'top') {
						$stage.animate({
							left: _private.neg(options.width)
						}, animOptions);
						$next.animate({
							left: '0px'
						}, animOptions);
					} else if(this.direction === 'zigzagHorizontal') {
						var sq = parseInt(options.squareSize, 10),
							height = parseInt(options.height, 10);
						
						$squares.each(function(){
							$(this).animate({
								opacity: 1,
								top: parseInt($(this).css('top'), 10) + height + 'px'
							}, animOptions);
						});
					} else if(this.direction === 'zigzagVertical') {
						var sq = parseInt(options.squareSize, 10),
							width = parseInt(options.width, 10);
						
						$squares.each(function(){
							$(this).animate({
								opacity: 1,
								left: parseInt($(this).css('left'), 10) + width + 'px'
							}, animOptions);
						});
					} else {
						$stage.animate({
							left: _private.neg(options.width)
						}, animOptions);
						$next.animate({
							left: '0px'
						}, animOptions);
					}
				}
			},
			
			/**
			 *
			 */
			'scale': {
				duration: 1100,
				direction: '',
				setup: function() {
					var top, left;
					if(this.direction === 'right') {
						top = _private.pos(parseInt(options.height, 10) / 2);
						left = _private.pos(options.width);
					} else if(this.direction === 'left') {
						top = _private.pos(parseInt(options.height, 10) / 2);
						left = '0px';
					} else if(this.direction === 'top') {
						top = '0px';
						left = _private.pos(parseInt(options.width, 10) / 2);
					} else if(this.direction === 'bottom') {
						top = _private.pos(options.height);
						left = _private.pos(parseInt(options.width, 10) / 2);
					} else if(this.direction === 'center') {
						top = _private.pos(parseInt(options.height, 10) / 2);
						left = _private.pos(parseInt(options.width, 10) / 2);
					} else if(this.direction === 'zigzagHorizontal') {
						var sq = parseInt(options.squareSize, 10);
						$squares.each(function(){
							$(this).css({
								top: parseInt($(this).css('top'), 10) + sq / 2 + 'px',
								left: parseInt($(this).css('left'), 10) + sq / 2 + 'px',
								height: '0px'
							});
						});
						
						directions[this.direction].delay();
						
						return;
					} else if(this.direction === 'zigzagVertical') {
						var sq = parseInt(options.squareSize, 10);
						$squares.each(function(){
							$(this).css({
								top: parseInt($(this).css('top'), 10) + sq / 2 + 'px',
								left: parseInt($(this).css('left'), 10) + sq / 2 + 'px',
								width: '0px'
							});
						});
						
						directions[this.direction].delay();
						
						return;
					} else {
						var sq = parseInt(options.squareSize, 10);
						$squares.each(function(){
							$(this).css({
								top: parseInt($(this).css('top'), 10) + sq / 2 + 'px',
								left: parseInt($(this).css('left'), 10) + sq / 2 + 'px',
								width: '0px',
								height: '0px'
							});
						});
						
						directions[this.direction].delay();
						
						return;
					}
					
					$next.css({
						top: top,
						left: left,
						width: '1px',
						height: '1px'
					});
				},
				perform: function() {
					if($.inArray(this.direction, ['center', 'top', 'left', 'bottom', 'right']) > -1) {
						$next.animate({
							top: '0px',
							left: '0px',
							width: options.width,
							height: options.height
						}, {
							duration: 1000,
							easing: 'easeInOutQuad'
						});
					} else {
						var sq = parseInt(options.squareSize, 10);
						$squares.each(function(i, el){
							$(this).animate({
								top: parseInt($(el).css('top'), 10) - sq / 2 + 'px',
								left: parseInt($(el).css('left'), 10) - sq / 2 + 'px',
								width: sq + 'px',
								height: sq + 'px'
							}, 500);
						});
					}
				}
			}
		};
		
		
		var defaults = {
			width:			'960px',
			height:			'400px',
			squareSize:		'80px',
			autoplay:		true,
			showControls: 	true,
			showPause: 		true,
			showPaginator: 	true,
			showThumbnails: true,
			showTimer: 		true,
			
			removeSlidesWithBrokenImages: true
		};
		
		return this.each(function(){
			var $this = $(this);
			
			if(_public[options]) {
				return _public[options].apply( this, Array.prototype.slice.call( arguments, 1 ));
			} else if(typeof options === 'object' || !options) {
				return _public.init.apply(this, [defaults, options]);
			} else {
				$.error('Method ' + options + ' does not exist on uBillboard');
			}
		});
	};
})(jQuery);