/** 
 * 
 * 
 * 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: 500, 
                 auto: false, 
                 auto_direction: 'left', 
                 pause: 2500, 
                 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 animate_next(){ 
                  
                 is_working = true; 
                  
                 $this.animate({'left':'-' + $parent_width * 2 + 'px'}, options.speed, function(){ 
                          
                         $this.css({'left':'-' + $parent_width + 'px'}).children(':first').appendTo($this); 
                          
                         is_working = false; 
                          
                 });              
                  
         } 
          
         function animate_prev(){ 
                  
                 is_working = true; 
                  
                 $this.animate({'left': 0}, options.speed, function(){ 
                          
                         $this.css({'left':'-' + $parent_width + 'px'}).children(':last').insertBefore($this.children(':first')); 
                          
                         is_working = false; 
                          
                 });                              
                  
         } 
          
         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){ 
                          
                         $this.children().eq(k).fadeTo(options.speed, 0, function(){$(this).hide();}); 
                         //$this.children().eq(k).css({'left':'-9999px'}); 
                         $this.children().eq(start_over).show().fadeTo(options.speed, 1, function(){ 
                                  
                         is_working = false; 
          
                         k = start_over; 
                          
                         }); 
                          
                 }else{ 
                  
                         $this.children().eq(k).fadeTo(options.speed, 0, function(){$(this).hide();}); 
                         //$this.children().eq(k).css({'left':'-9999px'}); 
                         $this.children().eq(incr).show().fadeTo(options.speed, 1, function(){ 
                          
                         is_working = false; 
                          
                         k = incr; 
                          
                         }); 
                                  
                 }                
                  
         } 
          
         function add_controls(){ 
                  
                 ///////////////////////////////////////////////////////////////////////////////////////////////////////////// 
                 // Check if user selected images to use for next / prev 
                 ///////////////////////////////////////////////////////////////////////////////////////////////////////////// 
          
                 if(options.prev_img != '' || options.next_img != ''){ 
                          
                         $this.parent().append('<a class="slider_prev" href=""><img src="' + options.prev_img + '" alt=""/></a><a class="slider_next" href=""><img src="' + options.next_img + '" alt="" /></a>'); 
                          
                 }else{ 
                  
                         $this.parent().append('<a class="slider_prev" href="">' + options.prev_text + '</a><a class="slider_next" href="">' + options.next_text + '</a>'); 
                  
                 } 
                  
                 $this.parent().find('.slider_prev').css({'float':'left', 'outline':'0'}); 
                 $this.parent().find('.slider_next').css({'float':'right', 'outline':'0'}); 
                  
                  
                 ///////////////////////////////////////////////////////////////////////////////////////////////////////////// 
                 // Accomodate padding-top for controls when elements are absolutely positioned (only in fade mode) 
                 ///////////////////////////////////////////////////////////////////////////////////////////////////////////// 
                  
                 if(options.mode == 'fade'){ 
                          
                         $this.parent().find('.slider_prev').css({'paddingTop' : $this.children().height()}) 
                         $this.parent().find('.slider_next').css({'paddingTop' : $this.children().height()}) 
                          
                 }                
                                                                         
                 ///////////////////////////////////////////////////////////////////////////////////////////////////////////// 
                 // Actions when user clicks next / prev buttons         
                 ///////////////////////////////////////////////////////////////////////////////////////////////////////////// 
                                                                         
                 $this.parent().find('.slider_next').click(function(){            
                          
                         if(!is_working){ 
                                  
                                 if(options.mode == 'slide'){ 
                                                                                   
                                         animate_next(); 
                                          
                                         if(options.auto){ 
                                                  
                                                 clearInterval($.t); 
                                                  
                                                 $.t = setInterval(function(){animate_next();}, options.pause); 
                                                  
                                         } 
                                  
                                 }else if(options.mode == 'fade'){ 
                                          
                                         fade('next'); 
                                          
                                         if(options.auto){ 
                                                  
                                                 clearInterval($.t); 
                                                  
                                                 $.t = setInterval(function(){fade('next');}, options.pause); 
                                                  
                                         } 
  
                                          
                                 } 
                                  
                         } 
                                                                  
                         return false; 
                                          
                 });      
                  
                 $this.parent().find('.slider_prev').click(function(){    
                          
                         if(!is_working){ 
                                  
                                 if(options.mode == 'slide'){ 
                                                                                   
                                         animate_prev(); 
                                          
                                         if(options.auto){ 
                                                  
                                                 clearInterval($.t); 
                                                  
                                                 $.t = setInterval(function(){animate_prev();}, options.pause); 
                                                  
                                         } 
                                                  
                                 }else if(options.mode == 'fade'){ 
                                          
                                         fade('prev'); 
                                          
                                         if(options.auto){ 
                                          
                                                 clearInterval($.t); 
                                          
                                                 $.t = setInterval(function(){fade('prev');}, options.pause); 
                                          
                                         } 
                                          
                                 } 
                                  
                         } 
                                          
                         return false; 
                                          
                 });      
          
         } 
          
          
         function ticker() { 
                  
                 if(options.ticker_direction == 'left'){ 
                                  
                         $this.animate({'left':'-' + $parent_width * 2 + 'px'}, options.speed, 'linear', function(){ 
                          
                                 $this.css({'left':'-' + $parent_width + 'px'}).children(':first').appendTo($this); 
                          
                                 ticker(); 
                          
                         });              
                  
                 }else if(options.ticker_direction == 'right'){ 
                          
                         $this.animate({'left': 0}, options.speed, 'linear', function(){ 
  
                                 $this.css({'left':'-' + $parent_width + 'px'}).children(':last').insertBefore($this.children(':first')); 
  
                                 ticker(); 
  
                         });                              
                          
                 }                
                  
         } 
                  
          
          
         ///////////////////////////////////////////////////////////////////////////////////////////////////////////// 
         // Create content wrapper and set CSS 
         ///////////////////////////////////////////////////////////////////////////////////////////////////////////// 
          
         $this.wrap('<div class="' + options.wrapper_class + '"></div>'); 
          
         //console.log($this.parent().css('paddingTop')); 
                          
         if(options.mode == 'slide' || options.mode == 'ticker'){ 
                  
                 $this.parent().css({ 
                         'overflow' : 'hidden', 
                         'position' : 'relative', 
                         'width' : options.width + 'px' 
                 }); 
                          
                 $this.css({              
                         'width' : '999999px', 
                         'position' : 'relative', 
                         'left' : '-' + $parent_width + 'px'              
                 }); 
                          
                 $this.children().css({           
                         'float' : 'left', 
                         'width' : $parent_width 
                 }); 
                          
                 $this.children(':last').insertBefore($this.children(':first')); 
          
         }else 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().height()});              
                 } 
                  
                 $this.children().css({           
                         'position' : 'absolute', 
                         'width' : $parent_width, 
                         'listStyle' : 'none', 
                         'opacity' : 0, 
                         'display' : 'none'       
                 }); 
                  
                 $this.children(':first').css({ 
                         'opacity' : 1, 
                         'display' : 'block' 
                 }); 
                                  
         } 
          
         ///////////////////////////////////////////////////////////////////////////////////////////////////////////// 
         // Check if user selected "auto" 
         ///////////////////////////////////////////////////////////////////////////////////////////////////////////// 
                  
         if(!options.auto){ 
                                  
                 add_controls(); 
                                  
         }else{ 
                  
                 if(options.mode == 'ticker'){ 
                          
                         ticker(); 
                          
                 }else{ 
                  
                         ///////////////////////////////////////////////////////////////////////////////////////////////////////////// 
                         // Set a timed interval  
                         ///////////////////////////////////////////////////////////////////////////////////////////////////////////// 
                          
                         if(options.mode == 'slide'){ 
                                  
                                 if(options.auto_direction == 'left'){ 
                                                          
                                         $.t = setInterval(function(){animate_next();}, options.pause);           
                                  
                                 }else if(options.auto_direction == 'right'){ 
                                  
                                         $.t = setInterval(function(){animate_prev();}, options.pause); 
                                  
                                 } 
                  
                         }else 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); 
                                  
                                 } 
                          
                         } 
                          
                         if(options.controls){ 
                          
                                 add_controls(); 
                          
                         } 
                  
                 } 
          
         } 
                  
 }