$(function () {
    $('#slides')
	    .cycle({
	        fx: 'fade',
	        timeout: 5000,
	        speed: 500,
            before: slideselect
	    });

	    $('#slideshow-nav a').click(slidenavclick);
	    $('#slideshow-nav a:first').click();
});

var slidenavclick = function (e) {
    $this = $(this);
    e.preventDefault();
    nextSlide = parseInt($this.attr('class').replace('slide-', '')) - 1;
    $('#slides').cycle(nextSlide);
}

var slideselect = function (currSlideElement, nextSlideElement, options, forwardFlag) {

    $('#slideshow .selected').removeClass('selected');
    //$this.closest('li').addClass('selected');

    var index = 0;

    $("#slides li").each(function (i) {
        if (this == nextSlideElement)
            index = i;
    });

    $("#slideshow li:eq(" + index + ")").addClass("selected");
}