///<reference path="/Assets/Js/jquery-vsdoc.js" />

$(document).ready(function () {
    var dc = "disabled";
    var ci = 0;
    var $imgs = $("#circle").children("img");
    var $next = $("#next");
    var $prev = $("#prev");

    var changeImage = function (idx, sndr) {
        if (!sndr || (sndr && !sndr.hasClass(dc))) {
            if ($imgs.length) {
                $imgs.css("display", "none");
                $imgs.eq(idx).css("display", "block");
                ci = idx;
                if (ci == ($imgs.length - 1)) {
                    if (!$next.hasClass(dc)) { $next.addClass(dc); }
                } else {
                    $next.removeClass(dc);
                }

                if (ci == 0) {
                    if (!$prev.hasClass(dc)) { $prev.addClass(dc); }
                } else {
                    $prev.removeClass(dc);
                }
            } else {
                $next.addClass(dc);
                $prev.addClass(dc);
            }
        }
    }

    $next.click(function () {
        changeImage(ci + 1, $next);
        return false;
    });

    $prev.click(function () {
        changeImage(ci - 1, $prev);
        return false;
    });

    changeImage(0, null);
});