var mike = {};

window.addEvent('domready', function(){
    mike.initMiddle();
});

mike.initMiddle = function(){
    var rheight = $('middle').offsetHeight;
    var sheight = $('middle').scrollHeight;
    if( sheight > rheight ){
        $('middle').setStyles({
            height: 420,
            'margin-top': 15
        });
        var toUp = new Element('div', {
            style: 'background-image: url(/inc/template/thMikeHerr/images/arrow-up.png); background-repeat: no-repeat;'+
            'background-position: center center; position: absolute; left: 0px; width: 100%; top: 170px; height: 20px; cursor: pointer;'
        }).inject( $('middle'), 'before' );

        var toDown = new Element('div', {
            style: 'background-image: url(/inc/template/thMikeHerr/images/arrow-down.png); background-repeat: no-repeat;'+
            'background-position: center center; position: absolute; left: 0px; width: 100%; bottom: 90px; height: 20px; cursor: pointer;'
        }).inject( $('middle'), 'before' );

        fx = new Fx.Tween(toDown, {duration: 500});

        /*toDown.addEvent('mouseover', function(){
            fx.start({'opacity': 0.5}).addEvent('complete', function(){
                fx.start({'opacity': 1});
            });
        });*/

        toDown.addEvent('click', mike.scrollDown);
        toUp.addEvent('click', mike.scrollUp);
    }
}

mike.scrollDown = function(){
    new Fx.Scroll($('middle')).set(0, $('middle').scrollTop+100 );
}

mike.scrollUp = function(){
    new Fx.Scroll($('middle')).set(0, $('middle').scrollTop-100 );
}