$(document).ready(function() {
        var menuListItems = $('#scroller_nav li a');
        var scrollContainer = $('#scroll_items');

        menuListItems.click(function(event) {
            var currentLink = $(this);
            var listItemId = currentLink.parent('li').attr('id');
            var listItemIdLength = listItemId.length;
            var slideId = listItemId.substring(0, listItemIdLength - 3); // Remove the trailing "-li"
            var slideEl = $('#' + slideId);
            
            var allSlides = $('#scroll_items').find('div');
            var slideToIndex = 1;

            // @todo there's probably a better way of doing this!
            for (var i = 0; i < allSlides.length; i++) {
                if (allSlides[i].id == slideEl.attr('id')) {
                    slideToIndex = i;
                }
            }

            scrollContainer.cycle(slideToIndex);

            event.stopPropagation();
            return false;
        });

        scrollContainer.cycle({
            fx: 'scrollHorz',
            speed: 500,
            timeout: 9000,
            prev: '#previous_slide',
            next: '#next_slide',
            before: updateMenu,
            pause: 1
        });
    });

function updateMenu() {
	var currentSlide = jQuery(this);
	var menuListItem = jQuery('#' + currentSlide.attr('id') + '-li');
	jQuery('#scroller_nav li.current').removeClass('current');
	menuListItem.addClass('current');
}