//Saftkanal, prev/next an up/down Navigation

function horizontalNavi1(){
  var totIncrement		= 0;
	  var increment			= 165;
	  var maxRightIncrement	= increment*(-20);
	  var fx = new Fx.Tween($('slider-list1'), {duration: 500, transition: 'back:in:out'});

    $('previous_horizontal1').addEvent('click', function() {
        if(totIncrement < 0) {
            totIncrement += increment;
            fx.pause();
            fx.start('margin-left', totIncrement);
        }
    });

    $('next_horizontal1').addEvent('click', function() {
        if(totIncrement > maxRightIncrement) {
            totIncrement -= increment;
            fx.pause();
            fx.start('margin-left', totIncrement);
        }
    });
}

function horizontalNavi2(){
  var totIncrement		= 0;
	  var increment			= 165;
	  var maxRightIncrement	= increment*(-20);
	  var fx = new Fx.Tween($('slider-list2'), {duration: 500, transition: 'back:in:out'});

    $('previous_horizontal2').addEvent('click', function() {
        if(totIncrement < 0) {
            totIncrement += increment;
            fx.pause();
            fx.start('margin-left', totIncrement);
        }
    });

    $('next_horizontal2').addEvent('click', function() {
        if(totIncrement > maxRightIncrement) {
            totIncrement -= increment;
            fx.pause();
            fx.start('margin-left', totIncrement);
        }
    });
}

function horizontalNavi3(){
  var totIncrement		= 0;
	  var increment			= 165;
	  var maxRightIncrement	= increment*(-20);
	  var fx = new Fx.Tween($('slider-list3'), {duration: 500, transition: 'back:in:out'});

    $('previous_horizontal3').addEvent('click', function() {
        if(totIncrement < 0) {
            totIncrement += increment;
            fx.pause();
            fx.start('margin-left', totIncrement);
        }
    });

    $('next_horizontal3').addEvent('click', function() {
        if(totIncrement > maxRightIncrement) {
            totIncrement -= increment;
            fx.pause();
            fx.start('margin-left', totIncrement);
        }
    });
}

function horizontalNavi4(){
  var totIncrement		= 0;
	  var increment			= 165;
	  var maxRightIncrement	= increment*(-20);
	  var fx = new Fx.Tween($('slider-list4'), {duration: 500, transition: 'back:in:out'});

    $('previous_horizontal4').addEvent('click', function() {
        if(totIncrement < 0) {
            totIncrement += increment;
            fx.pause();
            fx.start('margin-left', totIncrement);
        }
    });

    $('next_horizontal4').addEvent('click', function() {
        if(totIncrement > maxRightIncrement) {
            totIncrement -= increment;
            fx.pause();
            fx.start('margin-left', totIncrement);
        }
    });
}

function verticalNavi(){
    var totIncrement_vertical		= 0;
	  var increment_vertical			= 170;
	  var maxRightIncrement_vertical	= increment_vertical*(-30);
	  var fx_vertical = new Fx.Tween($('slider-list_vertical'), {duration: 750, transition: 'back:in:out'});
    //var fx_vertical = new Fx.Tween($('slider-list_vertical'), {duration: 2000, transition: Fx.Transitions.Expo.easeOut});

    $('previous_vertical').addEvent('click', function() {
        if(totIncrement_vertical < 0) {
            totIncrement_vertical += increment_vertical;
            fx_vertical.pause();
            fx_vertical.start('margin-top', totIncrement_vertical);
        }
    });

    $('next_vertical').addEvent('click', function() {
        if(totIncrement_vertical > maxRightIncrement_vertical) {
            totIncrement_vertical -= increment_vertical;
            fx_vertical.pause();
            fx_vertical.start('margin-top', totIncrement_vertical);
        }
    });
}

// Twitter Navigation
function verticalNavi2(){
    var totIncrement_vertical		= 0;
	  var increment_vertical			= 215;
	  var maxRightIncrement_vertical	= increment_vertical*(-30);
	  var fx_vertical = new Fx.Tween($('slider-list_vertical_twitter'), {duration: 750, transition: 'back:in:out'});
    //var fx_vertical = new Fx.Tween($('slider-list_vertical'), {duration: 2000, transition: Fx.Transitions.Expo.easeOut});

    $('previous_vertical_twitter').addEvent('click', function() {
        if(totIncrement_vertical < 0) {
            totIncrement_vertical += increment_vertical;
            fx_vertical.pause();
            fx_vertical.start('margin-top', totIncrement_vertical);
        }
    });

    $('next_vertical_twitter').addEvent('click', function() {
        if(totIncrement_vertical > maxRightIncrement_vertical) {
            totIncrement_vertical -= increment_vertical;
            fx_vertical.pause();
            fx_vertical.start('margin-top', totIncrement_vertical);
        }
    });
}