$(function() {

    var editing = null;

    function init()
    {

        var obj = $('td:contains("%car%")');
        $(obj).html('<div style="width:811px; height:124px; overflow:hidden; color:black;"><div class="ajax_inner" style="position:relative; width:10000px;">Loading...</div></div>');
        editing = obj;
        loadImages();

    }

    function loadImages()
    {

        $.ajax({

            type:"GET",
            url:"/ajax/car_images.php",
            success:function(data)
            {

                $('.ajax_inner').html(data);
                startCycle();

            },
            error:function() {

                alert("Oh No! Something went wrong! Please refresh the page and try again");

            }

        });

    }

    function startCycle()
    {

        var imgs = $('.ajax_inner img').length;
        var imgwidth = parseInt($('.ajax_inner img:first').width()) + parseInt($('.ajax_inner img:first').css('margin-left')) + parseInt($('.ajax_inner img:first').css('margin-right'));
        var totalwidth = (imgwidth * imgs) - parseInt($('.ajax_inner').parent().width());
        var time = (totalwidth / 0.04);
        $('.ajax_inner').animate({ left:'-' + totalwidth },time,'linear',function() { $(this).animate({ left:0 },time,'linear',function() { startCycle(); }); });

    }

    init();
    
})