$(function() {

    var stuff = [];
    var totalwidth = 0;
    var elements = 0;
    var moveDistance = 0;
    var recordedPos = 0;
    var links = ['index.php?com=pages&page=27','#','index.php?com=pages&page=22','index.php?com=pages&page=23','index.php?com=pages&page=25','index.php?com=pages&page=24'];

    function init()
    {
        
        var count = 0;
        $('#ajax_slider ul li').each(function() {

            stuff[count] = $(this).html();
            count ++;

        });
        $('#ajax_slider').html('<div style="width:100%; overflow:hidden; position:relative;"><div style="width:10000px; height:150px; position:relative;" class="ajax_slider_inner"></div><img src="img/slider-right.png" style="position:absolute; top:0; right:0;" class="ajax_left" /><img src="img/slider-left.png" style="position:absolute; left:0; top:0;" class="ajax_right" /></div>');
        for(var i=0; i<stuff.length; i++)
        {

            $('.ajax_slider_inner').append('<div style="float:left; margin-left:20px; margin-top:30px;"><a href="' + links[i] + '">' + stuff[i] + '</a></div>');
 
        }
        
        $('.ajax_slider_inner').children().each(function() {

            totalwidth += (parseInt($(this).width()) + parseInt($(this).css('margin-left') + parseInt($(this).css('margin-right'))));
            elements ++;

        });

        moveDistance = (totalwidth / elements);

        $('.ajax_right').click(function() {

            if(recordedPos < 0)
            {

                $('.ajax_slider_inner').animate({ left:'+=' + moveDistance },'fast','linear');
                recordedPos += moveDistance;

            }
            else
            {

                $('.ajax_slider_inner').animate({ left:0 },'fast','linear');

            }

        });

        $('.ajax_left').click(function() {

            if(recordedPos > -(totalwidth - 996))
            {
                $('.ajax_slider_inner').animate({ left:'-=' + moveDistance},'fast','linear');
                recordedPos -= moveDistance;
            }

        });

    }

    init();

});