$(document).ready(function(){   
    
    $('#next').click(function(){ 
        halt = false;
        trigger = false;
        next(); 
    });
    $('#prev').click(function(){
        halt = false;
        trigger = false;
        next(true); 
    });
    
    $('#slider').hover(function(){
        halt = true;
        trigger = false;
    },function(){
        halt = false;
        if (trigger)
            next();
    });
    
    currentSlide = $('#slider li:eq(0)');
    currentSlide.css('left', '0px').addClass('currentSlide');

    timer = setTimeout(function(){next();},10000);

});

var currentSlide = null;
var timer = null;
var halt = false;
var trigger = false;

function next (reverse) {   

    clearTimeout(timer);
    
    if (halt) {
        trigger = true;
        return false;
    }
    
    if (reverse) {
        var nextSlide = $(currentSlide).prev();

        if (nextSlide.length == 0)
            nextSlide = $('#slider li:last-child');
            
        nextSlide.css('left', '-700px').addClass('nextSlide');
    } else {
        var nextSlide = $(currentSlide).next();

        if (nextSlide.length == 0)
            nextSlide = $('#slider li:eq(0)');
            
        nextSlide.css('left', '700px').addClass('nextSlide');
    }
    
    
    $(nextSlide).animate({left: '0px'},300,function(){

        currentSlide.removeClass('currentSlide');
        nextSlide.addClass('currentSlide').removeClass('nextSlide');
        
        currentSlide = nextSlide;
            
        timer = setTimeout(function(){
            next();
        },10000);    
    });

}