window.addEvent('domready', function(){
	/* A workaround for IE issues in mootools 1.2.1
	 * - Recreates FX.Scroll() but utilises 1.2.0's getPosition/getOffset routines.
	 */
	Fx.Scroll2 = new Class({

	    'Extends': Fx.Scroll,

	    'styleString': Element.getComputedStyle,
	    'styleNumber': function(element, style) {
	        return this.styleString(element, style).toInt() || 0;
	    },
	    'borderBox': function(element) {
	        return this.styleString(element, '-moz-box-sizing') == 'border-box';
	    },
	    'topBorder': function(element) {
	        return this.styleNumber(element, 'border-top-width');
	    },
	    'leftBorder': function(element) {
	        return this.styleNumber(element, 'border-left-width');
	    },
	    'isBody': function(element) {
	        return (/^(?:body|html)$/i).test(element.tagName);
	    }, 
	    'toElement': function(el) {
	        var offset   = {x: 0, y: 0};
	        var element  = $(el);

	        if (this.isBody(element)) {
	            return offset;
	        }
	        var scroll = element.getScrolls();

	        while (element && !this.isBody(element)){
	            offset.x += element.offsetLeft;
	            offset.y += element.offsetTop;

	            if (Browser.Engine.gecko){
	                if (!this.borderBox(element)){
	                    offset.x += this.leftBorder(element);
	                    offset.y += this.topBorder(element);
	                }
	                var parent = element.parentNode;
	                if (parent && this.styleString(parent, 'overflow') != 'visible'){
	                    offset.x += this.leftBorder(parent);
	                    offset.y += this.topBorder(parent);
	                }
	            } else if (Browser.Engine.trident || Browser.Engine.webkit){
	                offset.x += this.leftBorder(element);
	                offset.y += this.topBorder(element);
	            }

	            element = element.offsetParent;
	            if (Browser.Engine.trident) {
	                while (element && !element.currentStyle.hasLayout) {
	                    element = element.offsetParent;
	                }
	            }
	        }
	        if (Browser.Engine.gecko && !this.borderBox(element)){
	            offset.x -= this.leftBorder(element);
	            offset.y -= this.topBorder(element);
	        }

	        var relative = this.element;
	        var relativePosition = (relative && (relative = $(relative))) ? relative.getPosition() : {x: 0, y: 0};
	        var position = {x: offset.x - scroll.x, y: offset.y - scroll.y};

	        return this.start(position.x - relativePosition.x, position.y - relativePosition.y);
	    }
	});	
	
	
	var scroll_img = new Fx.Scroll2('centro-wrapper', {
		wait: false,
		duration: 1000,
		transition: Fx.Transitions.Quad.easeInOut
	});
	var scroll_text = new Fx.Scroll2('box_dx-wrapper', {
		wait: false,
		duration: 1000,
		transition: Fx.Transitions.Quad.easeInOut
	});

	$('link_rafting_republic').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll_img.toElement('img_rafting_republic');
		scroll_text.toElement('text_rafting_republic');
	});
 
	$('link_rafting').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll_img.toElement('img_rafting');
		scroll_text.toElement('text_rafting');
	});
	$('link_hydrospeed').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll_img.toElement('img_hydrospeed');
		scroll_text.toElement('text_hydrospeed');
	});
	$('link_kayak').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll_img.toElement('img_kayak');
		scroll_text.toElement('text_kayak');	
	});
	$('link_canyoning').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll_img.toElement('img_canyoning');
		scroll_text.toElement('text_canyoning');	
	}); 
});