$(document).ready(
    function () {
        $('.slideshow').cycle({
            fx: 'fade',
            timeout: "5000"
        });
    }
);

function next() {
    $('.slideshow').cycle('next');
}
function preview() {
    $('.slideshow').cycle('prev');
    updateCurrent(-2);
}
function toSlide(iSlide) {
    $('.slideshow').cycle({
        startingSlide: iSlide
    });

    $('.slideControl #count').attr('value', iSlide);
    $('.slideControl .current').attr('class', 'number');
    $('.slideControl #' + iSlide).attr('class', 'number current');
}

function updateCurrent(iStep) {
    var totNumber = $('.slideControl .number').length - 1;
    var iCurrent = parseInt($('.slideControl #count').attr('value')) + iStep;

    if (iCurrent > totNumber) {
        iCurrent = 0;
    }
    if (iCurrent < 0) {
        if (iCurrent < -1) {
             iCurrent = totNumber-1;
    	} else {
	     iCurrent = totNumber;
	}
    }

    $('.slideControl #count').attr('value', iCurrent);
    $('.slideControl .current').attr('class', 'number');
    $('.slideControl #' + iCurrent).attr('class', 'number current');
}