$(document).ready(function(){
    var $slideContainer = $('#slider');
    var $slideItems = $('#slider > li');
    var screenWidth = $(window).width();
    var curImage = 1;

    $slideContainer.css('width',(screenWidth * $slideItems.length).toString());
    $slideItems.css('width', screenWidth.toString());

    $('body').click(function(){
        $slideContainer.animate({
            left: (-screenWidth*curImage).toString()
        },500, function(){
            curImage++;
            if(curImage >= $slideItems.length){
                curImage = 1;
                $slideContainer.css('left','0px');
            }else if(curImage < 0){
                curImage = $slideItems.length;
            }
            console.log(curImage);
        });
    });
});