var curFrame = 1;
var oldFrame = 1;

function newToggle(curFrame, oldFrame) {
    $('nav' + oldFrame).toggleClass('active');
    $('nav' + curFrame).toggleClass('active');
}


window.addEvent('domready',
function() {
    $('nav1').toggleClass('active');

    var scroll = new Fx.Scroll('wrapper', {
        wait: false,
        duration: 1000,
        offset: {
            'x': 0,
            'y': 0
        },
        transition: Fx.Transitions.Expo.easeIn
    });



    $('link1').addEvent('click',
    function(event) {
        event = new Event(event).stop();
        oldFrame = curFrame;
        curFrame = 1;
        scroll.toElement('content' + curFrame);
        newToggle(curFrame, oldFrame);


    });

    $('link2').addEvent('click',
    function(event) {
        event = new Event(event).stop();
        oldFrame = curFrame;
        curFrame = 2;
        scroll.toElement('content' + curFrame);
        newToggle(curFrame, oldFrame);

    });

    $('link3').addEvent('click',
    function(event) {
        event = new Event(event).stop();
        oldFrame = curFrame;
        curFrame = 3;
        scroll.toElement('content' + curFrame);
        newToggle(curFrame, oldFrame);

    });

    $('link4').addEvent('click',
    function(event) {
        event = new Event(event).stop();
        oldFrame = curFrame;
        curFrame = 4;
        scroll.toElement('content' + curFrame);
        newToggle(curFrame, oldFrame);

    });



});