スライドショーをjQuery/switchで実装したい

前提・実現したいこと

スライドショーをjQueryで実装したいです。
自力で実装してみたものの、 prevボタンとそれ以外、という処理になってしまいました。elseは例外処理用に使うべきだと思うですが、nextの時の動作を正常系の挙動として実装する場合は、どう実装したら良いでしょうか・・・
また、今回は、switchで書くよりも、if文で書くほうが使い方として合ってるのかな、と考えていますが、実際どうでしょうか。ご意見お聞かせください。

該当のソースコード

html
1   <div class="slider-wrap">
2        <div class="slider-area">
3            <ul class="slider-list clearfix">
4                <li><img src="img/1.jpg" alt=""></li>
5                <li><img src="img/2.jpg" alt=""></li>
6                <li><img src="img/3.jpg" alt=""></li>
7                <li><img src="img/4.jpg" alt=""></li>
8            </ul>
9            <button type="button" class="slider-ctrl-btn prev" data-ctrl="prev"></button>
10            <button type="button" class="slider-ctrl-btn next" data-ctrl="next"></button>
11        </div>
12    </div>

CSS
1.slider-wrap {
2    width: 600px;
3    padding: 10px;
4    margin: 0 auto;
5    border-radius: 10px;
6    background-color: #DDD;
7    box-shadow: 0 2px 5px rgba(50, 50, 50, 0.4);
8}
9.slider-area {
10    position: relative;
11    width: 600px;
12    height: 300px;
13    background-color: #FFF;
14    overflow: hidden;
15}
16.slider-list {
17    position: absolute;
18    top: 0;
19    left: 0;
20    width: 2400px;
21    height: 300px;
22}
23.slider-list > li { float: left; }
24.slider-ctrl-btn {
25    position: absolute;
26    top: 50%;
27    width: 30px;
28    height: 30px;
29    margin-top: -15px;
30    cursor: pointer;
31    border-radius: 15px;
32    background-color: rgba(255, 255, 255, 0.5);
33}
34.slider-ctrl-btn.prev { left: 30px; }
35.slider-ctrl-btn.next { right: 30px; }

jQuery
1$(function() {
2    "use strict"
3
4    var $slider = $(".slider-list"), 
5        photos = $slider.find("li").length, 
6        slideAnimation = [], 
7        listIndex = 0; 
8
9    for(var i = 0; i < photos; i++) { 
10     slideAnimation [i] = - i * $slider.find("li").width() + "px"; 
11    }
12  
13
14    $(".slider-ctrl-btn").on("click", function() {
15        slidePhoto($(this).data("ctrl"));
16    });
17
18
19    function slidePhoto (_direction) {
20        if(_direction === "prev") {
21            if(listIndex === 0) {
22                listIndex = photos - 1;
23
24            } else {
25                listIndex--;
26            }
27
28        } else {
29            if(listIndex === photos - 1) {
30                listIndex = 0;
31
32            } else {
33                listIndex++;
34            }
35        }
36
37        $slider.animate({left: slideAnimation[listIndex]}, 500, "swing");
38    }
39});