/*
 * jQuery Nivo Slider v2.1
 * 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
 * 
 * October 2010 - Added "foldLeft", "unfold", and "unfoldLeft" effects, settings.effect is pulled from $.data so that the effect can be changed on the fly by thirdender
 * May 2010 - Pick random effect from specified set of effects by toronegro
 * May 2010 - controlNavThumbsFromRel option added by nerd-sh
 * May 2010 - Do not start nivoRun timer if there is only 1 slide by msielski
 * 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) {

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

		return this.each(function() {
			//Useful variables. Play carefully.
			var vars = {
				currentSlide: 0,
				currentImage: '',
				effect: settings.effect,
				totalSlides: 0,
				randAnim: '',
				running: false,
				paused: false,
				stop:false
			};
		
			//Get this slider
			var slider = $(this).
				data('nivo:vars', vars).
				css('position', 'relative').
				addClass('nivoSlider');
			
			//Find our slider children
			var kids = slider.children();
			kids.each(function() {
				var child = $(this),
				    link = '';
				if(!child.is('img')){
					if(child.is('a')){
						child.addClass('nivo-imageLink');
						link = child;
					}
					child = child.find('img:first');
				}
				//Get img width & height
				var childWidth = child.width() || child.attr('width'),
				    childHeight = child.height() || child.attr('height');
				//Resize the slider
				if(childWidth > slider.width()){
				    slider.width(childWidth);
				}
				if(childHeight > slider.height()){
				    slider.height(childHeight);
				}
				if(link !== ''){
				    link.css('display','none');
				}
				child.css('display','none');
				vars.totalSlides++;
			});
			
			//Set startSlide
			if(settings.startSlide > 0){
				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]);
			} else {
				vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
			}
			
			//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);
				slider.append(
					$('<div class="nivo-slice"></div>').css({
						left: sliceWidth * i,
						width: i === settings.slices - 1 ? slider.width() - (sliceWidth * i) : sliceWidth
					})
				);
			}
			
			//Create caption
			slider.append(
				$('<div class="nivo-caption"><p></p></div>').css({ display:'none', opacity:settings.captionOpacity })
			);			
			//Process initial  caption
			if(vars.currentImage.attr('title') !== ''){
				var title = vars.currentImage.attr('title');
				if(title.substr(0,1) === '#') title = $(title).html();
				$('.nivo-caption p', slider).html(title);
				$('.nivo-caption', slider).fadeIn(settings.animSpeed);
			}
			
			//In the words of Super Mario "let's a go!"
			var timer = 0;
			if(!settings.manualAdvance && kids.length > 1){
				timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
			}

			//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){
					var directionNav = $('.nivo-directionNav', slider).hide();
					slider.hover(function(){
						directionNav.show();
					}, function(){
						directionNav.hide();
					});
				}
				
				$('a.nivo-prevNav, a.nivo-nextNav', slider).live('click', function(){
					if(vars.running) return false;
					clearInterval(timer);
					timer = '';
					if ($(this).is('a.nivo-prevNav')) {
						vars.currentSlide-=2;
						nivoRun(slider, kids, settings, 'prev');
					} else {
						nivoRun(slider, kids, settings, 'next');
					}
				});
			}
			
			//Add Control nav
			if(settings.controlNav){
				var nivoControl = $('<div class="nivo-controlNav"></div>');
				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');
						}
						if (settings.controlNavThumbsFromRel) {
							nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('rel') + '" alt="" /></a>');
						} else {
							nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('src').replace(settings.controlNavThumbsSearch, settings.controlNavThumbsReplace) +'" alt="" /></a>');
						}
					} else {
						nivoControl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>');
					}
					
				}
				//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 = '';
				}, function(){
					vars.paused = false;
					//Restart the timer
					if(timer == '' && !settings.manualAdvance){
						timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, 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 nivoRun(slider, kids, settings, nudge){
			//Get our vars
			var vars = slider.data('nivo:vars');
			if((!vars || vars.stop) && !nudge) return false;

			// Load the effects from the vars
			settings.effect = vars.effect;
			
			// Calculate the width of the slices and find the slices
			var sliceWidth = Math.round(slider.width() / settings.slices),
			    slices = $('.nivo-slice', slider);

			//Trigger the beforeChange callback
			settings.beforeChange.call(this);
					
			//Set current background before change
			if(!nudge || nudge === 'prev' || 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
				settings.slideshowEnd.call(this);
			}
			if(vars.currentSlide < 0) vars.currentSlide = (vars.totalSlides - 1);
			//Set vars.currentImage
			if($(kids[vars.currentSlide]).is('img')){
				vars.currentImage = $(kids[vars.currentSlide]);
			} else {
				vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
			}
			
			//Set active links
			if(settings.controlNav){
				$('.nivo-controlNav a', slider).removeClass('active').
					filter(':eq(' + vars.currentSlide + ')').addClass('active');
			}
			
			//Process caption
			if(vars.currentImage.attr('title') !== ''){
				var title = vars.currentImage.attr('title');
				if(title.substr(0,1) === '#') title = $(title).html();	
                    
				if($('.nivo-caption', slider).css('display') == 'block'){
					$('.nivo-caption p', slider).fadeOut(settings.animSpeed, function(){
						$(this).html(title);
						$(this).fadeIn(settings.animSpeed);
					});
				} else {
					$('.nivo-caption p', slider).html(title);
				}					
				$('.nivo-caption', slider).fadeIn(settings.animSpeed);
			} else {
				$('.nivo-caption', slider).fadeOut(settings.animSpeed);
			}
			
			//Set new slice backgrounds
			slices.each(function(i){
				$(this).css({ height: '0px', opacity: '0', 
					background: 'url('+ vars.currentImage.attr('src') +') no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%' });
			});
			
			var anims, currentEffect;
			if (settings.effect === 'random') {
				anims = ["sliceDownRight","sliceDownLeft","sliceUpRight","sliceUpLeft","sliceUpDown","sliceUpDownLeft","fold","foldLeft","unfold","unfoldLeft","fade"];
			} else  {
				anims = settings.effect.split(',');
			}
			currentEffect = anims[0|(Math.random()*anims.length)];
			if (settings.effect === 'random') {
				vars.randAnim = currentEffect;
			}
            
			//Run effects
			vars.running = true;
			if(currentEffect === 'sliceDown' || currentEffect === 'sliceDownRight' || currentEffect === 'sliceDownLeft') {
				if(currentEffect === 'sliceDownLeft') {
					slices = slices._reverse();
				}
				slices.each(function(i){
					var slice = $(this).css({ 'top': 0, 'bottom': 'auto' });
					setTimeout(i === settings.slices - 1 ? function(){
							slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
						} : function() {
							slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
						}, 100 + (i * 50));
				});
			} 
			else if(currentEffect === 'sliceUp' || currentEffect === 'sliceUpRight' || currentEffect === 'sliceUpLeft') {
				if(currentEffect === 'sliceUpLeft') {
					slices = slices._reverse();
				}
				slices.each(function(i){
					var slice = $(this).css({ 'top': 'auto', 'bottom': 0 });
					setTimeout(i === settings.slices - 1 ? function(){
							slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
						} : function() {
							slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
						}, 100 + (i * 50));
				});
			} 
			else if(currentEffect === 'sliceUpDown' || currentEffect === 'sliceUpDownRight' || currentEffect === 'sliceUpDownLeft') {
				if(currentEffect === 'sliceUpDownLeft') {
					slices = slices._reverse();
				}
				slices.each(function(i){
					var slice = $(this).css(i % 2 === 0 ? { 'top': 0, 'bottom': 'auto' } : { 'top': 'auto', 'bottom': 0 });
					setTimeout(i === settings.slices - 1 ? function(){
							slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
						} : function() {
							slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
						}, 100 + (i * 50));
				});
			}
			/*
			else if(currentEffect === 'zoom' || currentEffect === 'zoomRight' || currentEffect === 'zoomLeft') {
				if (currentEffect === 'zoomLeft') {
					slices = slices._reverse();
				}
				slices.each(function(i) {
					var slice = $(this).css({ top: 0, height: '100%', zoom: '200%' });
					setTimeout(i === settings.slices - 1 ? function() {
							slice.animate({ zoom: '100%', opacity: 1 }, settings.animSpeed, '', function() { slider.trigger('nivo:animFinished'); });
						} : function() {
							slice.animate({ zoom: '100%', opacity: 1 }, settings.animSpeed);
						}, 100 + (i * 50));
				});
			}
			*/
			else if(currentEffect === 'zoom' || currentEffect === 'zoomRight' || currentEffect === 'zoomLeft') {
				var sliderWidth = slider.width(),
				    left = currentEffect === 'zoomLeft',
				    offset = 0,
				    animationSettings = {
					opacity: 1,
					'transform': 'scale(1)',
					'-moz-transform': 'scale(1)',
					'-webkit-transform': 'scale(1)'
				    };
				slices.each(function(i) {
					var slice = $(this).
						css({
							'transform': 'scale(1.5)',
							'-moz-transform': 'scale(1.5)',
							'-webkit-transform': 'scale(1.5)'
						}).
						css(left ? "left" : "right", offset),
					    transitionSettings = 'all ' + (settings.animSpeed / 1000) + 's ease-in';
					slice.css({
						position: 'absolute',
						top: 0,
						height: '100%',
						'transition': transitionSettings,
						'-moz-transition': transitionSettings,
						'-webkit-transition': transitionSettings
					});
					offset += slice.width();
				});
				if (currentEffect === 'zoomLeft') {
					slices = slices._reverse();
				}
				slices.each(function(i) {
					var slice = $(this);
					setTimeout(i === settings.slices - 1 ? function() {
							slice.css(animationSettings);
							setTimeout(function() {
								slices.css({
									'transition': 'none',
									'-moz-transition': 'none',
									'-webkit-transition': 'none'
								});
								slider.trigger('nivo:animFinished');
							}, settings.animSpeed);
						} : function() {
							slice.css(animationSettings);
						}, 100 + (i * 50));
				});
			}
			else if(currentEffect === 'fold' || currentEffect === 'unfoldLeft'){
				if (currentEffect === 'unfoldLeft') {
					slices = slices._reverse();
				}
				slices.each(function(i){
					var slice = $(this),
					    origWidth = slice.width();
					slice.css({ top: 0, height: '100%', width: 0 });
					setTimeout(i === settings.slices - 1 ? function(){
							slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
						} : function() {
							slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed);
						}, 100 + (i * 50));
				});
			}
			else if(currentEffect === 'unfold' || currentEffect === 'foldLeft'){
				var cleanNumberRe = /\D/g;
				if (currentEffect === 'foldLeft') {
					slices = slices._reverse();
				}
				slices.each(function(i){
					var slice = $(this),
					    animateSettings = {
						width: slice.width(),
						opacity: 1,
						left: Number(slice.css('left').replace(cleanNumberRe, ''))
					    };
					if (currentEffect === 'foldLeft') {
						animateSettings['background-position'] = '-' + ((settings.slices - i - 1) * sliceWidth) + 'px 0%';
						slice.css('background-position', '-' + ((settings.slices - i) * sliceWidth) + 'px 0%');
					} else {
						animateSettings['background-position'] = '-' + (i * sliceWidth) + 'px 0%';
						slice.css('background-position', '-' + ((i + 1) * sliceWidth) + 'px 0%');
					}
					slice.css({
						top: 0,
						height: '100%',
						width: 0,
						left: animateSettings.left + animateSettings.width
					});
					setTimeout(i === settings.slices - 1 ? function(){
							slice.animate(animateSettings, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
						} : function() {
							slice.animate(animateSettings, settings.animSpeed);
						}, 100 + (i * 50));
				});
			}
			else if(currentEffect === 'fadeRight' || currentEffect === 'fadeLeft'){
				if (currentEffect === 'fadeLeft') {
					slices = slices._reverse();
				}
				slices.each(function(i) {
					var slice = $(this);
					slice.css({ top: 0, height: '100%' });
					setTimeout(i === settings.slices - 1 ? function(){
							slice.animate({ opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
						} : function() {
							slice.animate({ opacity:'1.0' }, settings.animSpeed);
						}, 100 + (i * 50));
				});
			}
			else if(currentEffect === 'fade') {
				slices.each(function(i){
					var slice = $(this);
					slice.css('height','100%');
					if(i === settings.slices-1){
						slice.animate({ opacity:'1.0' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); });
					} else {
						slice.animate({ opacity:'1.0' }, (settings.animSpeed*2));
					}
				});
			}
		}
	};
	
	//Default settings
	$.fn.nivoSlider.defaults = {
		effect:'random',
		slices:15,
		animSpeed:500,
		pauseTime:3000,
		startSlide:0,
		directionNav:true,
		directionNavHide:true,
		controlNav:true,
		controlNavThumbs:false,
		controlNavThumbsFromRel:false,
		controlNavThumbsSearch:'.jpg',
		controlNavThumbsReplace:'_thumb.jpg',
		keyboardNav:true,
		pauseOnHover:true,
		manualAdvance:false,
		captionOpacity:0.8,
		beforeChange: function(){},
		afterChange: function(){},
		slideshowEnd: function(){}
	};
	
	$.fn._reverse = [].reverse;
	
})(jQuery);