Event.observe(window, 'load', groupFitness);

function groupFitness() {
	if(!$('groupFitness_select')) return;
	
	groupFitnessSelect = $('groupFitness_select');
	selectListDiv = $('selectList');
	selectLinks = $$('#groupFitness_select li a');
	selectDivs = $$('#groupFitness_selectInfo div');
	prepareDivs();
	prepareLinks();
	if(selectLinks.length>6) prepareScroll();
}

function prepareDivs() {
	for(var i=1; i<selectDivs.length; i++){
		selectDivs[i].style.display="none";				
	}
}

function prepareLinks() {
	for (var j=0; j<selectLinks.length; j++){			
		var k = j+1;
		selectLinks[j].setAttribute('rel', k);	
		Event.observe(selectLinks[j], 'click', function(event) 
		        {
				    for(var h=0; h<selectDivs.length; h++){
					    selectDivs[h].style.display="none";				
				}			
				selectDivNum=Event.element(event).getAttribute('rel');	
				selectDivs[selectDivNum].style.display="block";	
				$$('a.active').each(function(n){ n.removeClassName('active');});    // deselect previous
				Event.element(event).addClassName('active');
				Event.stop(event);							
			}		
		);	
	}
}

function prepareScroll() {
	scrollContainer = document.createElement('div');
	scrollContainer.id="scrollContainer";
	groupFitnessSelect.appendChild(scrollContainer);
	
	scrollDown = document.createElement('a');
	scrollDown.id="scrollDown";
	scrollDown.href = "#";
	scrollContainer.appendChild(scrollDown);
		
	scrollUp = document.createElement('a');
	scrollUp.id="scrollUp";
	scrollUp.href = "#";
	scrollContainer.appendChild(scrollUp);
	
	posInit = Position.positionedOffset(selectListDiv)[1];
	heightTotal = selectListDiv.getHeight();
	posUlt = posInit - (Math.ceil(heightTotal/150) * 150) + 150;	
	
	Event.observe(scrollDown, 'click', function(event) {			
			if(Position.positionedOffset(selectListDiv)[1] != posUlt){
				new Effect.Move(selectListDiv, { x: 0, y: -150, mode: 'relative', queue: {position:'end', scope: 'scrollScope', limit:1}});
			}
			Event.stop(event);
		}		
	);
	Event.observe(scrollUp, 'click', function(event) {			
			if(Position.positionedOffset(selectListDiv)[1] != posInit){
				new Effect.Move(selectListDiv, { x: 0, y: 150, mode: 'relative', queue: {position:'end', scope: 'scrollScope', limit:1}});
			}
			Event.stop(event);
		}		
	);
}