$(document).ready(function(){
	
	
	// Produktu grupes
		
	var grupiusk = $('#product-group-gallery li').length;
	var gallerywidth = grupiusk * 300 + 'px';
	$('#product-group-gallery').css('width',gallerywidth);
	var listitems = $('#product-group-gallery li');
	if ($('.active-2').length > 0) {
		$('#product-group-mask').delay(100).scrollTo($('.active-2'), 500);
	};
	listitems.eq(0).addClass('scrollto-current');
	setscrolltonext();
	setscrolltoprev();
	
	$('#product-group-more').click(function() {
		var nextproduct = $('.scrollto-next');
		$('#product-group-mask').delay(100).scrollTo(nextproduct, 500);
		listitems.removeClass('scrollto-current');
		nextproduct.removeClass('scrollto-next');
		nextproduct.addClass('scrollto-current');
		$('.scrollto-prev').removeClass();
		setscrolltonext();
		setscrolltoprev();
	});
	$('#product-group-less').click(function() {
		var prevproduct = $('.scrollto-prev');
		$('#product-group-mask').delay(100).scrollTo(prevproduct, 500);
		listitems.removeClass('scrollto-current');
		prevproduct.removeClass('scrollto-prev');
		prevproduct.addClass('scrollto-current');
		$('.scrollto-next').removeClass();
		setscrolltonext();
		setscrolltoprev();
	});
	
	function setscrolltonext() {
		var currentnumber = $('.scrollto-current').index() + 1;
		if ( currentnumber + 3 > grupiusk ) {
			moreinactive();
		} else if ( currentnumber + 5 <= grupiusk ) {
			var nextnumber = currentnumber + 3;
			listitems.eq(nextnumber - 1).addClass('scrollto-next');
			moreactive();
		} else {
			var nextnumber = grupiusk - 2;
			listitems.eq(nextnumber - 1).addClass('scrollto-next');
			moreactive();
		}
	};
	
	function setscrolltoprev() {
		var currentnumber = $('.scrollto-current').index() + 1;
		if ( currentnumber > 4 ) {
			var prevnumber = currentnumber - 3;
			listitems.eq(prevnumber - 1).addClass('scrollto-prev');
			lessactive();
		} else if ( currentnumber > 1 ) {
			var prevnumber = 1;
			listitems.eq(prevnumber - 1).addClass('scrollto-prev');
			lessactive();
		} else {
			lessinactive();
		}
	};
	
	function moreinactive() {
		$('#product-group-more-inactive').css('display','block');
		$('#product-group-more').css('display','none');
	};
	function moreactive() {
		$('#product-group-more-inactive').css('display','none');
		$('#product-group-more').css('display','block');
	};
	function lessinactive() {
		$('#product-group-less-inactive').css('display','block');
		$('#product-group-less').css('display','none');
	};
	function lessactive() {
		$('#product-group-less-inactive').css('display','none');
		$('#product-group-less').css('display','block');
	};
	



});

// FUNCTIONS