$(document).ready(function ()
{
	initSliderArrows();
	resizeSlider('#clients-slider');
});

$(window).resize(function ()
{
	$('#clients-slider .slider-container .slide-collection').stop(true, true);
	resizeSlider('#clients-slider');
});
function resizeSlider(selector)
{
	var slide_count = $(selector + ' .slide').length;

	var old_slide_width = Math.ceil($(selector + ' .slide-collection').width() / slide_count);
	var slide_width = Math.ceil($(selector + ' .slider-container').width() / 6) + 1;
	//$(selector + ' .slide-collection').css('width', ( slide_width * slide_count ) + 'px');
	$(selector + ' .slide-collection').width(slide_width * slide_count);
	$(selector + ' .slide-collection').css('left', ( Math.ceil( Math.ceil(parseFloat($(selector + ' .slide-collection').css('left'))) / old_slide_width) * slide_width ) + 'px');
	$(selector + ' .slide').width(slide_width);
}

var isAnimate = false;
function initSliderArrows()
{
	$('#clients-slider .arrow-left').click(function (){if ( !isAnimate ) moveSlider('#clients-slider .slider-container', -1, this, 6); });
	$('#clients-slider .arrow-right').click(function (){if ( !isAnimate ) moveSlider('#clients-slider .slider-container', 1, this, 6); });
}
function moveSlider(selector, dir, anchor, multiplier )
{
	var collection_left = Math.ceil(parseFloat($(selector + ' .slide-collection').css('left')));
	var slide_count = $(selector + ' .slide-collection .slide').length;
	var collection_width = Math.ceil(parseFloat($(selector + ' .slide-collection').css('width')));
	var slider_step_width = Math.ceil(collection_width / slide_count);

	if ( dir > 0 )
	{
		/*if ( slide_count - ( ( - collection_left) / slider_step_width ) > multiplier )*/
		if ( ( collection_left - slider_step_width ) >= -( collection_width - slider_step_width * multiplier  ) )
		{
			isAnimate = true;
			$(selector + ' .slide-collection').animate({left: (collection_left - slider_step_width)+'px'}, 500, function ()
			{
				isAnimate = false;
			});
		}
	}
	else
	{
		if ( ( collection_left + slider_step_width ) <= 0 )
		{
			isAnimate = true;
			$(selector + ' .slide-collection').animate({left: (collection_left + slider_step_width)+'px'}, 500, function ()
			{
				isAnimate = false;
			});
		}
	}
}