Event.observe(window, 'load', function() {
	var oneClick = false;
	var wrapper = $('scrollbox-wrapper');
	var scrollbox = $('scrollbox');
	var arrows = $$('#rightArrow');
	var thumbs = $$('#scrollbox .thumb');
	var cleaner = $$('#scrollbox .cleaner').shift();
	var currentThumb = {};
	var currentContentArea = {};
	var currentHeroImage = {};
	if (scrollbox){
	scrollbox.setStyle({
		height: wrapper.getHeight()+'px',
		width: (wrapper.getWidth() * 2)+'px'
	});}
	$$('#heroContent .contentArea, #heroImage .imageArea').each(function(elem) {
		if(!elem.hasClassName('start'))
			elem.hide();
		else if(elem.hasClassName('contentArea'))
			currentContentArea = elem;
		else if(elem.hasClassName('imageArea'))
			currentHeroImage = elem;
	});
	if(arrows.length > 0)
		thumbs[2].setStyle({opacity: .5});
	
	// Transition between images
	var nextThumbTransition = function() {
		if(oneClick) return;
		currentThumb = thumbs.shift();
		var width = currentThumb.getWidth();
		var height = currentThumb.getHeight();
		oneClick = true;
		thumbs[2].setStyle({opacity: .5});
		thumbs[1].morph({opacity: '1'});
		currentThumb.morph({width: '0px'}, {
			afterFinish: function() {
				currentThumb.remove();
				thumbs.push(currentThumb);
				scrollbox.appendChild(currentThumb);
				currentThumb.setStyle({width: width+'px', height: height+'px'});
				oneClick = false;
			}
		});
	}
	
	// Transition between Image area
	var imageAreaTransition = function(imageIDNum) {
		var imageID = 'heroImage'+imageIDNum;
		currentHeroImage.hide();
		currentHeroImage = $(imageID);
		currentHeroImage.show();
	}
	
	// Transition between Content areas
	var contentAreaTransition = function(contentIDNum) {
		var contentID = 'heroContent'+contentIDNum;
		currentContentArea.hide();
		currentContentArea = $(contentID);
		currentContentArea.show();
	}
	
	// Setup Events
	arrows.each(function(arrow) {
		arrow.observe('click', function() {
			nextThumbTransition();
			var thumb = thumbs[1];
			imageAreaTransition(thumb.rel);
			contentAreaTransition(thumb.rel);
		});
	});
	thumbs.each(function(thumb) {
		thumb.observe('click', function() {
			imageAreaTransition(thumb.rel);
			contentAreaTransition(thumb.rel);
		});
	});
});