<header>
		<div id="visible">
			<div id="slides" style="top: -447px;">
				<div id="slide_4" class="banner">
				
				</div>
				<div id="slide_3" class="banner">
				
				</div>
				<div id="slide_2" class="banner">
				
				</div>
				<div id="slide_1" class="banner">
				
				</div>
			</div>
		</div>  <!-- End of #visible   -->
	</header>

var n = $('#slides').position();
	
		function deplacement(){
			for(i=0; i<=150; i++){
				if(n.top == '0'){
					$('#slides').delay(2000).animate({
						top: '-=447'
					}, 1000)
				}else{
					$('#slides').delay(2000).animate({
						top: '+=149'
					}, 1000, function(){
						alert (n.top);
					})
					
				}
			}
		};
		
		deplacement();

var currentPosition = 1;
var slides = $('.banner');
var slidesCount = slides.length();

if(currentPosition == slidesCount) {
	$('#slides').delay(2000).animate({top: '-447px'}, 1000);
}