﻿jQuery.fn.thumbSlider = function( settings ) {
    settings = jQuery.extend({
        speed : "normal",
        slideBy : 2
    }, settings);
    
    return this.each(function() {
        jQuery.fn.thumbSlider.run( jQuery( this ), settings );
    });
};
jQuery.fn.thumbSlider.run = function( $this, settings ) {
    
jQuery( ".javascriptCSS", $this ).css( "display", "none" );
    
    var ul = jQuery( "ul:eq(0)", $this );
    var li = ul.children();
    var $nextbtn = jQuery( ".next > a");
    var $backbtn = jQuery( ".back > a");
    
    if ( li.length > settings.slideBy ) {        
        
        var liWidth = jQuery( li[0] ).width();
        var animating = false;
        ul.css( "width", ( li.length * liWidth ) );
        
        $nextbtn.click(function() {
            if ( !animating ) {
                animating = true;
                offsetLeft = parseInt( ul.css( "left" ) ) - ( liWidth * settings.slideBy );
                if ( offsetLeft + ul.width() > 0 ) {
                    $backbtn.css( "display", "block" );
                    ul.animate({
                        left: offsetLeft
                    }, settings.speed, function() {
                        if ( parseInt( ul.css( "left" ) ) + ul.width() <= liWidth * settings.slideBy ) {
                            $nextbtn.css( "display", "none" );
                        }
                        animating = false;
                    });
                } else {
                    animating = false;
                }
            }
            return false;
        });
        
        $backbtn.click(function() {
            if ( !animating ) {
                animating = true;
                offsetRight = parseInt( ul.css( "left" ) ) + ( liWidth * settings.slideBy );
                if ( offsetRight + ul.width() <= ul.width() ) {
                    $nextbtn.css( "display", "block" );
                    ul.animate({
                        left: offsetRight
                    }, settings.speed, function() {
                        if ( parseInt( ul.css( "left" ) ) == 0 ) {
                            $backbtn.css( "display", "none" );
                        }
                        animating = false;
                    });
                } else {
                    animating = false;
                }
            }
            return false;
        });
        $nextbtn.css( "display", "block" )
    }
    
    if (li.length <= 5) {
        $nextbtn.css( "display", "none" )
    }
    if (li.length <= 5) {
        $backbtn.css( "display", "none" )
    }
    
};