$(document).ready(function(){
	slider();
});
$(window).resize(function(){
	slider();
});

function slider(){
	$('#slider-holder-gallery').each(function(i, wrapper){
		
		var _holder = $('div.slide-box-holder-gallery', wrapper);
		var _slides = $('div.slide-box-gallery', wrapper);
		var _prev = $('li.arrow-prev-gallery a', wrapper);
		var _next = $('li.arrow-next-gallery a', wrapper);
		var _duration = 1000;
		
		var _width = $(wrapper).outerWidth();
		var _holderWidth = _holder.outerWidth();
		var _maxMargin = 0, _leftStartMargin = 0, _rightStartMargin = 0;
		
		if (_width > _holderWidth) {
			_maxMargin = _width;
			_leftStartMargin = -_maxMargin;
			_rightStartMargin = _maxMargin;
		} else {
			_maxMargin = _holderWidth;
			_leftStartMargin = -_holderWidth;
			_rightStartMargin = _holderWidth;
		}
		
		_slides.not('.active').each(function(){
			$(this).css('marginLeft',-9999);
		});
		
		_next.unbind('click').bind('click',function(){
			var _active = _slides.filter('.active');
			var _index = _slides.index(_active) + 1;
			if (_index >= _slides.length) _index = 0;
			_active
				.animate({marginLeft:-_maxMargin}, {duration:_duration, queue:false, complete:function(){
						$(this).css('marginLeft',-9999);
					}})
				.removeClass('active');
			_slides.eq(_index)
				.css('marginLeft',_rightStartMargin)
				.animate({marginLeft:0}, {duration:_duration, queue:false})
				.addClass('active');
			return false;
		});
		_prev.unbind('click').bind('click',function(){
			var _active = _slides.filter('.active');
			var _index = _slides.index(_active) - 1;
			if (_index < 0) _index = _slides.length - 1;
			_active
				.animate({marginLeft:_maxMargin}, {duration:_duration, queue:false, complete:function(){
						$(this).css('marginLeft',-9999);
					}})
				.removeClass('active');
			_slides.eq(_index)
				.css('marginLeft',_leftStartMargin)
				.animate({marginLeft:0}, {duration:_duration, queue:false})
				.addClass('active');
			return false;
		});	
		
	});
}