$(document).ready(function() {
	if($('#logo-crawl')) {
		logos_mask = $('#logo-crawl'),
		logos_container = $('.logo-crawl-inner'),
		logos_imgs = $('.logo-crawl-inner img'),
		logos_pos = 0,
		logos_width = 10,
		logos_speed = 25 // higher is slower
			
		$.each(logos_imgs, function(i){
			logos_width = logos_width + $(this).width();
			$(this).css({ 'left':logos_pos + 'px' });
			$('.logo-crawl-inner').width(logos_width);
			logos_pos = logos_pos + $(this).width();
		});
		
		logos_interval = setInterval(scroll_logos, 250);
		logos_container.css({'width':logos_width+'px', 'left':logos_mask.width()+'px'}).animate({left : '-'+logos_width+'px'}, logos_width * logos_speed, 'linear', function(){ $(this).remove(); });
		
	}
});


function scroll_logos() {
	var lci = $('.logo-crawl-inner');
	if(lci.length == 1) {
		var pos = lci.position();
		lci.clone().appendTo('#logo-crawl').css({'left':logos_mask.width() + 'px'});
	} else if(lci.length == 2) {
		var pos = $(lci[0]).position();
		if((Math.abs(pos.left - logos_mask.width())) >= logos_width) {
			$(lci[1]).animate({left : '-'+logos_width+'px'}, logos_width * logos_speed, 'linear', function(){ $(this).remove(); });
		}
	}
}