var menu_earth_hover=new Image();
var menu_true_hover=new Image();
var menu_y2_hover=new Image();
var menu_life_hover=new Image();
menu_earth_hover.src='images/menu_earth_hover.jpg';
menu_true_hover.src='images/menu_true_hover.jpg';
menu_y2_hover.src='images/menu_y2_hover.jpg';
menu_life_hover.src='images/menu_life_hover.jpg';
var menu_earth=new Image();
var menu_true=new Image();
var menu_y2=new Image();
var menu_life=new Image();
menu_earth.src='images/menu_earth.jpg';
menu_true.src='images/menu_true.jpg';
menu_y2.src='images/menu_y2.jpg';
menu_life.src='images/menu_life.jpg';

$(function() {

    /* navigation hover */
    var footerHover = {
         sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
         interval: 10, // number = milliseconds for onMouseOver polling interval
         over: hoverMenu, // function = onMouseOver callback (REQUIRED)
         timeout: 100, // number = milliseconds delay before onMouseOut
         out: hoveroutMenu // function = onMouseOut callback (REQUIRED)
    };
    $("#nav ul li").hoverIntent( footerHover );   
});

function hoverMenu(){
    if(!($(this).hasClass('active'))){
        var imgname = $(this).find('img').attr('name');
        $(this).find('img').attr('src', eval(imgname + '_hover.src')).animate({marginTop: '-18px'},50);
    }
}
function hoveroutMenu(){
    if(!($(this).hasClass('active'))){      
        var imgname = $(this).find('img').attr('name');
        $(this).find('img').attr('src', eval(imgname + '.src')).animate({marginTop: '0'},200);
    }
}