function _initScroll() {
	 if ( typeof Ext == 'undefined' ) {
		setTimeout( function() { 
			_initScroll(); 
		}, 150 );
	}
	else {
		var oc = Ext.getDom("scroller_container");
		var o = Ext.get("scroller_down");
		if ( o ) {
			o.on( 'mousedown', function() {
				doScroll( 'actu_scroll', 12, 'down');
			});
			o.on( 'mouseup', function() {
				doScroll( 'actu_scroll', 4, 'down');
			});
			o.on( 'mouseover', function() {
				oc.style.border = "1px solid #cbddf1";
				doScroll( 'actu_scroll', 4, 'down');
			});
			o.on( 'mouseout', function() {
				oc.style.border = "0";
				clearScroll( 'actu_scroll' );
			});
			o.dom.style.display = '';
			
			o = Ext.get( 'scroller_up' );
			o.on( 'mousedown', function() {
				doScroll( 'actu_scroll', 12, 'up');
			});
			o.on( 'mouseup', function() {
				doScroll( 'actu_scroll', 4, 'up');
			});
			o.on( 'mouseover', function() {
				oc.style.border = "1px solid #cbddf1";
				doScroll( 'actu_scroll', 4, 'up');
			});
			o.on( 'mouseout', function() {
				oc.style.border = "0";
				clearScroll( 'actu_scroll' );
			});
			o.dom.style.display = '';
		}
		
		
		var arts = Ext.query( '.div_art' );
		for( var i = 0, l = arts.length; i < l; i++ ) {
			var e = Ext.get( arts[i] );
			e.on( {
				mouseover: function() {
					Ext.get( this ).setStyle( 'border-color', '#efefef' );
				},
				mouseout: function() { 
					Ext.get( this ).setStyle( 'border-color', '#ffffff' );
				}
			})
		}
	}
}

window.onload = _initScroll;