$(document).ready(function () {
	$viewport = $('#scroller-viewport');
	$widthbefore = 0;

	$logo_set_1 = $('#logo-set-1');
	$logo_set_2 = $('#logo-set-2');
	$logo_set_1.css({
		position: 'relative',
		display: 'inline',
		top: 0,
		left: 0
	});
	$logo_set_2.css({
		position: 'relative',
		display: 'inline',
		top: 0,
		left: 0
	});
	$interval_id = setInterval(logo_animation, 20);
	$debug = $('#debug').css({
		position: 'absolute',
		top: '0px',
		right: '0px',
		width: '200px',
		height: '200px',
		background: 'blue',
		color: 'white'
	})
	function logo_animation() {
		$logo_set_1.css('left', (parseInt($logo_set_1.css('left')) - 1) + 'px');
		$logo_set_2.css('left', (parseInt($logo_set_2.css('left')) - 1) + 'px');
		if ( parseInt( $logo_set_2.css('left') ) == ( parseInt( $logo_set_1.width() ) + ( $.browser.msie && $.browser.version == 7 ? 20 : 0 ) ) / -1  && parseInt( $logo_set_1.css('left') ) < 0 ) {
			$logo_set_1.css( 'left', $logo_set_2.width() + 'px' );
		}
		if ( parseInt( $logo_set_1.css('left') ) == 0 && parseInt( $logo_set_2.css('left') ) < ( parseInt( $logo_set_1.width() ) + ( $.browser.msie && $.browser.version == 7 ? 20 : 0 ) ) / -1 ) {
			$logo_set_2.css( 'left', 0 );
		}
	}
});