(function($) {
    $(function() {
        $('.next, .nextimage').click(function() {
            var current = parseInt($('.slider').css('backgroundPosition'));
            if (current < 576) {
                var current = current + 24;
                var newval = "(" + current + "px 0px)";
//                alert(newval);
                $('.slider').animate({backgroundPosition: newval})
                $('.factcontainer-inner').animate({left: "-=200px"});
                $('.factcontainer-images-holder').animate({left: "-=410px"});
                $('.previousimage-holder, .nextimage-holder').animate({left: "-=121px"});
            }
            else {
                $('.slider').animate({backgroundPosition: "(0px 0px)"})
                $('.factcontainer-inner').animate({left: "0px"});
                $('.factcontainer-images-holder').animate({left: "0px"});
                $('.previousimage-holder, .nextimage-holder').animate({left: "0px"});
            }
        });
        
        $('.previous, .previousimage').click(function() {
//            $('.slider').
            var current = parseInt($('.slider').css('backgroundPosition'));
            if (current > 0) {
                var current = current - 24;
                var newval = "(" + current + "px 0px)";
//                alert(newval);
                $('.slider').animate({backgroundPosition: newval})
                $('.factcontainer-inner').animate({left: "+=200px"});
                $('.factcontainer-images-holder').animate({left: "+=410px"});
                $('.previousimage-holder, .nextimage-holder').animate({left: "+=121px"});
            }
            else {
                $('.slider').animate({backgroundPosition: "(576px 0px)"})
                $('.factcontainer-inner').animate({left: "-4800px"});
                $('.factcontainer-images-holder').animate({left: "-9840px"});
                $('.previousimage-holder, .nextimage-holder').animate({left: "-2904px"});
            }
        });
        
        $('.slider span').click(function() {
            var index = $('.slider span').index(this);
            var pos = index * 24;
            $('.slider').animate({backgroundPosition: "(" + pos + "px 0px)"});
            $('.factcontainer-inner').animate({left: index * -200});
            $('.factcontainer-images-holder').animate({left: index * -410});
            $('.previousimage-holder, .nextimage-holder').animate({left: index * -121});

        });
    });
})(jQuery);