function scrollSlideshow(frameInShow){
	
	framesInSlideshow = 4; //total frames
	
	increment = 95; //height (or width if you change scrollTop to scrollLeft) of a single frame

	endPosition = (frameInShow*increment);
	
	currentPosition = $('slideshowViewPort').scrollTop;
	
	//set the slideShowControls basd on selected frame
	$R(0,framesInSlideshow-1).each(function(s) {
		if (s == frameInShow){
			$('slideshowControls-frame' + s).replace('<img src="../images_common/slideshowControls_on.gif" width="17" height="17" border="0" id="slideshowControls-frame' + s + '" />');		
		}else{
			$('slideshowControls-frame' + s).replace('<img src="../images_common/slideshowControls_off.gif" width="17" height="17" border="0" id="slideshowControls-frame' + s + '"  />');
		}
	});
	
	//move to selected framwe
	new Effect.Tween($('slideshowViewPort'), currentPosition, endPosition,'scrollTop');
	
}