/*
 * jQuery Nivo Slider v2.0
 * 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
 * 
 * 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)
 */
 
var widthChoice;
var vars;

(function($) {

	$.fn.nivoSlider = function(options) {

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

		return this.each(function() {
			//Useful variables. Play carefully.
			vars = {
				currentSlide: 2,
				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.addClass('nivoSlider');
			
			slideFinished = false;
	
			//Find our slider children
			var kids = slider.children('img, a');
			kids.each(function() {
				var child = $(this);
				var 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();
                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);
                }
                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;
			}
			if(vars.totalSlides > 2 && vars.totalSlides < 5){
				vars.currentSlide = 1;
			} else if(vars.totalSlides > 4 && vars.totalSlides < 7){
				vars.currentSlide = 2;
			} else if(vars.totalSlides > 6){
				vars.currentSlide = 3;
			}
			
			//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');
				$("#rolloverWrapper #rollover #showProject a").attr("href", $(kids[vars.currentSlide]).attr("href"));
			}
			
			//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"><p></p></div>').css({ display:'none', opacity:settings.captionOpacity })
			);			
			//Process initial  caption
			if(vars.currentImage.attr('title') != ''){
				$('.nivo-caption p', slider).html(vars.currentImage.attr('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);
			}
			
			// Thumbnail infinite carousel
			function goToThumbnail(rel){
				var animationLeft = rel*120+120;
				var currentLeft = $('.nivo-directionNav .active img').css('left');
				var animation = animationLeft - currentLeft;
				$('.nivo-controlNav img').animate({ left: "+="+animation+"px" }, settings.animSpeed, function(){});
				alert("animationLeft: "+animationLeft+"   currentLeft: "+currentLeft+"   animation: "+animation+"");
			}

			//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;
					slideThumbnails("right");
					nivoRun(slider, kids, settings, 'prev');
				});
				
				$('a.nivo-nextNav', slider).live('click', function(){
					if(vars.running) return false;
					clearInterval(timer);
					timer = '';
					slideThumbnails("left");
					nivoRun(slider, kids, settings, 'next');
				});
			}
			
			//Add Control nav
			if(settings.controlNav){
				var nivoControl = $('<div class="nivo-controlNav"></div>');
				slider.append(nivoControl);
				var nivoControlOverflow = $('<div class="nivo-controlNavOverflow"></div>');
				nivoControl.append(nivoControlOverflow);
				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) {
                            nivoControlOverflow.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('rel') + '" alt="" /></a>');
                        } else {
                            nivoControlOverflow.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('src').replace("homeSlider", "homeSlider/thumbGray") +'" alt="" /></a>');
                        }
					} else {
						nivoControlOverflow.append('<a class="nivo-control" rel="'+ i +'">'+ i +'</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;
					var position = $(this).position();
					slideThumbnails("click", position.left/120);
					nivoRun(slider, kids, settings, 'control');
				});
				var source = $('.nivo-controlNav .active img').attr('src');
				var newSource = source.replace('/thumbGray/', '/thumb/');
				$('.nivo-controlNav .active img', slider).attr('src', newSource);
			}
			
			//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');
						slideThumbnails("right");
					}
					//Right
					if(event.keyCode == '39'){
						if(vars.running) return false;
						clearInterval(timer);
						timer = '';
						nivoRun(slider, kids, settings, 'next');
						slideThumbnails("left");
					}
				});
			}
			
			//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');
					$("#rolloverWrapper #rollover #showProject a").attr("href", $(kids[vars.currentSlide]).attr("href"));
				}
				//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);
			});
			
			// Set width
			if(vars.totalSlides > 2 && vars.totalSlides < 5){
				$("#slider .nivo-controlNav").css("width", "360px");
				$("#slider .nivo-controlNav").css("marginLeft", "318px");
				widthChoice = 1;
			} else if(vars.totalSlides > 4 && vars.totalSlides < 7){
				$("#slider .nivo-controlNav").css("width", "600px");
				$("#slider .nivo-controlNav").css("marginLeft", "198px");
				widthChoice = 2;
			} else if(vars.totalSlides > 6){
				$("#slider .nivo-controlNav").css("width", "840px");
				$("#slider .nivo-controlNav").css("marginLeft", "78px");
				widthChoice = 3;
			}
		});
		
		//Thumbnail slider
		function slideThumbnails(choice, number){
			if(choice == "left"){
					$(".nivo-controlNavOverflow a.nivo-control").each( function(){
						$(this).animate({
							left : '-=' + 120
						}, 250);
						var position = $(this).position();
						if(position.left < 10){
							$(this).animate({
								opacity: 0
							}, 125);
							$(this).animate({
								left : '+=' + (vars.totalSlides*120)
							}, 0);
							$(this).animate({
								opacity: 1
							}, 125);
						}
					});
				slideFinished = true;
			} else if(choice == "right"){
				$(".nivo-controlNavOverflow a.nivo-control").each( function(){
						$(this).animate({
							left : '+=' + 120
						}, 250);
						var position = $(this).position();
						if(position.left > (((vars.totalSlides-1)*120)-10)){
							$(this).animate({
								opacity: 0
							}, 125);
							$(this).animate({
								left : '-=' + ((vars.totalSlides)*120)
							}, 0);
							$(this).animate({
								opacity: 1
							}, 125);
						}
					});
				slideFinished = true;
			} else if(choice == "click"){
				if(widthChoice == 1){
					if(number < 2){
						var times = 1-number;
						var direction = "right";
					} else {
						var times = number-1;
						var direction = "left";
					}
				}
				else if(widthChoice == 2){
					if(number < 2){
						var times = 2-number;
						var direction = "right";
					} else {
						var times = number-2;
						var direction = "left";
					}
				}
				else if(widthChoice == 3){
					if(number <= 2){
						var times = 3-number;
						var direction = "right";
					} else {
						var times = number-3;
						var direction = "left";
					}
				}
				if(direction == "left"){
					$(".nivo-controlNavOverflow a.nivo-control").each( function(){
						var i = 0;
						while(i < times){
							$(this).animate({
								left : '-=' + 120
							}, 250);
							var position = $(this).position();
							if(times == 2){
								var value = 130;
							} else if(times == 1){
								var value = 10;
							} else if(times == 3){
								var value = 250;
							}
							if(position.left < value){
								$(this).animate({
									opacity: 0
								}, 0);
								if(i == 0) {
									$(this).animate({
										left : '+=' + (vars.totalSlides*120)
									}, 0);
									var rel = $(this).attr("rel");
								} else if(i == 1 && widthChoice == 3 && times == 2){
									if(rel != $(this).attr("rel")){
										$(this).animate({
											left : '+=' + (vars.totalSlides*120)
										}, 0);
									}
								} else if(i == 1 && widthChoice == 3 && times == 3){
									if(rel != $(this).attr("rel")){
										$(this).animate({
											left : '+=' + (vars.totalSlides*120)
										}, 0);
									}
								}
								$(this).animate({
									opacity: 1
								}, 0);
							}
							i++;
						}
					});
					slideFinished = true;
				} else if(direction == "right"){
					$(".nivo-controlNavOverflow a.nivo-control").each( function(){
					var i = 0;
					while(i < times){
								$(this).animate({
									left : '+=' + 120
								}, 250);
								var position = $(this).position();
								if(times == 2){
									var value = 3;
								} else if(times == 1){
									var value = 2;
								} else if(times == 3){
									var value = 4;
								}
								if(position.left > (((vars.totalSlides-value)*120)+10)){
									$(this).animate({
										opacity: 0
									}, 0);
									if(i == 0) {
										$(this).animate({
											left : '-=' + (vars.totalSlides*120)
										}, 0);
										var rel = $(this).attr("rel");
									} else if(i == 1 && widthChoice == 3 && times == 2){
										if(rel != $(this).attr("rel")){
											$(this).animate({
												left : '-=' + (vars.totalSlides*120)
											}, 0);
										}
									} else if(i == 1 && widthChoice == 3 && times == 3){
										if(rel != $(this).attr("rel")){
											$(this).animate({
												left : '-=' + (vars.totalSlides*120)
											}, 0);
										}
									}
									$(this).animate({
										opacity: 1
									}, 0);
								}						
					
					i++;
					}
					});
					slideFinished = true;
				}
				slideFinished = true;
			} else if(choice == "auto"){
				$(".nivo-controlNavOverflow a.nivo-control").each( function(){
						$(this).animate({
							left : '-=' + 120
						}, 250);
						var position = $(this).position();
						if(position.left < 10){
							$(this).animate({
								opacity: 0
							}, 125);
							$(this).animate({
								left : '+=' + (vars.totalSlides*120)
							}, 0);
							$(this).animate({
								opacity: 1
							}, 125);
						}
					});
				slideFinished = true;
			}
		}
		
		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
				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){
				var source = $('.nivo-controlNav .active img').attr('src');
				var newSource = source.replace('/thumb/', '/thumbGray/');
				$('.nivo-controlNav .active img', slider).attr('src', newSource);
				$('.nivo-controlNav a', slider).removeClass('active');
				$('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');
				var source = $('.nivo-controlNav .active img').attr('src');
				var newSource = source.replace('/thumbGray/', '/thumb/');
				$('.nivo-controlNav .active img', slider).attr('src', newSource);
			}
			
			//Process caption
			if(vars.currentImage.attr('title') != ''){
				if($('.nivo-caption', slider).css('display') == 'block'){
					$('.nivo-caption p', slider).fadeOut(settings.animSpeed, function(){
						$(this).html(vars.currentImage.attr('title'));
						$(this).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 random effect from specified set (eg: effect:'fold,fade')
            if(settings.effect.indexOf(',') != -1){
                var anims = settings.effect.split(',');
                vars.randAnim = $.trim(anims[Math.floor(Math.random()*anims.length)]);
            }
		
			//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'); });
						// Thumbnail animation
						/*var thumbnailWidth = $('.nivo-controlNav img').outerWidth(true);
						var trueWidth = thumbnailWidth + 60;
						$('.nivo-controlNav img').animate({ left: "-="+trueWidth+"px" }, settings.animSpeed, function(){});
						var left = $('.nivo-controlNav img').position();
						if(left.left == -600){
							$('.nivo-controlNav a img').css('left', '0');
						}*/
					} else {
						$(this).animate({ opacity:'1.0' }, (settings.animSpeed*2));
					}
					i++;
				});
			}
			//Slide thumbnails if not already done
			if(slideFinished != true){
				slideThumbnails("auto");
			}
			slideFinished = false;
		}
	};
	
	//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);