[maix]

Доброго времени суток уважаемые форумчане. Подскажите пожалуйста по проблемке:

Есть некая разметка:

<div class="horiz_container_outer">
	<div class="horiz_container">
		<div class="block-timetable">DEVELOPING</div>
		<div class="block-timetable">DEVELOPING</div>
		<div class="block-timetable">DEVELOPING</div>
		<div class="block-timetable">DEVELOPING</div>
		<div class="block-timetable">DEVELOPING</div>
		<div class="block-timetable">DEVELOPING</div>
		<div class="block-timetable">DEVELOPING</div>
		<div class="block-timetable">DEVELOPING</div>
	</div>
</div>
<div onclick="qwerty();">BUTTON</div>

с некими стилями:

.horiz_container_outer{
	width:1140px;
	overflow:hidden;
	height:315px;
	position:relative;
	margin: 0 15px;
}

.horiz_container{
	width:4000px;
	height:300px;
	float:left;
}

.block-timetable{
	float: left;
	width: 500px;
	height: 300px;
	background: gray;
}

и js кодом

<script type="text/javascript">		
	$(document).ready(function(){
		function qwerty(){
			// вот тут нужен код который сдвигает скролл вправо
		}
	});
</script>

Какой прописать код в функции qwerty что бы по клику сдвигать скролл в право на n колличество пикселей ?
Заранее спасибо.