var scrollContainer;
var activeBarMorpher;
var scrollInternalCounter = 2;
var autoScroller = 1;
var autoScrollerContainer;

window.addEvent('domready', function() {
	
	scrollContainer = new Fx.Scroll($('scrollPictureContainer'), {
		transition: Fx.Transitions.Elastic.easeOut,
		duration: 400
	});
	
	activeBarMorpher = new Fx.Morph($('scrollActiveBar'), {duration: 500, transition: Fx.Transitions.Elastic.easeOut});
	
	var count = 1;
	var clickArray = $('scrollClickContainer').getElements('.scollLink');
	clickArray.each(function(item, key) {
		var internalCount = count;
		var item = item;
		item.addEvent('mouseover', function() {
			moveScroller(internalCount, item);
			autoScroller = 0;
			$clear(autoScrollerContainer);
		});
		if (count == 1) {
			moveScroller(1, item);	
		}
		count+=1;
	});
	
	autoScroll.delay(3000);

});

function autoScroll() {
	moveScroller(scrollInternalCounter, $('scrollLink'+scrollInternalCounter));
	scrollInternalCounter+=1;
	if (scrollInternalCounter == 5) {
		scrollInternalCounter = 1;	
	}
	if (autoScroller == 1) {
		autoScrollerContainer = autoScroll.delay(3000);	
	}
}

function moveScroller(el, clickedEl) {
	
if ((Browser.Engine.trident) && (Browser.Engine.version == '4')) {
var heightCalc = (el * 275);
} else {
var heightCalc = (el * 255);
}
var newEl = el - 1;
	el = $('scrollPicture_'+el);
	
	
	
	var descriptionsArray = $('scrollDescriptions').getElements('.description');
	var description = descriptionsArray[newEl];
	description = description.innerHTML.toString();
	description = description.split('||');
	setTitle(description[0], description[1]);
	
	// Calculate activebar height
	var newHeight = $(clickedEl).getCoordinates().top;
	var masterContainerTop = $('scrollMasterContainer').getCoordinates().top;
	newHeight = newHeight - masterContainerTop;
	newHeight = newHeight - 10;
	
	scrollContainer.cancel();
	activeBarMorpher.cancel();
	
	activeBarMorpher.start({'top' : newHeight});
	
	scrollContainer.start(0, heightCalc);
}

function setTitle(masterTitle, subTitle) {

	$('scrollActiveTitle').innerHTML = masterTitle;
	$('scrollActiveSubTitle').innerHTML = subTitle;
	
}