$(window).bind('load',function(){
	initVertScroller();
})

function initVertScroller(){
	var _gal = $('.gallery');
	var _d = 500;
	_gal.each(function(){
		var _this = $(this);
		var _up = $('.link-up', _this);
		var _down = $('.link-down', _this);
		var _parent = $('div:eq(0)', _this);
		var _animblock = $(' > ul', _parent);
		var _allHeight = _animblock.height();
		var _items = $('> li', _animblock);
		var _h = _parent.height();
		var _m = _allHeight;
		var _f = true;
		_animblock.append(_items.clone(true));
		_animblock.prepend(_items.clone(true));
		_animblock.css({marginTop: -_m+'px'})
		_up.click(function(){
			if(_f){
				_f= false;
				_m = parseInt(_animblock.css('marginTop')) - _h;
				_animblock.animate({marginTop: _m },{duration:_d, complete: function(){
					_f = true;
					_m = parseInt(_animblock.css('marginTop'));
					if(_m <= -2*_allHeight){
						_m = -_allHeight + (_m + 2*_allHeight);
						_animblock.css({marginTop: _m+'px'});
					}
				}});
			}
			return false;
		});
		_down.click(function(){
			if(_f){
				_f= false;
				_m = parseInt(_animblock.css('marginTop')) + _h;
				_animblock.animate({marginTop: _m }, {duration:_d, complete: function(){
					_f = true;
					_m = parseInt(_animblock.css('marginTop'));
					if(_m >= -_allHeight){
						_m = -2*_allHeight + (_allHeight + _m);
						_animblock.css({marginTop: _m+'px'});
					}
				}});
			}
			return false;
		});
	})
}