Скроллинг содержимого DIV

Для организации скроллинга содержимого div будем использовать следущий html код:

<div class="gallery">
<div class="left_scroll">
<div class="left_scroll_up" onMouseOver="start_scroling_up()" onMouseOut="stop_scroling_up()"></div>
<div class="left_sod">
1wwteertertet
2wwteertertet
3wwteertertet
4wwteertertet
5wwteertertet
6wwteertertet
7wwteertertet
8wwteertertet
9wwteertertet
10wwteertertet
11wwteertertet
12wwteertertet
13wwteertertet
14wwteertertet
15wwteertertet
16wwteertertet
17wwteertertet
18wwteertertet
19wwteertertet
20wwteertertet
21wwteertertet
22wwteertertet
23wwteertertet
24wwteertertet
25wwteertertet
26wwteertertet
27wwteertertet
28wwteertertet
29wwteertertet
30wwteertertet
31wwteertertet
32wwteertertet
33wwteertertet
34wwteertertet
35wwteertertet
36wwteertertet
37wwteertertet
38wwteertertet
39wwteertertet
40wwteertertet
41wwteertertet
</div>
<div class="left_scroll_down" onMouseOver="start_scroling_down()" onMouseOut="stop_scroling_down()"></div>
</div>
</div>

Где:

<div class="left_scroll">

<div class="left_scroll_up">

<div class="left_scroll_down">

<strong><div class="left_sod"></strong>

-div с содержимым страницы
onMouseOver-для создания таймера
onMouseOut- для уничтожения таймера, чтобы все не крутилось вечно

.left_scroll
{
position:absolute;
top:50px;
left:5px;
height:480px;
width:140px;
background-color:#F00;	
	}
.left_scroll_up
{
top:0px;
position:absolute;
background-color:#666;
height:20px;
width:140px;	
	}	
.left_scroll_down
{
position:absolute;
top:460px;
background-color:#666;
height:20px;
width:140px;	
	}	
.left_sod
{
overflow:hidden;
position:absolute;
top:20px;	
height:440px;
	}

из css важно только это свойство overflow:hidden; - все что не помещается в div не показывается

<script type="text/javascript">
var timer
var s=document.getElementsByClassName("left_sod")[0]
function stop_scroling_down(){clearInterval(timer)}
function stop_scroling_up(){clearInterval(timer)}
function start_scroling_down()
{
timer = setInterval(down,80)
	}
function start_scroling_up()
{
timer = setInterval(up,80)
	}
	function up()
	{
s.scrollTop-=10	
	}
	function down()
	{
s.scrollTop+=10		
	}
</script>

var timer - создает глобальную переменную с таймером.
var s - получаем элемент left_sod по классу.
Функции: stop_scroling_down(){clearInterval(timer)}, stop_scroling_up(){clearInterval(timer)} - вызываются при уходе курсора с div предназначенных для прокрутки, и уничтожают таймер .
Функции: start_scroling_down(), start_scroling_up() - Вызываются при наведении курсора и запускают таймер вызывающий одну из ниже описанных функций.
Функции down(), up(), соответственно наращивают и уменьшают значение скроллинга содержимого.

THE END
Хотелось бы услышать ваши отзывы...