function build_navigation(position) {
    var beginx = $('container').getScrollSize();

    /**
     *	Similar HEIGHT for all parts
     */
	$('r1').setStyle('height', beginx.y);
	$('r3').setStyle('height', beginx.y);
	
	
	
	if (position == 'mid') {
		/**
		 * we have 'r2' only in 'mid' position
		 */
	$('r3').setStyle('left', beginx.x / 3 * 2);
		$('r2').setStyle('left', beginx.x / 3 * 1);
		$('r2').setStyle('height', beginx.y);
	} else {
		/**
		 *	Bring 'r3' instead of 'r2'
	     */	
		$('r3').setStyle('left', beginx.x / 3 * 1);
	}

    /**
     *  Where to begin
     */
	if (position == 'left') {
    	var begin = beginx.x / 3 * 0;
	} else if (position == 'mid') {
		var begin = beginx.x / 3 * 1;
	} else if (position == 'right') {
    	var begin = beginx.x / 3 * 2;
	}

	/**
	 *  Scroll to begin
	 */
    $('container').scrollTo(begin);
    
    /**
     *  Show the container
     */ 
    (function() {
    	$('container').setStyle('opacity', 1)
    }).delay(500);

	/**
	 *  Scroll Fx
	 */            
    var scroll = new Fx.Scroll('container', {
        wait: false,
        duration: 1000,
        transition: Fx.Transitions.Quad.easeInOut
    });
    
    if (position == 'mid') {
    	$('left1').addEvent('click', function(event){
	        event = new Event(event).stop();
	        scroll.toElement('r1');

			preprint('left');

    	});
	    $('right1').addEvent('click', function(event){
	        event = new Event(event).stop();
	        scroll.toElement('r3').chain(function(){
    			$('container').scrollTo(beginx.x / 3 * 2);
    		});

			preprint('right');

	    });
	    $('right2').addEvent('click', function(event){
	        event = new Event(event).stop();
	        scroll.toElement('r3').chain(function(){
    			$('container').scrollTo(beginx.x / 3 * 2);
    		});

			preprint('right');

	    });
    } else {
	    $('right2').addEvent('click', function(event){
	        event = new Event(event).stop();
	        scroll.toElement('r3').chain(function(){
    			$('container').scrollTo(beginx.x / 3 * 2);
    		});
			
			preprint('right');

	    });
    }
	$('left2').addEvent('click', function(event){
		event = new Event(event).stop();
	    scroll.toElement('r1');

		preprint('left');

	});
};