$(document).ready(function() {
	//alert('esret');
	var totalWidth=$('.logos li').size() * $(".logos li#logo_1").outerWidth(true);
	
	$('.logos ul').css('width',totalWidth);
	function scrlthis(i){
		var wrap=$('.logos');
		//var elwidth=$('.logos ul li:first').outerWidth();
		//var i=2;

		wrap.scrollTo("#logo_" + i, 1000, {
			axis:'x', easing:'linear', onAfter:function(){
				var lastLi=$('.logos ul li:last');
				var firstLi=$('.logos ul li:first');
				var lastId=parseInt(lastLi.attr('id').substr(5));
				//alert(lastId);
				var nextId=lastId+1;
				//var scrl=$('.logos').scrollLeft();
				var prev=i-1;
				var curLogo=$('#logo_' + prev).html();
				//alert(curLogo);
				
				var elWidth=$(".logos li").outerWidth(true); 
				firstLi.remove();
				wrap.find('ul').append('<li id="logo_' + nextId + '">' + curLogo + '</li>');
				
				$('.logos ul').css({'width':totalWidth,'margin-left':elWidth * i - elWidth});
				i++;
				var totalWidth=$('.logos ul li').size() * elWidth;
				
				//alert (scrl);
				scrlthis(i);
			}
		});
	}
	scrlthis(2);


	//alert($('.logos').scrollLeft());
	
});