$(document).ready(function() {
    $('li.image-scroll').hide();
    $('div.image-scroller').find('li.image-scroll:first').show().addClass('displayed');

    $('a.prev-btn').bind('click', disableLink).addClass('disabled');
    $('a.next-btn').bind('click', enableNext);

    $('div.image-scroller').find('a.dot-link:first').addClass('selected');

    function disableLink(e) {
        $(this).addClass('disabled');
        return false;
    };

    function enableNext(e) {
        $(this).parent().find('li.displayed').removeClass('displayed').hide().next($(this).parent().find('li.image-scroll')).addClass('displayed').show();
        $(this).parent().find('a.dot-link.selected').removeClass('selected').next($(this).parent().find('a.dot-link')).addClass('selected');

        if($(this).parent().find('li.displayed').next($(this).parent().find('li.image-scroll')).length == 0) $(this).unbind('click', enableNext).bind('click', disableLink).addClass('disabled');
        $(this).parent().find('a.prev-btn').unbind('click', disableLink).bind('click', enablePrev).removeClass('disabled');
        return false;
    }

    function enablePrev(e) {
        $(this).parent().find('li.displayed').removeClass('displayed').hide().prev($(this).parent().find('li.image-scroll')).addClass('displayed').show();
        $(this).parent().find('a.dot-link.selected').removeClass('selected').prev($(this).parent().find('a.dot-link')).addClass('selected')
        if($(this).parent().find('li.displayed').prev($(this).parent().find('li.image-scroll')).length == 0) $(this).unbind('click', enablePrev).bind('click', disableLink).addClass('disabled');
        $(this).parent().find('a.next-btn').unbind('click', disableLink).bind('click', enableNext).removeClass('disabled');
        return false;
    }
});