/**
*
*
* 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();

}

}

}

}