Streaming live at 10am (PST)

Sliding slideshow to the right


Hi, try to get my slideshow to slide to the Right instead of the default Left.
Not sure if my javascript code is correct.
Any help, please.
Thank you.

<div data-delay="4000" data-animation="slide" data-autoplay="1" data-disable-swipe="1" data-duration="500" data-infinite="1" class="sliderright w-slider">
 <div class="w-slider-mask">
<div class="slide01r w-slide"></div>
                   <div class="slide02r w-slide"></div>
                   <div class="slide03r w-slide"></div>
                 <div class="left-arrow-2 w-slider-arrow-left">
                   <div class="w-icon-slider-left"></div>
                 <div class="right-arrow-3 w-slider-arrow-right">
                   <div class="w-icon-slider-right"></div>
                 <div class="w-slider-nav w-round"></div>

    <script type="text/javascript">
    	       $('.slide-to-the-right').animate({left: "500px"}, "slow", function () {
    	              $('.sliderright w-slider-mask div:first-child').appendTo('.slide-to-the-right');
    	              $('.slide-to-the-right').css('left', '0');

Created an attribute on the mask
data-slide =".slide-to-the-right"