function animate() {
    var slidefxs = [];
    var m_slidefxs = [];
    var timer = 0;


    var mmenus = $$('#main_menu li a');
//     alert(mmenus);
    mmenus.each(function(el, i){
        el.setStyle('top', '-45px');
        timer += 250;
//         mmenus_createOver(el, i);
        m_slidefxs[i] = new Fx.Style(el, 'top', {
                duration: 200,
                transition: Fx.Transitions.backOut,
                wait: false,
                onComplete: mmenus_createOver.pass([el, i])
            });
            m_slidefxs[i].start.delay(timer, m_slidefxs[i], 0);
    }, this);

    timer = 300;
    var lis = $$('#section_nav li');
    lis.each(function(el, i){
            el.setStyle('margin-left', '-255px');
            timer += 250;
            slidefxs[i] = new Fx.Style(el, 'margin-left', {
                duration: 500,
                transition: Fx.Transitions.backOut,
                wait: true,
                onComplete: createOver.pass([el, i])

            });
            slidefxs[i].start.delay(timer, slidefxs[i], 0);

    }, this);

}
function mmenus_createOver(el, i) {
    var overfxs = new Fx.Styles(el, {'duration': 200, 'wait': false});
        el.mouseouted = true;
        el.addEvent('mouseenter', function(e){
            overfxs.start({'top': -3});
//             overfxs.onComplete = function (el) {
//                 alert(el);
                i = $E('img', e.target);if(i) i.setStyle('border-bottom', '2px solid #ffcc01');
//             };
        });
        el.addEvent('mouseleave', function(e){
            overfxs.start({'top': 0});
            i = $E('img', e.target);if(i) i.setStyle('border-bottom', '0 none');
        });
}


function createOver(el, i) {
    var overfxs = new Fx.Styles(el, {'duration': 200, 'wait': false});
        el.mouseouted = true;
        el.addEvent('mouseenter', function(e){
            overfxs.start({
                'padding-left': 15
            });
        });
        el.addEvent('mouseleave', function(e){
            overfxs.start({
//                 'color': fromcolor,
                'padding-left': 5
            });
        });
// 	alert(i);
}

window.addEvent('domready', animate);