var timer;
var current_pos = 1;
var nombre_slide = 0;
var next_pos = 1;
var delay = 4000;

$(document).ready(function() {
    $('#slideshow .slide').each(function() {
        nombre_slide++;
    });
    if(nombre_slide>0) {
        timer = setTimeout("slide()", delay);    
    }
    
    $('#slideshow li').click(function() {
        goTo($(this).attr('title').replace('slide', ''));
    });
    
    $('#slideshow .right').hover(function() {
        if(nombre_slide>0) {
            clearTimeout(timer);
        }
    }, function() {
        if(nombre_slide>0) {
            timer = setTimeout("slide()", delay);    
        }
    });
});

function slide() {
    if(current_pos==nombre_slide) {
        next_pos = 1;
    }
    else {
        next_pos++;
    }
    
    $('#slideshow li[title=slide'+current_pos+']').removeClass('active');
    $('#slideshow li[title=slide'+next_pos+']').addClass('active');
    
    $('#slideshow #slide'+current_pos).animate({left: '-620px'}, 400, function() {$(this).hide();});
    $('#slideshow #slide'+next_pos).css({left: '620px'}).show().animate({left: '0px'}, 400);
    
    current_pos = next_pos;
    timer = setTimeout("slide()", delay);    
}

function goTo(position) {
    if(position != current_pos) {
        clearTimeout(timer);

        next_pos = position;

        $('#slideshow li[title=slide'+current_pos+']').removeClass('active');
        $('#slideshow li[title=slide'+next_pos+']').addClass('active');

        $('#slideshow #slide'+current_pos).animate({left: '-620px'}, 400, function() {$(this).hide();});
        $('#slideshow #slide'+next_pos).css({left: '620px'}).show().animate({left: '0px'}, 400);

        current_pos = next_pos;

        timer = setTimeout("slide()", delay);
    }
}