window.addEvent('domready', function(e){ init_header(); (function(){init_nav();}).delay(550); (function(){move_nav_line();}).periodical(1500); }); function init_header(){ var h = $('header_container'); h.set('tween', {duration: 500}); h.set('slide', {duration: 800, transition: Fx.Transitions.Expo.easeOut}); h.fade('hide'); h.fade('in'); } function init_nav(){ var nav_els = $('nav').getElements('.nav_item'); nav_els.each(function(el){ el.addEvent('mouseenter', function(){ var active_els = $('nav').getElements('.active'); active_els.each(function(ael){ ael.removeClass('active'); }); el.addClass('active'); move_nav_line(); }); el.addEvent('mouseleave', function(){ el.removeClass('active'); move_nav_line(); }); }); move_nav_line(); } function move_nav_line(){ var line = $('nav_underline'); var active_nav = ($('nav').getElement('.active')) ? $('nav').getElement('.active') : $('nav').getElement('.current'); var is_current = active_nav.hasClass('current'); if(active_nav){ var size = active_nav.getSize(); var pos = active_nav.getPosition(); line.removeClass('active'); line.morph({ width: size.x + 2 +'px', height: '3px', left: pos.x - 1 + 'px', top: pos.y + size.y + 10 + 'px' }); } }