(function($) {
	$(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
		});
	});
})(jQuery);

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