<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
<script type= "text/javascript">/*<![CDATA[*/
function makeScrollable(wrapper, scrollable){
var wrapper = $(wrapper), scrollable = $(scrollable);
scrollable.hide();
var loading = $('<div class="loading">Загрузка...</div>').appendTo(wrapper);
var interval = setInterval(function(){
var images = scrollable.find('img');
var completed = 0;
images.each(function(){
if (this.complete) completed++;
});
if (completed == images.length){
clearInterval(interval);
setTimeout(function(){
loading.hide();
wrapper.css({overflow: 'hidden'});
scrollable.slideDown('slow', function(){
enable();
});
}, 1000);
}
}, 100);
function enable(){
var inactiveMargin = 100;
var wrapperWidth = wrapper.width();
var wrapperHeight = wrapper.height();
var scrollableHeight = scrollable.outerHeight() + 2*inactiveMargin;
wrapper.mousemove(function(e){
var wrapperOffset = wrapper.offset();
var top = (e.pageY - wrapperOffset.top) * (scrollableHeight - wrapperHeight) / wrapperHeight - inactiveMargin;
if (top < 0){
top = 0;
}
wrapper.scrollTop(top);
});
}
}
$(function(){
makeScrollable("div.sc_menu_wrapper", "div.sc_menu");
});
/*]]>*/</script>
<div align="center"><div class="sc_menu_wrapper">
<div class="sc_menu">
$MYINF_XX$
</div>
</div></div>
