var intro = function() {
    $('n').style.display='none';
    $('j').style.display='none';
    $('p').style.display='none';
    $('njp').style.display='none';
    $('aar').style.display='none';
    
    var mid = (window.getScrollWidth())/2;
    var aniN = new Fx.Styles('n',{fps:25, transition: Fx.Transitions.Quart.easeInOut, duration: 800});
    var aniJ = new Fx.Styles('j',{fps:25, transition: Fx.Transitions.Quart.easeInOut, duration: 800});
    var aniP = new Fx.Styles('p',{fps:25, transition: Fx.Transitions.Quart.easeInOut, duration: 800});
    var aniL = new Fx.Styles('njp',{fps:25, transition: Fx.Transitions.Quart.easeInOut, duration: 800});
    var aniA = new Fx.Styles('aar',{fps:25, transition: Fx.Transitions.Quart.easeInOut, duration: 800});
    
    aniN.set ({
        //'display':'none',
        'top': 250,
        'left': mid-350,
        'width':240,
        'height':300
    });
    aniJ.set({
        //'display':'none',
        'top': 250,
        'left': mid-60,
        'width':160,
        'height':300
    });
    aniP.set({
        //'display':'none',
        'top': 250,
        'left': mid+250,
        'width':220,
        'height':300
    });
    aniL.set({
        //'display':'none',
        'top': 420,
        'left': mid-360,
        'width':720,
        'height':50
    });
    aniA.set({
        //'display':'none',
        'top': 345,
        'left': mid-178,
        'width':350,
        'height':1
    });
    
    (function() {
        $('n').style.display='block';
        aniN.start({
            //'opacity':[0.1,1],
            'top': 160,
            'left': mid-150,
            'width':120,
            'height':150
        });
    }).delay(1);
    
    (function() {
        $('j').style.display='block';
        aniJ.start({
            //'opacity':1,
            'top': 160,
            'left': mid-40,
            'width':80,
            'height':150
        })
    }).delay(600);
    
    (function() {
        $('p').style.display='block';
        aniP.start({
            //'opacity':[0.1,1].
            'top': 160,
            'left': mid+50,
            'width':110,
            'height':150
        })
    }).delay(1200);
    
    (function() {
        $('njp').style.display='block';
        aniL.start({
            //'opacity':[0.0,1],
            'top': 320,
            'left': mid-180,
            'width':360,
            'height':25
        })
    }).delay(2000);
    
    (function() {
        $('aar').style.display='block';
        aniA.start({
            'height':20
        })
    }).delay(2800);
    (function() {
        aniA.start({
            'height':1
        })
    }).delay(5200);
    (function() {
        $('aar').style.display='none';
    }).delay(6000);
    
    (function() {aniN.start({
        'top': 460,
        'left': mid-330,
        'width':40,
        'height':50
    })}).delay(6000);
    (function() {aniJ.start({
        'top': 460,
        'left': mid-294,
        'width':27,
        'height':50
    })}).delay(6000);
    (function() {aniP.start({
        'top': 460,
        'left': mid-261,
        'width':37,
        'height':50
    })}).delay(6000);
    (function() {aniL.start({
        'top': 20,
        'left': mid-380,
        'width':288,
        'height':20
    })}).delay(6000);
    
    /*var swap1 = new Fx.Styles('intro',{fps:25, transition: Fx.Transitions.Quart.easeInOut, duration: 2000});
    (function() {swap1.start({
    'opacity':0
    })}).delay(5600);*/
    var swap2 = new Fx.Styles('main',{fps:20, transition: Fx.Transitions.Quart.easeIn, duration: 1000});
    (function() {swap2.start({'opacity':[0,1]})}).delay(6200);
    if (window.ie6 | window.ie7) {
        (function() {swap3.start({'opacity':[0,1]})}).delay(6000);
        var swap3 = new Fx.Styles('frame',{fps:20, transition: Fx.Transitions.Quart.easeIn, duration: 1000});
    }
    (function() {
        
        $$('.anim').each(function(item){ 
            item.style.display='none';
        });
    }).delay(6800);
    
}