$(document).ready(function(){

var slideshowElement = $('#slideshow-wrap').find('.slideshow'),
		navs = $('#slideshow-wrap').find('.slideshow-nav > li');
var slideshow = slideshowElement.slideshow({
    autostart: true,
    duration: 1500,
    delay: 10000,
    transition: 'push-left'
}).slideshow();

slideshowElement.bind('slideshowShow', function(j, params) {
    $(navs[params.previous.index]).removeClass('current');
    $(navs[params.next.index]).addClass('current');
});

navs.each(function(index, el) {
    $(el).click(function() {
        slideshow.pause().show(index, {
            transition: (index < slideshow.index) ? 'push-right' : 'push-left'
        }).play();
    });
});

});