/*
easMethod  can be one of this parametrs
'linear'
'easeOutQuad'
'easeInQuad'
'easeOutQuad'
'easeInOutQuad'
'easeInCubic'
'easeOutCubic'
'easeInOutCubic'
'easeInQuart'
'easeOutQuart'
'easeInOutQuart'
'easeInQuint'
'easeOutQuint'
'easeInOutQuint'
'easeInSine'
'easeOutSine'
'easeInOutSine'
'easeInExpo'
'easeOutExpo'
'easeInOutExpo'
'easeInCirc'
'easeOutCirc'
'easeInOutCirc'
'easeInElastic'
'easeOutElastic'
'easeInOutElastic'
'easeInBack'
'easeOutBack'
'easeInOutBack'
'easeInBounce'
'easeOutBounce'
'easeInOutBounce'
*/
$(function(){
	var _gal = $('.g-hold');
	var _d = 1000;
	var easMethod = 'linear';
	_gal.each(function(){
		var _this = $(this);
		var _window = $('.g-items', _this);
		var _itemParent = $('.gallery', _window);
		var _items = $('> li', _itemParent);
		var _link = $('.read-more a.next-blog', _this);
		var _m = 0;
		_itemParent.prepend(_items.clone(true));
		_items.h = 0;
		for(var i=0; i<_items.length; i++) {
			_items.h+=$(_items[i]).outerHeight(true);
		}
		_itemParent.css({
			marginTop: -(_items.h*2-_window.outerHeight(true))+'px'
		});
		_link.click(function(){
			if(!_itemParent.is(':animated')){
				_m = parseInt(_itemParent.css('marginTop'))+_window.outerHeight(true);
				_itemParent.animate({marginTop: _m},{duration:_d, queue: false, easing: easMethod,complete:function(){
					if( _m > -_items.h) _itemParent.css({
											marginTop: -(_items.h*2-_window.outerHeight(true))+'px'
										});
				}})
			}
			return false;
		})
	})
})