$(document).ready(function()
{
    jQuery(
        function( $ )
        {
            // reakcja na zdarzenie click elementu btnNext
            $('#btnNext').click(
                function()
                {               
                         
                    innerDivWidth = $('div.innerSliderPane')[0].clientWidth;
                    left = $('div.sliderPane')[0].scrollLeft;
                    
                    divWidth = $('div.sliderPane')[0].clientWidth;
                    
                    if (innerDivWidth == (divWidth+left))
                    {
                        $('div.sliderPane').scrollTo( "-="+innerDivWidth,"-="+innerDivWidth, { queue:true } );    
                    }
                    else
                    {
                        $('div.sliderPane').scrollTo( "+="+divWidth,"+="+divWidth, { queue:true } );    
                    }
                }
            )
            
            // reakcja na zdarzenie click elementu btnPrev
            $('#btnPrev').click(
                function()
                {
                    innerDivWidth = $('div.innerSliderPane')[0].clientWidth;
                    left = $('div.sliderPane')[0].scrollLeft;
                    
                    divWidth = $('div.sliderPane')[0].clientWidth;
                    
                    if (left==0)
                    {
                        $('div.sliderPane').scrollTo( "+="+(innerDivWidth-divWidth),
                            "+="+(innerDivWidth-divWidth), { queue:true } );    
                    }
                    else
                    {
                        $('div.sliderPane').scrollTo( "-="+divWidth,"-="+divWidth, { queue:true } );    
                    }
                }
            )           
        }
    )          
  });