function BevorAfter(){
		
	var activeAreaKey = 0;
	var areas = new Array();
	var running = false;
	
	this.init = function() {
		areas = self.getElementsByClass("bevorAfterImages");

		for (i=1; i < areas.length; i++){
			$(areas[i].id).setStyle('display', 'none');
			$(areas[i].id).setStyle('opacity', "0");
		}	
	}
	
	this.showNext = function () {
		if (!running) {
			running = true;
			self.hideArea(activeAreaKey);
			if (activeAreaKey < areas.length - 1) {
				self.showArea(activeAreaKey + 1);
				$('text_' + activeAreaKey).setStyle('display', 'none');
				activeAreaKey++;
				$('text_' + activeAreaKey).setStyle('display', 'block');
				scrollbar.init(true, $('scrollbarWrapper'), 10);
				
			}
			else {
				self.showArea(0);
				$('text_' + activeAreaKey).setStyle('display', 'none');
				activeAreaKey = 0;
				$('text_' + activeAreaKey).setStyle('display', 'block');
				scrollbar.init(true, $('scrollbarWrapper'), 10);
			}
		}
		
	}
	
	this.showPrevious = function () {
		if (!running) {
			running = true;
			self.hideArea(activeAreaKey);
			if (activeAreaKey > 0) {
				self.showArea(activeAreaKey - 1);
				$('text_' + activeAreaKey).setStyle('display', 'none');
				activeAreaKey = activeAreaKey - 1;
				$('text_' + activeAreaKey).setStyle('display', 'block');
				scrollbar.init(true, $('scrollbarWrapper'), 10);
			}
			else {
				self.showArea(areas.length - 1);
				$('text_' + activeAreaKey).setStyle('display', 'none');
				activeAreaKey = areas.length - 1;
				$('text_' + activeAreaKey).setStyle('display', 'block');
				scrollbar.init(true, $('scrollbarWrapper'), 10);
			}
		}
		
	}
	
	this.showArea = function(key) {
		areas[key].setStyle('display', 'block');
		areas[key].setStyle('opacity', '0');
		var fxShow = new Fx.Morph(areas[key], {
			duration: 1000,
			transition: Fx.Transitions.Expo.easeOut,
			link: 'chain',
			onComplete: function(){
				running = false;
			}
		});
		fxShow.start({
			'opacity': [0, 1]
		});
	}
	
	this.hideArea = function(key) {
		var fxShow = new Fx.Morph(areas[key], {
			duration: 1000,
			transition: Fx.Transitions.Expo.easeOut,
			link: 'chain',
			onComplete: function(){
				areas[key].setStyle('display', 'none');
				running = false;
			}
		});
		fxShow.start({
			'opacity': [1, 0]
		});
	}
	
	this.getElementsByClass = function(searchClass,node,tag) {
		var classElements = new Array();
		if ( node == null )
			node = document;
		if ( tag == null )
			tag = '*';
		var els = node.getElementsByTagName(tag);
		var elsLen = els.length;
		var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
		for (i = 0, j = 0; i < elsLen; i++) {
			if ( pattern.test(els[i].className) ) {
				classElements[j] = els[i];
				j++;
			}
		}
		return classElements;
	}
	
    var self = this;
}

var bevorAfter = new BevorAfter();

window.addEvent('domready', function(){
	bevorAfter.init();
	
	var test = bevorAfter.getElementsByClass('bevorAfterImages');
	
	for(i=0; i < test.length; i++)
	$(test[i]).setStyle("visibility", "visible");
	
});