$(document).ready(function(){
    $('.menu-item').mouseover(function(e){
    	var p = $(this).outerWidth();
        $('#red-line').stop(true, true).animate({
        	width: ($(this).offset().left - $('#white-line').offset().left + p - ((p*12)/100))
        },200);
    });
    
    $('.menu-item').hover(function(){
    	$('.submenu-item',this).css("display", "block");
    }, function(){
    	$('.submenu-item',this).css("display", "none");
    });
});