Как-то так должно работать:)
/* home slide show */
var slide_pos = 0;
var slide_len = 0;
$(document).ready(function() {
slide_len = $(".slideshow_item").size() - 1;
$(".slideshow_item:gt(0)").hide();
// Animate function
function animate(prev) {
slide_cur = $(".slideshow_item:eq(" + slide_pos + ")");
slide_cur.fadeOut(2000);
if (prev === false) {
slide_pos = (slide_pos == slide_len ? 0 : (slide_pos + 1));
} else {
slide_pos = (slide_pos === 0 ? slide_len : (slide_pos - 1));
}
slide_cur = $(".slideshow_item:eq(" + slide_pos + ")");
slide_cur.fadeIn(2000);
}
// Trigger the animate function
function init() {
slide_int = setInterval(function() { animate(false); }, 5000);
}
init();
// Disable animation when slideshow is hovered
$('#slideshow').hover(
function() {
clearInterval(slide_int);
},
function() {
init();
}
);
// Add prev/next actions
$('.slideshow_prev').click(animate(true));
$('.slideshow_next').click(animate(false));
});