$(window).load(
    function() {

	
	//Get our elements for faster access and set overlay width
	var div = $('div#slide_cars'),
				 ul = $('div#slide_cars ul');
	//Get menu width
	var divWidth = div.width();
	var timing = 1000* $('div#slide_cars li').size();
	
	
	//Find last image container
	var lastLi = ul.find('li:last-child');
	var totalWidth = 0;
	$('div#slide_cars li').each(function() {
		totalWidth += $(this).outerWidth();
	});
	
	var listali = $('div#slide_cars ul').html();
	ul.css({ "width": totalWidth*2 });
	var expwidth = totalWidth;
	
	div.hover(
		function() {
			ul.append(listali);
			expwidth = expwidth + totalWidth;
			ul.css({ "width": expwidth });
			animator(ul, timing, ul.position().left);  
		},
		function() {
			ul.stop();
			if( -parseInt(ul.position().left) > totalWidth ) { 				
				ul.html(listali);
    			ul.css({ left:parseInt(ul.position().left)%totalWidth+"px", right:"" });
				ul.append(listali);
			}
			
			}		
		);
	
//animator function  
var animator = function(el, time, position) {    
  
    //animate the el  
    el.animate({ left:"-=" + totalWidth + "px" }, {
  	
	duration: time, 
    easing: "linear",
    complete: function() {
	
    //reset container position  
    $(this).css({ left:position+"px", right:"" });  
  
    //restart animation  
    animator($(this), timing, ul.position().left/totalWidth);  
    }
  });    
}  
});