//sets global var for animation;
_imageCounter=0;
_imagesPerSlide=4;
_step=130;

function slideNext(){
    
    var contentToSlide=getElementsByClassName(document,'div','relatedContainer')[0];
    var imagesLenght=contentToSlide.getElementsByTagName('div').length;
	if(_imageCounter<(imagesLenght-_imagesPerSlide)){
		var slideShowAnime=new Animator({transition: Animator.makeEaseOut(2),duration: 1500});
		slideShowAnime.addSubject(new NumericalStyleSubject(contentToSlide, 'left', _imageCounter*_step*(-1), (-1*(_imageCounter+_imagesPerSlide)*_step)));
		slideShowAnime.seekTo(1);
		_imageCounter=_imageCounter+_imagesPerSlide;
	}
}
function slideBack(){
	var contentToSlide=getElementsByClassName(document,'div','relatedContainer')[0];
	var imagesLenght=contentToSlide.getElementsByTagName('div').length;
	if(_imageCounter>0){
		var slideShowAnime=new Animator({transition: Animator.makeEaseOut(2),duration: 1500});
		slideShowAnime.addSubject(new NumericalStyleSubject(contentToSlide, 'left', _imageCounter*_step*(-1), (-1*(_imageCounter-_imagesPerSlide)*_step)));
		slideShowAnime.seekTo(1);
		_imageCounter=_imageCounter-_imagesPerSlide;
	}
}

function fadeSliderNav(){
    var contentToSlide=getElementsByClassName(document,'div','relatedContainer')[0];
	var imagesLenght=contentToSlide.getElementsByTagName('div').length;
	contentToSlide.style.width=imagesLenght*130+"px";
    if(_imagesPerSlide>imagesLenght){
        var relatedButtonLeft=getElementsByClassName(document,'div','relatedButtonLeft')[0];
        var relatedButtonRight=getElementsByClassName(document,'div','relatedButtonRight')[0];
        relatedButtonLeft.className=relatedButtonLeft.className+' relatedButtonLeftDisabled';
        relatedButtonRight.className=relatedButtonRight.className+' relatedButtonRightDisabled';
    }
}