$(document).ready(function() {
    var _imgList = ['/content/images/pic01.jpg', '/content/images/pic02.jpg', '/content/images/pic03.jpg'];
    var _imgListIndex = 0;
    $('#flashpic_pic').attr('src', _imgList[0]);

    var _imgControl = null;
    var _auto = function() {
        _imgControl = setInterval(function() {
            _imgListIndex++;
            if (_imgListIndex >= _imgList.length)
                _imgListIndex = 0;
            $("#flashpic_pic").ImageSwitch({ NewImage: _imgList[_imgListIndex] });
        }, 4000);
    };

    _auto();

    $("#flashpic_control_left").click(function() {
        clearInterval(_imgControl);
        _imgListIndex--;
        if (_imgListIndex < 0)
            _imgListIndex = _imgList.length - 1;
        $("#flashpic_pic").ImageSwitch({ NewImage: _imgList[_imgListIndex] });
        _auto();
    });

    $("#flashpic_control_right").click(function() {
        clearInterval(_imgControl);
        _imgListIndex++;
        if (_imgListIndex >= _imgList.length)
            _imgListIndex = 0;
        $("#flashpic_pic").ImageSwitch({ NewImage: _imgList[_imgListIndex] });
        _auto();
    });
});