/**
*
*
* bxSlider: Content slider / fade / ticker using the jQuery javascript library.
*
* Author: Steven Wanderski
* Email: wandoledzep@gmail.com
* URL: http://bxslider.com
* 
*
**/

jQuery.fn.bxSlider = function(options){
	
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////
	// Declare variables and functions
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////
	var defaults = {
		mode: 'slide',
		speed: 3000,
		auto: false,
		auto_direction: 'left',
		pause: 3000,
		controls: true,
		prev_text: 'prev',
		next_text: 'next',
		width: $(this).children().width(),
		prev_img: '',
		next_img: '',
		ticker_direction: 'left',
		wrapper_class: 'container'
	};
	
	options = $.extend(defaults, options);
	
	if(options.mode == 'ticker'){
		options.auto = true;
	}
	
	var $this = $(this);

	var $parent_width = options.width;	
	var current = 0;
	var is_working = false;
	var child_count = $this.children().size();
	var i = 0;
	var j = 0;
	var k = 0;
	
	function fade(direction){
		
		if(direction == 'next'){
		
			var last_before_switch = child_count - 1;
			var start_over = 0;
			var incr = k + 1;
			
		}else if(direction == 'prev'){
			
			var last_before_switch = 0;
			var start_over = child_count -1;
			var incr = k - 1;
			
		}		
		
		is_working = true;
		
		if(k == last_before_switch){
			return false;
			$this.children().eq(k).fadeTo(options.speed, 0);
			$this.children().eq(start_over).fadeTo(options.speed, 1, function(){
				
			is_working = false;
	
			k = start_over;
			
			});
			
		}else{
			$this.children().eq(k).fadeTo(options.speed, 0);
			$this.children().eq(incr).fadeTo(options.speed, 1, function(){
			
			is_working = false;
			
			k = incr;
			
			});
				
		}		
		
	}
	
	
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////
	// Create content wrapper and set CSS
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	$this.wrap('<div class="' + options.wrapper_class + '"></div>');
	
	//console.log($this.parent().css('paddingTop'));
			
	if(options.mode == 'fade'){
		
		$this.parent().css({
			'overflow' : 'hidden',
			'position' : 'relative',
			'width' : options.width + 'px'
			//'height' : $this.children().height()
		});
		
		if(!options.controls){		
			$this.parent().css({'height' : $this.children().innerHeight()});		
		}
		
		$this.children().css({		
			'position' : 'absolute',
			'width' : $parent_width,
			'listStyle' : 'none',
			'opacity' : 0		
		});
		
		$this.children(':first').css({
			'opacity' : 1
		});
				
	}
	
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////
	// Check if user selected "auto"
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////

			if(options.mode == 'fade'){
				
				if(options.auto_direction == 'left'){
					$.t = setInterval(function(){fade('next');}, options.pause);
					
				}else if(options.auto_direction == 'right'){
					
					$.t = setInterval(function(){fade('prev');}, options.pause);
				}
			
			}
	
		
}