// when the DOM is ready...
jQuery.fn.shopSlider = function(options) {

    // Default options
    var opt = $.extend({
        maxPosition: 5,
        minPosition: 0,
        easing: "easeInOutQuint",
        timer: 700
    }, options);

    //init items
    $('.scroll').css({ overflow: 'hidden', position: 'relative' });
    
    var _currentposition = 0;
    var _maxposition = opt.maxPosition;
    var _minposition = opt.minPosition;
    var _easing = opt.easing;
    var _time = opt.timer;
    var goto_div = '';

    var maindiv = $(this);

    hideShowLinks(maindiv);

    $(this).find('.scrollleft').click(function() {

        _currentposition = _currentposition - 1;
        if (_currentposition < _minposition) {
            _currentposition = _maxposition;
        }

        goto_div = $(maindiv).find('div.slide:eq(' + (_currentposition) + ')');

        $(maindiv).find('.scroll').scrollTo(goto_div, _time, { easing: _easing });
        hideShowLinks(maindiv);
        return false;

    });

    $(this).find('.scrollright').click(function() {

        _currentposition = _currentposition + 1;
        if (_currentposition > _maxposition) {
            _currentposition = _minposition;
        }
        
        goto_div = $(maindiv).find('div.slide:eq(' + (_currentposition) + ')');
        
        $(maindiv).find('.scroll').scrollTo(goto_div, _time, { easing: _easing });
        hideShowLinks(maindiv);
        return false;

    });

    function hideShowLinks(maindiv) {
        $(maindiv).find('.scrollers').css({ display: 'block' });
        if (_currentposition == _maxposition) {
            $(maindiv).find('.scrollright').css({ display: 'none' });
        }
        if (_currentposition == _minposition) {
            $(maindiv).find('.scrollleft').css({ display: 'none' });
        }
    }

};